html, body {
line-height: 21px;
margin: 0px;
font-family: monospace; 
font-size: 16px;
width: 100%;
color: grey;
background-color: #5b4e9b;

}
#header {
	padding-top: 20px;
width: 	95%;
	background-color: rgb(60,60,60);
padding-left: 5%;
}

#container {
	width: 100%;
margin: 0 auto;
margin-top: 50px;	
height: 1000px;
}

#bild {
width: 30%;	
float: left;
z-index: 2;
}

#navi {
width: 20%;	
position: relative;
float: left;
z-index: 1;
}

#inhalt {
float: left;
width: 44%;
}

.inhalt {
	padding: 5%;	
margin-top: 15px;
background-color: white;
border: 5px solid #e3ab40;
border-radius: 10px;
padding-bottom: 0px;

}

.rechtsbuendig {text-align: right;
padding-right: 5%;	
}

.nav-erw {
margin-top: 10px;
background-color: #e3ab40;
border-radius: 10px;
width: 220px;
height: 40px;
font-size: 22px;
padding-top: 15px;
text-align: center;
text-decoration: none;
color: white;
}

.nav-gruppe {
font-size: 18px;
line-height: 16px;
padding-top: 0px;	
}
.nav {
	margin-top: 10px;

background-color: rgb(60,60,60);
border-radius: 10px;
width: 220px;
height: 40px;
font-size: 22px;
padding-top: 15px;
text-align: center;
text-decoration: none;
color: white;	
	
}

h1 {
color: #5b4e9b;	
line-height: 20px;
margin-top: 0px;	
}

fr {
color: white;	
}
a, a:hover, a:visited {
text-decoration: none;
color: white;
}

@media only screen  and (min-device-width: 320px) 
  and (max-device-width: 480px)
       /* mobile Geräte */ 

  and (-webkit-min-device-pixel-ratio: 2)
 {
	 html, body {
		 font-size: 33px;
		 line-height: 38px;
	 }
	  #container {
		 margin-left: 2%;	 }

	 h1 {
		line-height: 53px; 
	 }
	 #navi {
		 		 float: left;
		width: 100%; 
	 }
	 
	 #inhalt {
		 width: 90%;
	 }
	 
	#bild {
		display: none;
	}
	
	.nav-erw, .nav {
	float: left;
			 font-size: 30;

	}
	
	 }
     
     
     
     @media only screen and (max-width: 955px)
 
 {
     /* schmalerbildschirm bis 810px */ 

 #container {
		 margin-left: 2%;	 }

#bild {
		display: none;
	}
	 #navi {
		 float: left;
		 width: 100%;
	 }
	 
	 #inhalt {
		 width: 90%;
	 }
	.nav-erw, .nav {
	float: left;
	}
	
	}