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

@media only screen and (max-width:1250px){
	#formfeld{
	    margin-right:130px;
    }
}


@media only screen and (max-width:1105px){
	.menuimg{
		max-height:25px;
	}
	
	#strich{
		max-height:25px;
	}
	#formfeld{
	    margin-right:80px;
    }
    
    #footboxcenter2{
    	margin-left:42%;
    }
    
    #footboxcenter{
    	margin-left:42%;
    }
}

@media only screen and (max-width:990px){
	.menuimg{
		max-height:18px;
	}
	
	#strich{
		max-height:18px;
	}
    
    #formfeld{
	    margin-right:50px;
    }
}

@media only screen and (max-width:960px){

#boxcenter{
	margin-left:3%;
}

	#portraitboxl{
	    max-width:40%;
	    padding-right:0;
	    margin-left:0;
	    margin-right:5px;
    }
	
	#portraitboxl2{
	    clear:none;
	    float:right;
	    max-width:40%;
	    padding-right:0;
	    margin-left:0;
	    margin-right:5%;
    }

    #portraitboxc{
	    max-width:40%;
	    float:right;
	    margin-left:0;
	    margin-right:5%;
    }
	
	#portraitboxc2{
	    max-width:40%;
	    padding-right:0;
	    margin-left:0;
	    margin-right:5px;
    }

    #portraitboxr{
	    clear:both;
	    float:left;
	    max-width:40%;
	    padding-left:0;
    }
	
	#portraitboxr2{
	    max-width:40%;
	    float:right;
	    margin-left:0;
	    margin-right:5%;
    }
    
        #footer2{
	    padding-top:50px;
    }
}

@media only screen and (max-width:900px){
	#formfeld{
	    margin-right:auto;
    }
    
    	#footboxcenter2{
		clear:both;
	    margin-top:250px;
	    margin-left:35%;
		width:250px;
    }
	
	#footboxright2{
	    margin-top:50px;
		width:250px;
    }
    
    #footboxcenter{
		clear:both;
	    margin-left:35%;
		width:250px;
    }
	
	#footboxright{
		width:250px;
    }
}

@media only screen and (max-width:840px){
	
	#logo{
		display:none;
	}
	
	#logo2{
		display:inline;
	}
	
	#menu{
		padding-top:10px;
		padding-bottom:10px;
		clear:both;
		float:none;
		margin-left:auto;
		margin-right:auto;
		width:440px;
	}
	
	.menuimg{
		max-height:18px;
	}
	
	#strich{
		max-height:18px;
	}
	h2.content{
    	clear:both;
    }
	p.content em{
	    font-size:20px;
    }

    p.content em strong{
    	font-size:16px;
    }
    
    .contentR{
	    font-size:14px;
    }

#boxcenter{
	margin-left:3%;
	margin-right:1%;
}
}

@media only screen and (max-width:785px){
	#formfeld{
	    clear:both;
	    float:left;
    }
}

@media only screen and (max-width:765px){
	#boxleft{
	max-width:52%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:50px;
}

#boxcenter{
	clear:both;
	max-width:52%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:50px;
}

#boxright{
	clear:both;
	float:none;
	max-width:52%;
	margin-right:auto;
	margin-left:auto;
}

#boxtext{
	background-size:contain;
}
#broschuere{
	width:200px;
}
}
@media only screen and (max-width:660px){
    #footboxright2{
		clear:both;
	    float:none;
	    margin-left:auto;
	    margin-right:auto;
		width:250px;
    }

	#footboxcenter2{
		clear:both;
	    margin-top:225px;
	    margin-left:auto;
	    margin-right:auto;
		width:250px;
    }
    
    	#footboxleft2{
	    float:none;
	    margin:50px auto 0 auto;
	    min-width:230px;
	    max-height:62px;
    }

    #footboxright{
		clear:both;
	    float:none;
	    margin:50px auto 50px auto;
		width:250px;
    }

	#footboxcenter{
		clear:both;
	    margin:225px auto 50px auto;
		width:250px;
    }
    
    	#footboxleft{
	    float:none;
	    margin:50px auto 0 auto;
	    min-width:230px;
	    max-height:62px;
    }	
    
        #sitemapl{
		width:120px;
    }

    #sitemapr{
	    width:130px;
		text-align:left;
		margin-bottom:50px;
    }
    
    #contentimg{
    	clear:both;
	float:none;
	margin:0 auto 30px auto;
}
    
	
}



@media only screen and (max-width:610px){
	#headimg span{
	    font-size:40px;
    }
	
	#portraitboxl{
		float:none;
	    max-width:230px;
	    padding-right:0px;
	    margin-left:auto;
	    margin-right:auto;
    }

    #portraitboxc{
		clear:both;
	    max-width:230px;
	    float:none;
	    margin-left:auto;
	    margin-right:auto;
    }

    #portraitboxr{
	    clear:both;
	    float:none;
	    max-width:230px;
	    padding-left:0;
		margin-left:auto;
		margin-right:auto;
    }
	
	#portraitboxl2{
		float:none;
	    max-width:230px;
	    padding-right:0px;
	    margin-left:auto;
	    margin-right:auto;
    }

    #portraitboxc2{
		clear:both;
	    max-width:230px;
	    float:none;
	    margin-left:auto;
	    margin-right:auto;
    }

    #portraitboxr2{
	    clear:both;
	    float:none;
	    max-width:230px;
	    padding-left:0;
		margin-left:auto;
		margin-right:auto;
    }
    
    #leftcontent{
	    clear:both;
	    float:none;
	    width:80%;
	    margin-bottom:50px;
	    margin-left:15%;
	    margin-right:auto;
    }

    #rightcontent{
    	clear:both;
	    float:none;
	    width:80%;
	    margin-left:auto;
	    margin-right:auto;
    }
    
    .contentR{
	    font-size:18px;
    }
    
    #smcontact{
	    display:none;
    }
    
    #broschuere{
    	display:none;
    }
}

@media only screen and (max-width:550px){
    
    #footer{
	    padding-top:10px;
    }
	
	
	#menu{
		padding-top:10px;
		padding-bottom:10px;
		clear:both;
		float:none;
		margin-left:auto;
		margin-right:auto;
		width:392px;
	}
	
	.menuimg{
		max-height:16px;
	}
	
	#contenttext{
	margin-left:10%;
	margin-right:10%;
	width:80%;
}

    #headimg span{
    	margin-left:10%;
    }

#boxleft{
	max-width:70%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:50px;
}

#boxcenter{
	clear:both;
	max-width:70%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:50px;
}

#boxright{
	clear:both;
	float:none;
	max-width:70%;
	margin-right:auto;
	margin-left:auto;
}


}

@media only screen and (max-width:440px){
	#menu{
		display:none;
	}
	
	#logo3{
		display:inline;
		margin-left:10%;
		max-height:132px; 
	}
	
	#logo2{
		display:none;
	}
	
	body{
		overflow-x:hidden;
		width: 100%;
	}
	
	#headimg span{
	    font-size:30px;
    }

    h2.content{
	    font-size:20px;
    }

    p.content{
	    font-size:14px;
    }
	
	p.content strong{
	    font-size:14px;
    }
	
	.content2{
		font-size:18px;
    }

    li{
	font-size:16px;
	padding-bottom:10px;
    }
	
	li strong{
	    font-size:14px;
    }
	
	p.content em{
	    font-size:20px;
    }

    p.content em strong{
    	font-size:16px;
    }
	
	#sitemapl{
		width:120px;
    }

    #sitemapr{
	    width:130px;
		text-align:left;
    }
	
	table{
		border-collapse: collapse;
		border-spacing: 0;
	}
	#contenttext{
	padding-top:30px;
}


}

@media only screen and (max-width:350px){
	#logo3{
	    max-height:123px; 
	}
    
    #smimg{
    	width:50px;
    	height:50px;
    }
}


@media only screen and (max-width:320px){
	#logo3{
	    max-height:97px;
	}
	
	input{
	width:95%;
}
}