@charset "utf-8"

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

	.wraper{
		width:100%;
	}
.kontaktmail {
    margin-left: 10%;
    width:70%;
    margin-bottom: 2%;
}
}


@media only screen and (max-width:768px){ 
	.wraper{
 	width:100%;
	}
 	.leistungen{
 		width:100%;
 	}

.form-group label{

margin-left: 20%;
}

.form-group-mail{padding-left:10%;width:100%;}

.form-group-mail label{font-size:0.9em;padding-left:10%;}
.form-control{padding:0px;}


.navy ul li a{
	font-size: 1.0em;
	padding:1%;
}

.slick-prev:before, .slick-next:before {
	font-size:38px!important;
}

.box_map{

	   
}

.logo img{
	margin-left:12%;
	width:30%;
}

.slogan{
	float:none;
	padding-left: 7%;

}

.slogan p {
    float: left;
    
}

input.mail{margin-left:17%;width:80%;} 
input.tel{
width:80%;
margin-left:17%;}

.kontaktmail{margin-left:17%;width:70%;margin-bottom:2%;}

 }


 @media only screen and (max-width:425px) {
 	.wraper{
 	width:100%;
} 

.leistungen{
 		width:100%;
 	}
.leistungen li {
	
	font-size:0.9em;
} 	

.box_map{
	
	float:left;
	margin-left:0%; 
	

}
.box_map img{
	width:98%;
	
}
.content_text{
	text-align:left;

}

.impressum p{

	font-size:0.9em;
}
.angebot{
	font-size:0.9em;


}
.navy ul li a{
	font-size: 0.8em;
	padding:1%;
}


.form-group label{
font-size:0.9em;
margin-left: 22%;
}
.form-group-mail{padding-left:12%;width:100%;}

.form-group-mail label{font-size:0.9em;padding-left:12%;}
.form-control{padding:0px; //margin:10px;}
.slick-prev:before, .slick-next:before {
	font-size:38px!important;
}

.referencen.logo{
	width:30%!important;
}

.row p{
font-size:0.9em;
}

.conten h3{

font-size:1.0em;	
}

h3{font-size:1.0em;}

.logo img{
	margin-left:12%;
	width:30%;
}

.slogan{
	float:none;
	padding-left: 7%;

}

input.mail{margin-left:14%;width:80%;} 
input.tel{
width:80%;
margin-left:14%;}


}

@media only screen and (max-width:375px) {
 	.wraper{
 	width:100%;
} 


img{
	width:90%;
}

.leistungen{
 		width:100%;
 	}
.leistungen li {
	
	font-size:0.9em;
} 	

.box_map{
	
	float:left;
	margin-left:0%; 
	

}
.box_map img{
	
	width:80%;
}

p{
	font-size:0.8em;
}

.content_text p{
	text-align:left;
	font-size:0.8em;
}

.impressum p{

	font-size:0.9em;
}
.angebot{
	font-size:0.9em;


}

.referencen.logo{
	width:30%!important;
}


.logo img{
	margin-left:12%;
	width:30%;
}

.slogan{
	float:none;
	padding-left: 7%;

}
.navy ul li a{
	font-size: 0.8em;
	padding:1%;
}

.form-group label{
font-size:0.9em;
margin-left: 22%;
}
.form-group-mail{padding-left:12%;width:100%;}

.form-group-mail label{font-size:0.9em;padding-left:12%;}
.form-control{padding:0px;}

.slick-prev:before,.slick-next:before {
	font-size:38px!important;
}

.content_form p{
	font-size:0.9em;
}

input.mail{margin-left:14%;width:80%;} 

input.tel{
	width:80%;
	margin-left:14%;
}

.kontaktmail {
    margin-left: 15%;
    width: 70%;
    margin-bottom: 2%;
}


}