@media screen and (max-width: 1044px){
	header,main,footer{
	width:100%
	}
	#header-blau{
	width:100%;
	}
	section{
	width:61%
	}
	aside{
	width:17%
	}
	h1{
		font-size: 1.25em;
	}	
}


@media screen and (max-width: 788px){
	header,main,footer{
	
	width:100%;
	}
	header{
	position:relative;
	}
	
	header nav li{
		float:none;
		border:none;
	}	
	header nav{	
		position:absolute;
		top:0;
		left:380px;
		
	}
	header nav li a{
	padding:3.3px;
	}
	
	#header-blau{
	width:100%;
	}
	section{
	
	width:100%;
	}
	aside{
	display:none;
	}
	
	section #slider{
	width:100%;
	}
	


}




@media screen and (max-width: 820px){
	header,main,footer{
	
	width:100%;
	}
	header{
	position:relative;
	}
	
	header nav li{
		float:none;
		border:none;
	}	
	header nav{	
		position:absolute;
		top:0;
		left:380px;
		
	}
	header nav li a{
	padding:3.3px;
	}
	
	#header-blau{
	width:100%;
	}
	section{
	
	width:100%;
	}
	aside{
	display:none;
	}
	
	section #slider{
	width:100%;
	}
	


}



@media screen and (max-width: 620px){
	header,main,footer{
	
	width:100%;
	}
	#header-blau{
	width:100%;
	}
	header nav{	
		position:absolute;
		top:0;
		left:220px;
		
	}
	
.foto{
	
		width:50%;
	}
	
	.inhalt{
	
		width:40%;
		font-size:13px;
		font-weight:600;
	
	}


}