@charset "utf-8";

@media (max-width:1700px){

	.cimagepool .gallery-wrapper { padding-bottom:29%; }

}

@media (max-width:1200px){

	/*Abstand*/
		#siteheader { padding-right:0px; padding-left:0px; border-bottom:2px solid #000; }
		#dsmain, .sitefooter { padding-right:15px; padding-left:15px; }
		#logo {margin-left:15px }


	/*Galerie-/Karten-Container*/
		.cmaps.view, .gallery-wrapper { padding-bottom:28%; }

}

@media (max-width:1350px){

	/*Footer*/
		#address > li.fax:after { display:none; }
		#address > li.email { clear:both; }
}

@media (min-width:1024px){

	/*Navigation*/
		#dsmenus { display:block !important; }

}

@media (max-width:1023px){

		html { font-size: 60% !important; -webkit-text-size-adjust: 100%;  }

		/*Header*/
			#logo {margin-top:-90px}

	  	/*Navigation*/
			#menutrigger{display:block;margin: 5px 0 0 auto;padding: 0 5px; background:none}
			#menutrigger span{background:#000}
			#nav { min-height:0;  border-bottom:none}
			#nav a {padding:15px 18px; margin:0; border-radius:0; display:block; border-top:1px solid #000}

			#nav a.dsmenu_active{background:#000; color:#fff; position:relative;}
			#nav a.dsmenu_active:before{display:none}

			#nav ul {float:none; display:none; border-bottom:1px solid #000}
			#nav li { float:none; position:relative; }
			#nav ul > li > ul{ position:relative; margin:0; padding:0 ;width:auto; text-align:left; background:#333; opacity:1}
			#nav ul > li:hover,
			#nav ul > li.dsmenu_active {color:#fff}
			#nav ul > li > ul a{  padding:8px 18px 8px 35px; display:block; color:#fff; border:none}
			#nav ul > li > ul > li{float:none; border:none}
			#nav ul > li > ul > li:not(:last-of-type):before{display:none}
			#nav ul > li > ul a:hover,
			#nav ul > li > ul a.dssubmenu_active{text-decoration:none; color:#fff; background:#000}
			#dsmenus > li.fixwidth:hover { transform:none;   }
			#dsmenus > li.fixwidth:after {content:"\f103"; position:absolute; z-index:1; top:5px; right:10px; width:40px; height:40px;	font-family:FontAwesome; font-size:30px; line-height:40px; text-align:center; }

		/*Inhalt*/
			#dscolumn1_2,#dscolumn2_2{ width:100%;padding:0 0 20px 0; float:none; margin:0}
			input[type=text], input[type=email], input[type=password], button, .cis-select {height:40px}
			.cis-select > div  {height:26px; padding-top:8px}
			.checkboxCheck {display:inline-block; margin-bottom:20px}
			.checkboxCheck > div{display:block; float:none; width:auto; padding-right:0}
			.checkboxCheck > div > label {padding-top:12px;}
			.checkboxCheck > div label:before{top:10px}

		/*Ajaxdiv*/
			#ajaxdiv {right:10px; left:10px; width:auto}
			.box {width:calc(50% - 10px);}

}

@media (max-width:767px){

		html { font-size:69% !important; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape*/ }

	/*Galerie-/Karten-Container*/
		.cmaps.view, .gallery-wrapper { height:50px; padding-bottom:0; }

	/* Picasa  */
		.desktopgalerie { display:none;}
		.handyslider { display:block;}

	/*Footer*/
		#footer { display:none; }
		#mobilefooter { display:block; padding-bottom:15px; }
		#mobileaddress { padding-bottom:15px; text-align:center}
		#mobilebuttons { margin-left:-5px; padding:15px 0;   }
		#mobilebuttons:after { content:""; display:block; clear:both; }
		#mobilebuttons > div { float:left; width:33.333%; padding-left:5px; box-sizing:border-box; }
		#mobilebuttons > div > a { display:block; line-height:40px; font-size:20px; text-align:center; text-decoration:none !important; background:#E3DC29 !important; color:#000 !important; border-radius:3px}
		#mobilebuttons > div > a:hover { background:#F0EC8E }
		#mobilebuttons > div > a:before { content:""; font-family:FontAwesome; }
		#mobilebuttons > div > a.phone:before { content:"\f095"; }
		#mobilebuttons > div > a.email:before { content:"\f003"; }
		#mobilebuttons > div > a.maps:before { content:"\f041"; }
		#copyright { padding:15px; }

}

@media (max-width: 666px){


		/*Searchpanel*/
		.searchpanel { margin-bottom:10px;}
		.searchpanel > form > div,
		.searchpanel > form > div.buttondiv{width:100%; float:none; margin-bottom:2px; padding-bottom:5px}
		.popupbody img.partner{max-width:100%; max-height:none; float:none; margin-bottom:20px; padding:0; }
		.popupbody .content span {display:block; clear:both; }
}


@media (max-width: 567px){

		.f1_col1of2, .f1_col2of2{width:100%; float:none; padding:0}
		.f1_row > label.spamfilter:before{content:'\f062'; margin-left:0}
		.f1_row.spamfilter label {width:100%; padding:10px 0}

		.box {width:100%; margin:10px 0}

}

@media (max-width: 479px){

		div#logo {margin-top:-50px}
		div#logo img{width:220px}

		.handyslider { height:500px}
		.handyslider .cis-gallery .top-navigation div:before {padding:250px 10px; }

		h1.dstitle_1, h1.dstitle_2 { line-height:30px; line-height:3.0rem; font-size:25px; font-size:2.5rem; }

	/*Galerie-/Karten-Container*/
		.cmaps.view, .gallery-wrapper { height:180px; padding-bottom:0; }
		.slideimage--label { font-size:2.5rem;  }

		.cgallery .items { grid-template-columns:repeat(3, minmax(0,1fr)); }
}


@media (max-width: 374px){


		div#logo img{width:190px}

}