/*----- Menu -----*/	
		nav {
			margin: 0 auto 0 auto;
			width: 100%;
			text-align: right;
			-webkit-transition: all 0.8s ease;
			-moz-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
			transition: all 0.8s ease;
			z-index: 9999;
			float:right;
		}	
		nav ul {
			margin: -150px auto 0 auto;
			padding: 7.3em 0 0 0;	
			//height: 100vh;
		}
		
		nav ul li {	
			font-family:'Roboto', Helvetica, Arial, sans-serif;
			font-weight:900;
			font-size:1.0em;
			text-transform:uppercase !important;
			color: #333333;
			list-style: none;
			margin: 0;
			display: inline;
		}
		nav ul li a {
			text-transform:uppercase !important;
			color: #333333;
			position: relative;
			padding: 0 0 0.5em 0;
			display: inline-block;
			text-decoration: none;
			text-transform: none;
		}
		
		nav ul li a:visited {
			color: #333333;
	
		}
		
		nav ul.menu li a:hover {
			color:#ad005d;
			text-decoration:none;
			padding: 0 0 0.5em 0;
			transition:2s;
		}
		
		nav ul li a:after {
  content: ''; /* content ist leer... */
  position: absolute;
  bottom: -38px;
  left: 0;
  width: 0%;
  border-bottom: 5px solid #ad005d;
  transition: 0.6s;
}

nav ul li a:hover:after {
  width: 100%;
}
		
	/*----------------*/
	
	
	/*----- Media Queries -----*/
		@media screen and (min-width: 901px) {
			nav ul.menu {
				max-height: 20px;
			}			
			a#nav-m, a.close {
				display: none;
			}
			nav ul li {
				margin: 0 30px 0 0;
			}			
		}


		@media screen and (max-width: 900px) {	
			/*Formatierung Mobiles Menue*/				
			nav ul {
				//top: 3.4em;
				position: absolute;
				background: rgba(0,0,0,0.80);
				width: 100%;
				height:auto;
				left: -100%;
				list-style-type:none;
				margin: 0;
				padding: 0;				
				transition:all .6s ease;
				-webkit-transition:all .6s ease;
			}
			
			nav ul li{
				font-size:1.0em;
				display: block;
				text-align: left;
				padding: 0.9em 3em 0.9em 3em;
				border-bottom: 1px solid #858383;
			}
			
			nav ul li a {
				color: #fff;
				padding: 0 0 0 0;
			}
			
			nav ul li a:link, nav ul li a:visited {
				color: #fff;
				padding: 0 0 0 0;
			}
			nav ul.menu li a:hover {
				border-bottom: 0;
				padding: 0 0 0 0;
			}
			
			nav ul li a:after {
  content: ''; /* content ist leer... */
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0%;
  border-bottom: none;
  transition: none;
}

nav ul li a:hover:after {
  width: 100%;
}
			
		}
		

			a#nav-m img, a.close img {
 margin-top:-70px;
 width: 40px;
 height: auto;
 float:right;
}
 nav > .close,  a#nav-m:target {
 display: none;
}
 a:target ~ ul,  a:target ~ .close {
 display: inline-block;
}
 a:target ~ .close {
 position: absolute;
 margin-left: -40px;
}
 a:target ~ ul {
 left: 100%;
}
		}
		
		
		@media screen and (max-width: 480px) {	
			/*Formatierung Mobiles Menue*/				
			nav ul {
				top: 2.0em;
			}
			
			a#nav-m img, a.close img {
 margin-top:-40px;
 width: 40px;
 height: auto;
 float:right;
}
 nav > .close,  a#nav-m:target {
 display: none;
}
 a:target ~ ul,  a:target ~ .close {
 display: inline-block;
}
 a:target ~ .close {
 position: absolute;
 margin-left: -40px;
}
 a:target ~ ul {
 left: 100%;
}
			
		}
		
		
		
		@media screen and (max-width: 375px) {	
			/*Formatierung Mobiles Menue*/				
			nav ul {
				top: 2.2em;
			}
			
			a#nav-m img, a.close img {
 margin-top:-60px;
 width: 40px;
 height: auto;
 float:right;
}
 nav > .close,  a#nav-m:target {
 display: none;
}
 a:target ~ ul,  a:target ~ .close {
 display: inline-block;
}
 a:target ~ .close {
 position: absolute;
 margin-left: -40px;
}
 a:target ~ ul {
 left: 100%;
}
			
		}
		
		
	/*--------------------------------------*/