@charset "utf-8";
/* CSS Document */
/*  ------------ Navigation ------------- */

div#navTrigger { 
	
	z-index:1000; 
	display:block; position: fixed; 
	top:12px; left:12px; background-color: rgba(31,31,31,1.00); 
	width:36px; height:36px; cursor: pointer; 
	
	background-repeat: no-repeat; background-position: center;
	background-size: 80%;
	
	-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
	
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");
		
	border-radius:7px;
		
}
div#navTrigger.active {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M3 18h13v-2H3v2zm0-5h10v-2H3v2zm0-7v2h13V6H3zm18 9.59L17.42 12 21 8.41 19.59 7l-5 5 5 5L21 15.59z'/%3E%3C/svg%3E"); left:270px; 
background-color:rgba(236,236,236,1.00); }

nav { 
	
	z-index:999; 
	background-color:rgba(25,25,25,1.00); 
	display:block;
	position: fixed;
	left:-321px;
	top:0px;
	width:320px;
	box-sizing: border-box;
	padding:50px 24px 60px 20px;
	height: 100vh !important;
	overflow-x: visible;
	overflow-y: auto;
	-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;

}

nav.open {
	left:-1px; pointer-events: all;
} 


  								  
nav ul	{ display: inline-flex;	position: relative;	float: left;	flex-wrap: wrap;	box-sizing: border-box; padding:12px; background-color: transparent !important; }
										  
nav ul li	{ 
	
	list-style:none; 
	flex:1;
	width:auto;
	position:relative;
	display:inline-block;
	padding:2px 2px 2px 2px;
	max-width:100% !important; 
	min-width:100% !important;
	box-sizing: border-box;
	background-color: transparent !important; 

}
										  
nav ul li:hover > ul 					{ visibility:visible; }

nav ul li a { 
	
						 text-decoration:none; display:inline-block; line-height:1.5; max-width:100%; 
							word-break: normal; position: relative; height:auto;
							padding:3px 8px 1px 8px;
							box-sizing: border-box; 
							text-align:left;
							min-width: 100%;
							font-size:1.4rem; 
							color:#fff !important;
							font-weight: 200
}

nav ul li a:hover	{ text-decoration: underline; }






nav ul li:last-child a	{ color:rgb(185,11,14) !important; margin-top: 30px; }


nav ul li.Lebensmittel-bestellen > a, 
nav ul li.essenbestellung > a, 
nav ul li.personalbestellung > a, 
nav ul li.gaestebestellung > a { font-weight: 800 !important }




nav ul li.active > a { color: rgba(255,226,76,1.00) !important; font-weight: 800 !important }







nav ul li.getraenkebestellung,
nav ul li.speiseplan-erstellen,
nav ul li.logbuch { display:none !important }