@media only screen and (min-width:545px){
	.menubtn {
		display:none;
	}
}

@media only screen and (max-width:965px){
	#wrap, #header{
	    width:100%;
	}
	
	nav{
	    width:750%;
	    height:85px;
	    font-size:14px;
    }
    
    nav ul li a{
	    width:100px;
    }
    
    #divR, #divR2, #logo{
    	width:25%;
    	margin-right:1%;
    }
    
    #divL, .divL2{
    	margin-left:1%;
    }
    
    #blog{
    	margin:2% auto 2% auto;
    	width:98%;
    }
    
    #icon, #icon2, #icon3, #imgR2{
	width:100%;
}

#titelstart, #titel{
	font-size:50px;
	margin-left:1%;
}

.ihbody{
	background-size:150%;
}

body{
	background-size:120%;
}

#footer{
	width:100%;
}

#fRightL{
	width:45%;
}

#fRightR{
	width:45%
}

.divL4{
	float:none;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}

}

@media only screen and (max-width:800px){
	.teaser p, #bereichL p, #bereichL li{
		font-size:12px;
	}
	
	.brcbody{
	background-size:150%;
}


}

@media only screen and (max-width:730px){
	
    #titelstart, #titel{
	font-size:40px;
	text-shadow: 2px 2px 0 #000000;
}

#bereichR{
	display:none;
}

#respAdr{
	display:block;
}

.divL3{
		float:none;
		width:98%;
		margin-left:auto;
		margin-right:auto;
	}
	
	h1{
		font-size:14px;
	}
	
	.divL4{
		padding:20px 20px 20px 20px;
	}
}

@media only screen and (max-width:680px){
	nav ul li a{
	    width:80px;
	    
	padding-top:28px;
	padding-bottom:28px;
    }
    
    body{
	background-size:150%;
	background-position:-200px top;
}

#bereichR2 a{
	font-size:12px;
	}
	
	#footer p, #footer a{
		font-size:14px;
	}
}

@media only screen and (max-width:590px){
	
    #titelstart, #titel{
	font-size:30px;
}
}

@media only screen and (max-width:545px){
	
    #menu{
    	display:none;
    }
    
    #logo{
    	width:40%;
    }
    
    #headerhg, #header{
    	height:30px;
    }
    
    .ihbody{
	background-position:50px top;
}

#fRight{
	clear:both;
	float:none;
	margin-left:auto;
	margin-right:auto;
}

#fLeft{
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#footer{
	height:430px;
}
#footerhg{
	height:430px;
}

#fRightR{
	display:none;
}



#fRightL{
	width:100%;
}
#footerResp{
	display:block;
}
}

@media only screen and (max-width:500px){
	#divR, #divR2{
		display:none;
	}
	
	#divL, .divL2{
		float:none;
		width:98%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#divL2img, #divL2img2{
		display:block;
	}
	
	#bereichL{
		margin:auto auto 10px auto;
		width:98%;
		padding: 10px 30px 30px 30px;
	}
	
	body{
	background-position:-150px top;
}

.col_0{
	margin-left:1%;
	margin-right:1%;
}

.col_1{
	margin-left:0;
	margin-right:0;
}

.col_last{
	margin-left:1%;
	margin-right:1%;
}

#fLeft, #fRight{
	width:65%
}

h2{
		font-size:16px;
	}

#padding20{
		padding:0px 0px 0px 0px;
	}

#blogpadding{
		padding:10px 10px 10px 10px;
	}

}

@media only screen and (max-width:450px){
	
#wrap{
	margin-top:70px;
}

#titelstart, #titel{
	font-size:25px;
}

}

@media only screen and (max-width:365px){
	
#titelstart{
	font-size:20px;
}

body{
	background-size:120%;
	background-position:center top;
}

#fLeft, #fRight{
	width:80%
}

.divL4{
	width:96%;
}

}

@media only screen and (max-width:295px){
	
#fLeft, #fRight{
	width:95%
}

}