/*===== HAMBURGER-MENÜ (Aufklapp-Fonts / margin beeinflusst auch Position vom Hamburger) ======*/

.slicknav_menu {
	position: fixed;
	/*background-color: #00306C;*/
	display: none;
	height: auto;
	
	font-family: lato-light, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	text-align: left;
	color: #FFFFFF;
	opacity: 1.0;
	z-index: 1;
}

/***************** HAMBURGER (js .slicknav_menu) *****************/

@media only screen and (min-width:150px) and (max-width:339px) {

.js .slicknav_menu {
	display:block;
	width: auto; 
	margin-top:1px;
	margin-left: 2%;
	z-index: 999;
}
	
.js #menu {display:none;}
		
}

/***************** HAMBURGER (js .slicknav_menu) *****************/

@media only screen and (min-width:340px) and (max-width:539px) {

.js .slicknav_menu {
	display:block;
	width: auto; 
	margin-top:14px;
	margin-left: 4%;
	z-index: 999;
}
	
.js #menu {display:none;}
		
}

/***************** HAMBURGER (js .slicknav_menu) *****************/

@media only screen and (min-width:540px) and (max-width:767px) {

.js .slicknav_menu {
	display:block;
	width: auto; 
	margin-top:34px;
	margin-left: 4%;
	z-index: 999;
}
	
.js #menu {display:none;}
		
}


/***************** HAMBURGER (js .slicknav_menu) *****************/

@media only screen and (min-width:768px) and (max-width:1023px) {

.js .slicknav_menu {
	display:block;
	width: auto; 
	margin-top:34px;
	margin-left: 4%;
	z-index: 999;
}
	
.js #menu {display:none;}
		
}


/***************** Normales Menü (js #menu) *****************/

@media only screen and (min-width:1024px) and (max-width:1399px) {

	
.js #menu {
	background-color:#66FF00;
	width: 70%;
	margin-top:40px;
	margin-left: -1em;
	
}
	
.js .slicknav_menu {display:none;}
	
}

/***************** Normales Menü (js #menu) *****************/

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

	
.js #menu {
	background-color:#66FF00;
	width: 70%;
	margin-top:35px;
	margin-left: -1em;
	
}
	
.js .slicknav_menu {display:none;}
	
}