@media only screen and (orientation:landscape) {body {-webkit-text-size-adjust:none;}}
@media only screen and (orientation:portrait) {body {-webkit-text-size-adjust:none;}}

@media screen and (min-width:751px) and (max-width:970px) {
	.container {width:100%;margin:0 auto;}
	.header{ padding:0 4%;}
	.top_threepan ul li{ width:100%; float:none; display:inline-block;}
	.top_threepan ul li:nth-child(1){ padding-left:16px;}
	.top_threepan ul li:nth-child(3){ padding-left:16px; float: none;}
	.text_pan{ width:74%; margin-left:16px; margin-top:18px;}
	.her_right{ width:32%;}
	.body_left{ padding-left:1%;}
	.body_right{ width:51%;}
	.body_right h2{ font-size:36px; line-height:38px;}
	.servicepartner{ margin-left:2%; margin-right:2%; margin-top:20px;}
	.footer{ padding-left:2%; padding-right:2%;}
/* ===========================================================================================================================================
====================================================================== Inner page start ==================================================================== 
============================================================================================================================================== */
	.body_inner{ padding:0 3%;}
	.marken_details ul li{ width:48%; margin-right:24px;}
	.marken_details ul li:nth-child(2),.marken_details ul li:nth-child(4),.marken_details ul li:nth-child(6),.marken_details ul li:nth-child(8){ margin-right:0;}
	.inner_text{ padding-top:30px}
	.inner_text p{ font-size:16px;}
	.contact_pan,.contact_text{ padding:20px;}
	.contact_text_left,.contact_text_right{ float:none; border-right:none; width:68%;}
	.contact_text_right ul li span{ width:180px;}
	.contact_text ul li{ line-height:37px;}
	.agb_page{ margin-top:30px;}
	.agb_page_bot{ float:none; width:100%;}
	.uberuns_page{ position:relative;}
	.uberuns_text,.uberuns_bot,.uberuns_bot:last-child{ float:none; width:100%;}
	.uberuns_page img{ float:none; margin-right:0; position:absolute;width:24%; float:left;}
	.uberuns_text p{  float: left;margin-left: 196px;padding-bottom: 23px;width: 74%;}
	.uberuns_bot p{ float:none; margin-left:0; width:100%;}
	.unsere_page_right{ width:64%;}
	
	span.wpcf7-not-valid-tip {width:150px!important;}
	div.wpcf7-validation-errors{ margin-right:25px;}
	
	.popup {
		left: -56px !important;
		top: -156px !important;
	}
	.popup_pic{
		width:400px;
	}
	.popimgleft, .popimgright{
		width: 48.5%;
	}
	.popimgleft img, .popimgright img{ width:100%;}
}
@media only screen and (max-width:750px) {
	.container {width:100%;margin:0 auto;}
	.header img{ float:none; margin:0 auto;}
	.her_right{ float:none; width:100%; text-align:center;}
	.top_threepan ul li{ width:100%; float:none; display:inline-block;}
	.top_threepan ul li:nth-child(1){ padding-left:16px;}
	.top_threepan ul li:nth-child(3){ padding-left:16px; float: none;}
	.ch-info > div{ padding-top:16px;}
	.text_pan{ width:60%; margin-left:16px; margin-top:18px;}
	.spiralContainer {height:99px;}
	.spiral_1,.spiral_2,.spiral_3{ margin-top:12px;}
	.body_pan{ padding:0 4%;}
	.body_left,.body_right,.form_left,.form_right{ float:none; width:100%;}
	.body_left img{ margin:0 auto; display:block;} 
	.body_right h2,.body_inner h2{ font-size:37px; line-height:39px;}
	.body_right p span{ display:inline;}
	.form_right input[type="text"],.form_pan input[type="tel"],.form_right input[type="email"]{ width:95.4%;}
	.form_pan textarea{ float:none;width:95.4%;}
	.form_pan input[type="submit"]{ float:none; margin-top:10px; margin-left:0; margin-bottom:10px;}
	.footer{ padding:5%; position:relative;}
	.footer_left{ width:100%; text-align:center; float:none; margin-top:64px; padding-bottom:5px;}
	.footer_left ul { text-align:center; padding:0; margin:0;}
	.footer_left ul li{ float:none; display:inline-block;}
	.footer p{ float:none; padding-top:10px;}
	.footer img{ float:none; margin:0 auto;position:absolute; left:0; right:0; top:10px;}
/* ===========================================================================================================================================
====================================================================== Inner page start ==================================================================== 
============================================================================================================================================== */
	.marken_details,.agb_page{ margin-top:20px;}
	.marken_details ul li{ width:100%; margin-right:0;}
	.inner_text{ padding-top:30px;}
	.inner_text p{ font-size:15px;}
	.inner_text p span{ display:inline;}
	.contact_pan,.contact_text{ padding:10px;}
	.contact_text_left,.contact_text_right,.uberuns_text,.unsere_page_right{ float:none; width:100%;}
	.contact_text_right ul li span{ width:180px;}
	.contact_text ul li{ line-height:37px;}
	.agb_page_bot,.uberuns_bot,.uberuns_bot:last-child{ float:none; width:100%;}
	.uberuns_page{ position:relative;}
	.uberuns_page img{ position:absolute; width:88%;left:0; right:0; margin:107px auto; }
	.uberuns_text p{ padding-top:20px; padding-bottom:0;}
	.uberuns_bot{ margin-top:20px;}
	.uberuns_text p:nth-child(2){margin-top:526px;}
	.uberuns_bot p:nth-child(2){margin-top:0;}
	.unsere_page img{ float:none;}
	.uberuns_page{ margin-top:0;}
	.form_block{
		float:none;
		width:100%;
		margin:00;
	}
	.form_block1{
		float:none;
		width:100%;
		margin:0;
	}
	.form_block2{
		float:none;
		width:100%;
	}
	.popup {
		left:0 !important;
	}
	.popup_pic{
		width:100%;
	}
	.popimgleft, .popimgright{
		width: 48.5%;
	}
	.popimgleft img, .popimgright img{ width:100%;}
}
@media only screen and (max-width:480px) {
	.popup{
		top: -150px !important;
	}
	.popup_pic{
		width:90%;
	}
	.popimgleft, .popimgright{
		width:49%;
	}
	.popup_pic ul li{ font-size:13px; line-height:15px;}
}
@media only screen and (max-width:320px) {
	.ch-info > div{ padding-top:19px;}
	.text_pan{ width:58%; margin-left:10px; margin-top:0;}
	.text_pan h2{ font-size:18px;}
	.text_pan p{ font-size:13px; line-height:19px;}
	.body_right{ margin-top:20px;}
	.body_right h2,.body_inner h2{ font-size:30px; line-height:33px;}
	.body_inner h3{ font-size:20px;}
	.body_right p{ font-size:14px; line-height:19px;}
	.marken_details{ margin-top:20px;}
	.contact_text ul li span{ float:none; display:block;}
	.contact_text ul li{ line-height:22px; margin-bottom:8px;}
	.uberuns_text p:nth-child(2){margin-top:358px;}
	.uberuns_bot p:nth-child(2){margin-top:0;}
	.uberuns_page img{ position:absolute; width:88%;left:0; right:0; margin:154px auto; }
	.popup{
		top: -120px !important;
	}
}
/* =================================================================================================
	============================================ INNER PAGE END =============================================== 
	=================================================================================================================== */