@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1023px) {

	body { min-width: 760px; }
	img{ width: 100%; height:auto; }
	.wrap{ width:100%; }
	#header {  height:160px;  }
	.hdfixed { width:100%; height:160px; }
	span.header_right a { display:none; }
	#menu { display:block; }
	#mainmenu { float:none; text-align:center;  margin:24px 0; position:relative; }
	#mainmenu ul { width:50%; margin:0 auto; display:none; position:absolute; top:30px; left:50%; margin-left:-25%; background:#4a6085; border-bottom:solid 1px #757f90; }
	#mainmenu li { float:none; padding:0; }
	#mainmenu li a, #mainmenu li.impressum a { line-height:28px; border-top:solid 1px #757f90; padding:0; text-align:center; font-family:'DINNextLTProMedium'; font-size:17px; }
	#mainmenu li.impressum { position:static;  }
	#mainmenu li.impressum.anmeldung { margin-right: 0px;}
	#logo { float:none; display:block; width:203px; margin:3% auto 0; }
	.para_col,.address_col,.Impressum_col { padding:3% 3%; margin:2% 0 0 0; }
	.cols2 .col { width:auto; float:none; }
	.cols2 .col p { text-align:justify; }
	.wht_box { padding:3% 3%; margin-bottom:3%; }
	.port_img { display:none; float:none; padding:0 8%; }
	.para_data { float:none; padding:3% 3%; width:auto; margin:2% 0 0 0; }
	.para_data p { text-align:justify; }
	.erfahrungen_col p { text-align:justify; }
	.cols4 .f_col.one { width:50%; height:auto; }
	.cols4 .f_col.two { width:50%; height:200px; }
	.cols4 .f_col.three { width:50%; height:auto; }
	.cols4 .f_col.four { width:50%; height:auto; }
	.cols2 .i_col { float:none; width:auto; }
	.cols2 .i_col.one { width:auto; margin-bottom:6%; }
	.client_logo li { width:49%; float:left; border-bottom:1px solid #fff; }
	.client_logo li img { width:auto; }
	.pic_info p { text-align:left;  }
	.impressum_col { padding:25px 20px; }

}
/*==========================================================================================================*/
@media only screen and (max-width: 767px), only screen and (max-device-width: 600px)  {

}
/*==========================================================================================================*/
@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {

	body { min-width:320px; }
	#mainmenu ul { width:70%; margin-left:-35% }
	#mainmenu { margin:15px 0 10px 0; }
	#header, .hdfixed  { height:128px; }
	#mainmenu ul { top:28px; }

}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (min-width: 300px) and (max-width: 480px) {

}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (min-width: 340px) and (max-width: 480px) {

	.f_col { float:none; }
	.cols4 .f_col.one, .cols4 .f_col.two,.cols4 .f_col.three,.cols4 .f_col.four { width:auto; margin-bottom:3%; }
	.cols4 .f_col.two { width:50%; height:auto;}

}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (min-width: 300px) and (max-width: 479px) {

	.f_col { float:none; }
	.cols4 .f_col.one, .cols4 .f_col.two,.cols4 .f_col.three,.cols4 .f_col.four { width:auto; margin-bottom:3%; }
	.cols4 .f_col.two { width:50%; height:auto; }
	#mainmenu ul { width:80%; margin-left:-40% }
	.impressum_col { padding:15px 10px; }
}

/*==========================================================================================================*/
/* only Small tablet portrait 600 by 800*/
@media only screen and (min-width: 599px) and (max-width: 600px) {

}

/*==========================================================================================================*/
/* Small tablet Landscape 800 by 600*/
@media only screen and (min-width: 799px) and (max-width: 800px) {

}
/*==========================================================================================================*/
@media only screen and (min-width: 420px) and (max-width: 568px) {

	.f_col { float:none; }
	.cols4 .f_col.one, .cols4 .f_col.two,.cols4 .f_col.three,.cols4 .f_col.four { width:auto; margin-bottom:3%; }
	.cols4 .f_col.two { width:50%; height:auto; }

}

/* Retina css */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 3/2),  only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {


	span.bullet { background: url(../images/bgi/f-bullet@2x.png) no-repeat 0 0; -moz-background-size:24px 24px; -ms-background-size:24px 24px; -o-background-size:24px 24px; -webkit-background-size:24px 24px; background-size:24px 24px; }
	#menu span { background:url(../images/bgi/navigation-arrow@2x.png) 100% 0  no-repeat; -moz-background-size:20px 50px; -ms-background-size:20px 50px; -o-background-size:20px 50px; -webkit-background-size:20px 50px; background-size:20px 50px; }

}