.contextmind-ui-header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	height: 50px;
	background-color: #eff1f3;
}

/* Button-Bereich (links)
--------------------------*/

	.contextmind-ui-header--buttons {
		position: absolute;
		top: 0;
		left: 0;
	}

	.contextmind-ui-header--buttons a {
		display: block;
		height: 50px;
		width: 50px;
		float: left;
		text-align: center;
		line-height: 50px;
	}

	.contextmind-ui-header--buttons a:hover {
		background-color: rgba(0,0,0,0.05);
	}

/* Überschrift
---------------*/

	.contextmind-ui-header--title {
		display: inline-block;
	}

	.contextmind-ui-header--title h1 {
		display: inline-block;
		font-size: 20px;
		margin-top: 0px;
		padding-top: 0px;
		padding-left: 10px;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
	}

	.contextmind-ui-header--title h1 .mdi {
		display: inline-block;
		font-size: 20px;
		vertical-align: top;
	}

/* Menu
--------*/

	.contextmind-ui-header--menu {
		position: absolute;
		top: 0;
		right: 0;
	}

	.contextmind-ui-header--menu a {
		display: block;
		height: 50px;
		width: 50px;
		float: left;
		text-align: center;
		line-height: 50px;
	}

	.contextmind-ui-header--menu a:hover {
		background-color: rgba(0,0,0,0.05);
	}

	.contextmind-ui-header .mdi {
		margin: 0 auto;
		font-size: 26px;
		color: #333333;
	}