header {
	/*background-color: gray;*/
	width: 100%;
	float: left;
	/*border-bottom: 1px solid black;*/
}

#wm-header {
	background-color: #FFFFFF; /*#E7E4E5*/
	font-size:1.4em;
}

#wm-header img {
	max-height: 70px;
	 transition: all 0.5s ease-in-out;
}

#wm-header.header-fixed  {
	background-color: #ffffff; /*#EEECED */
	font-size:0.7em;
	opacity: 0.40;
}

#wm-header #wm-menu-inner.header-fixed  {
	display:none;
	}

#wm-header.header-fixed:hover {
	opacity: 1.0;
	transition: all 0.35s ease-in-out;
	font-size:1.2em;
}

#wm-header.header-fixed img {
	max-height: 40px;
	transition: all 0.5s ease-in-out;
	opacity: 1.00 !important;
}
	
#bereichlogo {
	color: red;
	background-color: transparent; /* limegreen; */
	display: block;
	padding: 0.5em 0 0.5em 0.5em;
	margin-right:0.25em; /* 0.5em IST SAFE overflow bei chrome verhindern */
	text-decoration: none;
	float: right;	/* turn left */
}

#bereichlogo {
	width: auto;
}

#steuerung li {
	list-style: none;
	float: left;
}
	
#steuerung a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 0.5em;
	text-decoration: none;
	/* color: white; */
	/* background-color: green; */ 
}	

.menue-button {
	display: none;
}		
	
#steuerung {
	float: left; /* turn right */
	margin-left:0.5em; /* overflow bei chrome verhindern */
}
	
#steuerung a:hover {
/*	color: white;
	background: black;*/
}	

/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 700px */
/* and (max-width:1600px)  */

@media only screen and (min-width:701px)  {

	.menue-button {
		display: block;
	}

	.menue-button {
		background-color: #E95D0F; /*#ffffff;*/
		display: block;
		position: absolute;
		left: 0; /* turn right=0 */
		top: 0;
		margin: 0.5em;
		padding: 0.5em 1.0em 0.5em 1.0em;
	font-size:1.0em !important;
		color: #E7E4E5 !important;
		text-decoration: none !important;
		cursor: pointer;
		text-decoration: none;
	}	

	.menue-button:hover  {
		color: #E95D0F !important;
		background: #E7E4E5 !important;
		text-decoration: none !important;
	}
	
/*	#bereichlogo {
		width: 100%;
	} */

.cat-menusubs {
	width:100% !important;
	/* background:yellow !important; */
}
	
	#steuerung {
		float: left;
		width: 100%;
		display: none;
	}	

/*	#steuerung li {
		width: 100%;
		border-bottom: 2px solid silver;
	}	*/
	
}

/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */
#nav-menue:target #steuerung {
	display: block;
	font-size:0.8em !important; /* NOI! */
}
	
/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */
#nav-menue:target .menue-button-beschr-open {
	display: none ; 
}