@charset "utf-8";

@media (max-width:1860px){
	#ajaxdiv { width:auto; }
}

@media (max-width:1410px){
	#siteheader, #dscontent, #sitefooter { width:auto; }
}

@media (max-width: 1350px) {
	#logo { width:250px }

	/*Navigation*/
		#nav { padding-top:55px; }
		#dsmenus > li + li { margin-left:20px; }
		#dsmenus a { font-size:22px; font-size:2.2rem; }

	/*DSContentheader*/
	#dscontentheader { height:calc(100vh - 176px); }
	#dscontentheader .gallery-wrapper { padding:0; height:calc(100vh - 176px); }
}


@media (min-width:1251px){

	#dsmenus { display:block !important; }
}

@media (max-width: 1250px) {

	img { max-width:100%; height:auto !important; }

	/*Navpoints*/
	.cimagepool .cis-gallery .nav-points { position:absolute; bottom:20px; left:15px; width:auto; }

	.overlay_container { right:30px; left:auto; transform:none; }
	.overlay_container .overlay_button { width:250px; }

	/* Content */
	#dscolumns, #dsarticlefooter .dsarticle_content, #dsarticleheader .dsarticle_content { padding:0 15px; }
	#dsmain { padding-bottom:0; }


	/*Header*/
		#siteheader { padding:0; }
		#logo { margin-right:15px; }

		/*Menutrigger*/
			#menutrigger { display:block; z-index:2; overflow:hidden; margin:20px 0 15px 15px; width:50px; height:50px; transition:background-color 0.4s; float:left; }
			#menutrigger span { position:absolute; left:0px; width:50px; height:6px; border-radius:5px; transition:all .4s; background-color:#9b8c5f; }
			#menutrigger span.line1 { top:8px; }
			#menutrigger span.line2 { top:22px; }
			#menutrigger span.line3 { top:22px; }
			#menutrigger span.line4 { top:36px; }
			#menutrigger.open span.line2 { transform:rotate(-45deg); background:#910550; }
			#menutrigger.open span.line3 { transform:rotate(45deg); }
			#menutrigger.open span.line1,
			#menutrigger.open span.line4 { opacity:0; filter:alpha(opacity=0); }

		/*** Nav ***/
			#nav { padding-top:0; float:none; clear:both; }
			#dsmenus { display:none; }
			#dsmenus li { float:none;}
			#dsmenus li > a:hover,
			#dsmenus li a.dsmenu_active { color:#fff; background-color:#910550; }
			#dsmenus > li + li { margin-left:0; }
			#dsmenus a { display:block; padding:8px 0; line-height:30px; }

			#dsmenus > li { border-bottom:1px solid #C7BFA5;}
			#dsmenus > li > a { position:relative; padding-right:15px; padding-left:15px; }
			#dsmenus > li.fixwidth > a { padding-right:40px; }
			#dsmenus > li.fixwidth > a:after { content:"\f103"; position:absolute; top:0; right:0; width:40px; height:40px; line-height:40px; font-family:FontAwesome; text-align:center; }
			#dsmenus > li.fixwidth.running > a:after { content:"\f101"; }

			#dsmenus > li > ul { position:static; padding:0; }
			#dsmenus > li > ul > li { margin:0; background-color:#C7BFA5; }
			#dsmenus > li > ul > li:not(:last-of-type) { border-bottom:1px #fff solid; }
			#dsmenus > li > ul > li:after { display:none; }
			#dsmenus > li > ul > li > a { padding-right:30px; padding-left:30px; line-height:30px; color:#fff; }
			#dsmenus > li > ul > li > a:hover { color:#fff; background-color:#9b8c5f; }
			#dsmenus > li > ul > li.dssubmenu_active > a { color:#fff; background-color:#9b8c5f; }
			#dsmenus > li > ul > li + li { margin-left:0; }


		/*Inhalt*/
			/*Spalten*/
				#dscolumn1_2,
				#dscolumn2_2 { padding:0; width:100%; }
				#dscolumn1_2 { margin-bottom:10px; border-bottom: 1px #9B8C5F solid; }


	/*Fusszeile*/
		#dssitefooter { position:static; }
		#adresse { display:none; }
		/* #mobileadresse { display:block; float:left; } */
		#mobileadresse { clear:both; float:none; text-align:center; padding-bottom:30px;}
		.mobileadresse__title { text-transform:uppercase; font-size:2.2rem ; text-align:center; font-weight:700;}

		#mobilefooter .phone:after { content:"\f095"; font-family:"FontAwesome"; }
		#mobilefooter .email:after { content:"\f0e0"; font-family:"FontAwesome"; }

		/* #mobilebuttons { display:block; margin-left:-10px; padding-top:10px; padding-bottom:40px; }
		#mobilebuttons:after { content:""; display:block; clear:both; }
		#mobilebuttons > div { padding-left:10px; box-sizing:border-box; width:50%; float:left; }
		#mobilebuttons > div > a { display:block; height:40px; border:1px white solid; font-size:20px; line-height:40px; text-decoration:none; text-align:center; }
		#mobilebuttons > div > a:before { font-family:FontAwesome; }
		#mobilebuttons > div > a.phone:before { content:"\f095"; }
		#mobilebuttons > div > a.email:before { content:"\f0e0"; }
 */
		.footer-adresse { float:none; margin:0 auto;; }
		.footer-adresse__title { text-transform:uppercase; font-size:2.2rem ; /* border-top:1px solid #cdc6af;  */margin-bottom:30px; padding-top:30px; text-align:center;}
		.footer-adresse__elements { justify-content:center;  }
		.footer-adresse__element { }



	/*Ajaxdiv*/
		#ajaxdiv { top:0 !important; right:0; bottom:0; left:0; height:auto; }
		#ajaxdiv > div { overflow:auto; padding-right:0; background:rgba(255,255,255,.9); -webkit-overflow-scrolling:touch; }
		#ajaxdiv .gallery-wrapper, #ajaxdiv.cstory .flickity-wrapper,
		#ajaxdiv.full .gallery-wrapper { padding-bottom:60%; height:0; }
		#ajaxdiv.full .gallery-wrapper { position:relative; top:auto; right:auto; bottom:auto; left:auto; }
		#ajaxdiv .popupcontent { position:static; top:auto; right:auto; bottom:auto; transform:none; width:auto; transition:none; }
		#ajaxdiv.full .popupcontent { transform:none; transition:none; }
		#ajaxdiv.full .popupcontent.show { transform:none; }
		#ajaxdiv .popupheader,
		#ajaxdiv .popupbody { position:static; right:auto; width:auto; background:none; }
		#ajaxdiv .popupbody { top:auto; bottom:auto; }
		#ajaxdiv a.ajaxclose { position:fixed; }

		/*News*/
		#ajaxdiv > div.cnews.viewdet .popupbody { top:auto; padding-top:0; }
		#ajaxdiv .popupcontent.count0 { padding-top:75px; }


	/*Items*/
		.item { width:33.33%; }


	/* Paging */
		.paging > div { width:33.3%; }


	/*** Scrolltop ***/
		#scrolltop { right:15px; bottom:205px; }


	/*** Rferenzen ***/
		.creferenzen .items .item { width:33.33%; }

	 /*Item + paging */
		.paging > div,
		.cnews .searchpanel > form > div,
		.searchpanel > form > div, .item { width:50%; }
		.searchpanel > form > div { width:50%; }
		.cnews .searchpanel > form > div.button { padding-left:0; width:100% }

		/* News */
		.cnews.view .item { width:100%; }
		.cnews.view .item .content:not(.noimage) { padding-top:160px; padding-right:0px; }
		.cnews.view .item .content.noimage .text { height:auto; }
		.cnews.view .item .box .placeholder { width:100%; height:150px; }
		.cnews.view .item .box.bg3 .content .text:after,
		.cnews.view .item .box.bg0 .content .text:after { display:none; }

		.cnews .paging > div { width:50%; }


	/* Shadowbox */
		#sb-body,
		#sb-loading { background:none; }
		#sb-info { position:fixed; top:auto; right:0; bottom:0; left:0; }
		#sb-container{ background:#000; background:rgba(0,0,0,0.7); }
		#sb-wrapper { top:-25px !important; right:10px !important; bottom:10px !important; left:10px !important; width:auto !important; }
		#sb-wrapper-inner { box-sizing:border-box; height:calc(100% - 60px) !important; border-color:transparent; }
		#sb-body img { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; }


	/*Story*/
		.cstory .item.width0,
		.cstory .item.width1,
		.cstory .item.width2 { width:50%; }
		.cstory .item.layout0.width0.height1[class*="image-"] .content { margin-top:200px; height:auto; }
		.cstory .item.layout0.width0.height1[class*="image-"] .content .text { height:110px; }
		.cstory .item .content .text { height:310px; }
		.cstory .item.layout1.height0 .content { height:310px; }
		.cstory .item.layout0.width0.height0.bild-1 .content .text,
		.cstory .item.layout0.width1.height0.bild-1 .content .text,
		.cstory .item.layout0.width2.height0.bild-1 .content .text { height:110px; }


	/*Layout:Standard umstellen*/
		.cstory .item.layout0.width0[class*="image-"] .placeholder,
		.cstory .item.layout0.width1[class*="image-"] .placeholder,
		.cstory .item.layout0.width2[class*="image-"] .placeholder { right:0; left:0; width:auto; height:200px; }
		.cstory .item.layout0.width0.height0[class*="image-"] .content,
		.cstory .item.layout0.width0[class*="image-"] .content,
		.cstory .item.layout0.width1[class*="image-"] .content,
		.cstory .item.layout0.width2[class*="image-"] .content { margin-top:200px; margin-right:0; margin-left:0; padding-right:0; padding-left:0; }


}

@media (max-width:1199px){
	.creferenzen .item { width:33.33%; }
	.creferenzen .paging > div { width:33.33%; }


	/*Story */
		#dscolumn2_2 .cstory .item.width0,
		#dscolumn2_2 .cstory .item.width1,
		#dscolumn2_2 .cstory .item.width2,
		#dscolumn2_2 .cstory .item.width3 { width:50% }
}

@media (max-width:1099px){
	.cteam .item { width:33.33%; }
	.cteam .paging > div { width:33.33%; }
}

@media (max-width:950px) {

	/*Referenzen*/
		.creferenzen .items .item { width:50%; }
		.creferenzen .paging > div { width:50%; }
}

@media (max-width:850px) {

	/*Team*/
		.cteam .items .item .phone { display:none; }
		.cteam .item .text .icons { margin-left:-10px; }
		.cteam .item .text .icons > div { margin-left:0; padding-left:10px; box-sizing:border-box; width:33.33%; float:right; }
		.cteam .item .text .icons > div.phone_mobile { display:block; }
		.cteam .item .text .icons > div.phone_mobile > a:before { content:"\f095"; }

}

@media (max-width:767px) {
	/*iPhone 6 Querformat 667px*/

	/*Formular */
		.f1_col1of2,
		.f1_col2of2 { padding-right:0; padding-left:0; width:100%; float:none; }
		.artisan .submit-row { padding-top:10px; }
		.artisan input.spamfilter { width:160px; }
		.artisan label.spamfilter { width:calc(100% - 160px); }

	/*Item*/
		.item { width:50%; }
		.cgallery .item { width:33.33%; }
		.cteam .item { width:50%; }


	/* Paging */
		.paging > div { width:50%; }
		.cteam .paging > div { width:50%; }

	/*Suche*/
		.searchpanel .filter { display:block; padding-top:10px; }
		.searchpanel > form { display:none; }
		.cnews .searchpanel > form > div,
		.searchpanel > form > div { padding:2px 0 !important; width:100% }


	/*Ajaxdiv*/
		#ajaxdiv .gallery-wrapper, #ajaxdiv.cstory .flickity-wrapper,
		#ajaxdiv.full .gallery-wrapper { padding-bottom:57%; }

	/*DSContentheader*/
		#dscontentheader { height:calc(100vh); }
		#dscontentheader .gallery-wrapper { padding:0; height:calc(100vh); }

	/*Datepicker - Wunschtermin*/
	#wunschtermindiv > .ui-datepicker-multi .ui-datepicker-group { width:100% !important; float:none!important; }
	/*#wunschtermindiv > .ui-datepicker-multi .ui-datepicker-group-last { display: none; !important; }*/

	/*story*/
	.cstory .placeholder { height:auto; }

	/*Gallerie im Arikelheader und Footer */
	#dsarticlefooter .cgallery .item, #dsarticleheader .cgallery .item { width:50%; }

	/* Referenzen */
	.creferenzen .box .placeholder { height:230px; }

	.overlay_container .overlay_button { right:15px; bottom:80px; left:auto; transform:none; }

	.footer-adresse__elements { flex-direction:column; gap:30px 0 ;}
	.footer-adresse__element  { display:block; text-align:center;}
	.footer-adresse__picture { aspect-ratio:unset; }
	.footer-adresse__picture--hug {aspect-ratio:unset;}
}

@media (max-width: 666px) {

	.overlay_container .overlay_button { width:150px; }

	/*Fusszeile*/
		#mobileadresse { padding-bottom:10px; float:none; text-align:center; }

		#scrolltop { right: 15px; bottom:100px; }

		#footer-logo { padding-bottom:10px; padding-left:0; float:none; text-align:center; }
		#footer-logo span { position:relative; top:auto; left:auto; }
		#footer-logo a { display:block; float:none; }
		#footer-logo a.grueterag { width:100%; }
		#footer-logo a.hug-sh { margin-top:15px; margin-left:0; width:100%; }

	/*Referenzen*/
		/*.creferenzen .items .item { width:100%; }*/
		.creferenzen .paging > div { width:100%; }
		.creferenzen .paging > div:not(:first-of-type) { padding-top:20px; }

	/*Newsübersicht*/
		.cnews.viewue .flickity-wrapper div.content { padding:0 5px; box-sizing:border-box; width:100%; }
		.cnews.viewue .flickity-wrapper .flickity-enabled { height:460px; }
		.cnews.viewue .flickity-wrapper div.placeholder { width:100%;height:250px; float:none; }
		.cnews.viewue .flickity-wrapper div.text { padding-top:15px; padding-left:0; width:100%; height:220px; float:none; }
		.cnews.viewue .flickity-wrapper div.text:after { display:none; }

	/*Gallery*/
	.cgallery.slide .gallery-wrapper { padding-bottom:0; height:250px; }


	/*story*/
		.cstory .item.width0,
		.cstory .item.width1,
		.cstory .item.width2{ width:100%; }

		#dscolumn2_2 .cstory .item.width0,
		#dscolumn2_2 .cstory .item.width1,
		#dscolumn2_2 .cstory .item.width2,
		#dscolumn2_2 .cstory .item.width3 { width:100%; }
}

@media (max-width: 567px) {


	/*Formular*/
		.f1_row > div { width:auto; }
		.f1_row > div.r_column { padding-left:0; float:none; }
		.f1_row > div.l_column { padding-right:0; padding-bottom:10px; float:none; }
		.f1_row > div.l_column.ohne_r_column { padding-bottom:0;}

	.cgallery .item { width:50%; }

}

@media (max-width: 479px) {

	.overlay_container { grid-template-columns:1fr; }

	/*Ajaxdiv*/
		#ajaxdiv .gallery-wrapper, #ajaxdiv.cstory .flickity-wrapper,
		#ajaxdiv.full .gallery-wrapper { padding-bottom:70%; }

	/*Team*/
		.cteam .item { width:100%; }
		.cteam .paging > div { width:100%; }
		.cteam .paging > div:not(:first-of-type) { padding-top:20px; }

	#scrolltop { bottom:50px; }

	/* Höhe der Bilder anpassen */
	/*.cgallery .items  .placeholder,*/
	.creferenzen .items .placeholder { height:180px; }

	/* SB Navigation */
		#sb-info { padding:15px 0; }
		a#sb-nav-close { transform:translateY(-15px); height:70px; }
		#sb-nav-close:before,
		#sb-nav-close:after { top:20px; }
		#sb-wrapper { top:10px !important; }

	/*Paging*/
	.paging > div,
	.cnews .paging > div { margin-bottom:5px; width:100%; }
}

@media (max-width: 374px) {
	/*iPhone 4/5 Hochformat 320px*/

	/*Logo*/
	#logo { width:200px; }
	#menutrigger { margin-top:19px; margin-bottom:19px; }

	.cgallery .items .item,
	.cpartner .items .item,
	.cteam .items .item { width:100%; }

	.cgallery .items  .placeholder,
	.creferenzen .items .placeholder { height:350px; }

}