html, body {
		  background-image:url(../jpg/Hintergrund1a.jpg);
	      font: sans-serif;
		  height: 100vh;
		  padding:0;
	    }
		@media only screen and (max-height: 768px), screen and (max-width: 700px) {
		
			#wrapper{
			  /*background-color:red;*/
			  height: 100vh;
			  padding:0;
			  width:740px;
			}
		}
		@media only screen and (max-height: 768px), screen and (max-width: 700px) {
		
			#wrapper{
			  /*background-color:red;*/
			  height: 100vh;
			  padding:0;
			  width:980px;
			}
		
		}
		@media only screen and (min-height: 748px), screen and (max-width: 1400px) {
		
			#wrapper{
			  /*background-color:red;*/
			  height: 100vh;
			  padding:0;
			  min-width:1300px;
			}
		
		}
	    
	/***********************************************************************************/

		#header{
		  background-color:gray;
		  position:fixed;
		  height:100px;
		  width:99%;
		  margin-bottom:5px;
		  margin-left:0%;
		  color:yellow;
		  text-align:center;
		  font-size:24px;
		  font-weight:bold;
		}
		#footer{
		  background-color:gray;
		  height:40px;
		  width:99%;
		  clear:both;
		  margin-left:0%;
		  margin-top: 228%;
		  text-align:center;
		  font-size:25px;
		  font-weight:bold;
		}
		
		#menue-left{
		  background-color:gray;
		  position:fixed;
		  margin-left:0%;
		  margin-top:6%;
		  /*min-height:70%;
		  max-height:100%;*/
	      height:80%;
		  width:15%;
		  float:left;
		  margin-bottom:5px;
		  /*margin-right:5px;*/
	      border-radius: 15px;
	      border: 2px solid;
		}
		 
		#content{
		  /*min-height:70%;
		  max-height:100%;*/
	      height:125%;
		  width:79.5%;
		  float:right;
		  margin-right:2%;
		  margin-top:6%;
		}
	
	/**************** MENUE ***********************************************************/
	
		.nav {
		  position: relative;
	      height:80%;
	      width:100%;
		  margin-left:10px;
		  text-align: left;
		  top: 1%;
		}
		
		.nav ul {
		  list-style: none;
		}
		.nav ul li {
		  position: relative;
		  margin-top: 10px;
		}
		.nav ul li a {
		  line-height: 1.5em;
		  margin-left:12%;
		  text-transform: uppercase;
		  text-decoration: none;
		  letter-spacing: 0.1em;
		  color: rgba(255, 255, 255, 0.40);
		  display: block;
		  transition: all ease-out 300ms;
		}
		
		.nav ul li:not(.active)::after {
		  opacity: 0.2;
		}
		
		/*
		.nav ul li:not(.active):hover a {
		  color: rgba(255, 255, 255, 0.75);
		}
		*/
		
		.nav ul li a:hover{
		   color: rgba(0, 0, 0, 1.00);
		   font-size: 18px;
		   font-weight:bold;
   		   text-shadow: 3px 3px 0 rgba(255, 255, 255, 0.40), 5px 5px 0 #707070;
		}
		
		.navX ul li::after {
		  content: "";
		  position: absolute;
		  width: 90%;
		  height: 4px;
		  left: -2%;
		  background-image: linear-gradient(to right, red, yellow);
		}