@charset "utf-8";


@media (max-width:1920px){

	#imagepool .gallery-wrapper { padding-bottom: 75%;}
}

@media (max-width:1750px){

	#imagepool .gallery-wrapper { padding-bottom: 85%;}
}

@media (max-width:1539px){

		#imagepool .gallery-wrapper { padding-bottom: 90%;}

	/*Ajaxdiv*/
		#ajaxdiv { top:50px !important; right:50px; bottom:50px; left:50px; width:auto; height:auto; margin:auto; transform:none; }

}

@media (max-width:1529px){

	/*Kopfzeile*/
		#logo-wrapper,
		#nav { float:none; width:auto; padding:0 20px; }

		/*Navigation*/
			#dsmenus { padding-top:20px; }

	/*Inhalt*/
		#dsmain { padding-top:150px; }
		#dsmenucontainer,
		#dscontent { width:50%; }

	/*Items*/
		.item .box .content { padding-left:250px; }
		.item .box .placeholder { width:230px; }

	/*News*/
		.cnews.viewue .slide .inner { padding-left:250px; }
		.cnews.viewue .slide .inner .placeholder { width:230px; }

}

@media (max-width:1366px){
		#background,
		#dssiteheader { background:#151517; }
}

@media (max-width:1279px){

	#dsmain { padding-bottom: 40px; }

	/*Ajaxdiv*/
		#ajaxdiv { top:20px !important; right:20px; bottom:20px; left:20px; height:auto; }

	/*Kopfzeile*/
		#logo { float:none; transition:max-width .4s; }

	/*Inhalt*/
		#dsmain { transition:padding .4s; }

	/*Fusszeile*/
		#dssitefooter { position:relative; right:auto; bottom:auto; left:auto; margin:0 -20px -20px; }
		#sitefooter { padding-right:0; padding-bottom:0; padding-left:0; }
		#sitefooter .col1of2,
		#sitefooter .col2of2 { float:none; width:auto; padding-right:0; padding-left:0; }
		#sitefooter .col2of2 { padding-top:20px; }

	/*Scrolling*/
		.scrolled #logo { max-width:214px; }
		.scrolled #dsmain { padding-top:120px; }

	/*Formular*/
		.f1_col1of2,
		.f1_col2of2 { float:none; width:auto; padding-right:0; padding-left:0; }

	/*Items*/
		.item .box .content { padding-left:0; }
		.item .box .placeholder { position:relative; top:auto; bottom:auto; left:auto; width:auto; height:0; padding-bottom:45%; margin-bottom:15px; }

	/*News*/
		.cnews.view .item .box .content .text { height:auto; max-height:200px; max-height:20rem; }
		.cnews.viewue .flickity-gallery { height: 340px; height:34rem; }
		.cnews.viewue .slide .inner { height:calc(400px + 15px); height:calc(40rem + 15px); }
		.cnews.viewue .slide .inner { padding-left:0; }
		.cnews.viewue .slide .inner .placeholder { position:relative; top:auto; bottom:auto; left:auto; width:auto; height:200px; height:20rem; margin-bottom:15px; }

	/*Team*/
		.cteam.view .item .box .placeholder > div { background-size:contain; }
		.cteam.view .item .box .content .text { height:auto; max-height:200px; max-height:20rem; }

}

@media (max-width:1099px){

	/*Ajaxdiv*/
		#ajaxdiv .gallery { float:none; width:auto; padding-right:0; }
		#ajaxdiv .gallery-wrapper { height:0; padding-bottom:65%; }
		#ajaxdiv .popupcontent { float:none; width:auto; padding-left:0; padding-top:20px; padding-bottom:50px; }

	/*Inhalt*/
		#dsmenucontainer { float:none; width:auto; padding-right:0; padding-bottom:20px; }
		#dscontent { float:none; width:auto; padding:0; background:none; }

	/*Items*/
		.item .box .placeholder { position:absolute; top:0; bottom:0; left:0; width:230px; height:auto; padding-bottom:0; margin-bottom:0; }
		.item .box .content { padding-left:250px; }

	/*Galerie*/
		.cgallery.view .item { width:16.66%; }

	/*News*/
		.cnews.view .item .box .content .text { height:200px; }
		.cnews.viewue .flickity-gallery { height:200px; height:20rem; }
		.cnews.viewue .flickity-wrapper,
		.cnews.viewue .flickity-viewport { background-color:#333; }
		.cnews.viewue .slide .inner { height:200px; height:20rem; }
		.cnews.viewue .slide .inner { padding-left:250px; }
		.cnews.viewue .slide .inner .placeholder {  position:absolute; top:0; bottom:0; left:0; width:230px; height:auto; margin-bottom:0; }

	/*Team*/
		.cteam.view .item .box .content .text { height:200px; height:20rem; }

	/*Imagepool*/
		#imagepool .gallery-wrapper { padding-bottom:65%; }

	/*Karte*/
		#maps { padding-bottom:40%; }
}

@media (max-width:1023px){
	html { font-size:68% !important; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }

	/*Kopfzeile*/
		#dssiteheader { position:relative; border:none; padding:10px 0; }
		#border-top { position:fixed; z-index:11; top:0; right:0; left:0; height:20px; background-color:#fff; }

	/*Scrolling - aufheben*/
		#logo { max-width:214px; }
		#dsmain { padding-top:0; }

	/*Menutrigger*/
		#menutrigger { display:block; margin:15px auto 0; }
		#menutrigger span { background-color:#fff; border-radius:0; height:3px; }

	/*Navigation*/
		#dsmenus { display:none; padding-bottom:15px; }
		#dsmenus > li { float:none; padding-right:0; }
		#dsmenus > li > a { display:block; }

}

@media (max-width:779px){

	/*Karte*/
		#maps { height:280px; padding-bottom:0; }

}

@media (max-width:767px){
	#dssubbody { border:none; padding:15px 0 0; }
	#border-top { display:none; }
	#dsmenucontainer{ padding-bottom: 0px; }

	/*Ajaxdiv*/
		#ajaxdiv { outline:none; top:0 !important; right:0; bottom:0; left:0; }
		#ajaxdiv .popupcontent { padding-bottom:100px; }
		.cnews.viewdet .popupheader { padding-bottom:20px; }
		#ajaxdiv > div { -webkit-overflow-scrolling: initial; }

	/*Kopfzeile*/
		#dssiteheader { border:none; }

	/*Inhalt*/
		#dsmain,
		.scrolled #dsmain { padding-top:0px; }
		#dscontent { padding:20px 20px 0px 20px; }

	/*Fusszeile*/
		#dssitefooter { margin:0; }
		#sitefooter { padding-right:20px; padding-left:20px; font-size:16px; font-size:1.6rem; line-height:20px; line-height:2rem; }
		#sitefooter .col1of2,
		#sitefooter .col2of2 { display:none; }
		#sitefooter .line { padding-bottom:20px; }

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

		/*Mobile*/
			#mobile { display:block; }
			#mobile > div,
			#mobile span { display:block; text-align:center; }
			#sitefooter span:not(.title) + span:before { display:none; }

			/* Buttons */
				#mobile .buttons { margin-left:-20px; }
				#mobile .buttons:after { content:""; display:block; clear:both; }
				#mobile .buttons > div { position:relative; float:left; width:33.33%; padding-left:20px; padding-bottom:30px; box-sizing:border-box; }
				#mobile .buttons > div > a { display:block; height:50px; background:#000; text-align:center; color:#fff; line-height:50px; font-size:20px; }
				#mobile .buttons > div > a:after { content:""; font-family:"FontAwesome"; }
				#mobile .buttons > .tel > a:after { content:"\f095"; }
				#mobile .buttons > .email > a:after { content:"\f003"; }
				#mobile .buttons > .maps > a:after { content:"\f278"; }

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

	/*Galerie*/
		.cgallery.view .item { width:33.33%; }

	/* Created by */
		#contentfooter a { right:20px; }

}
@media (max-width:667px){
	html { font-size:70% !important; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }

	/* Überschriften */
	.dsarticle h1,
	.dsarticle h2 {  padding-bottom:15px; font-size:24px; font-size:2.4rem; line-height:33px; line-height:3.3rem;  }

	.dsarticle h1 + h2,
	.dsarticle h2 + h2 { padding-bottom:15px; font-size:17px; font-size:1.7rem; line-height:25px; line-height:2.5rem; }

	.cstoerer {
		width:150px; font-size:1.7rem; padding:10px; top:40px ;
	}
}

@media (max-width:579px){
	/*Items*/
		.item .box .placeholder { position:relative; top:auto; bottom:auto; left:auto; width:auto; height:280px; padding-bottom:0; margin-bottom:15px; }
		.item .box .content { padding-left:0; }

	/*Galerie*/
		.cgallery.view .item .placeholder { height:0; padding-bottom:100%; }

	/*News*/
		.cnews.viewue .slide .inner.empty { padding-top:10px; }
		.cnews.view .item .box .content .text { height:auto; }
		.cnews.viewue .flickity-gallery { height: 340px; height:34rem; }
		.cnews.viewue .slide .inner { height:calc(400px + 15px); height:calc(40rem + 15px); }
		.cnews.viewue .slide .inner { padding-left:0; }
		.cnews.viewue .slide .inner .placeholder { position:relative; top:auto; bottom:auto; left:auto; width:auto; height:200px; height:20rem; margin-bottom:15px; }

	/*Team*/
		.cteam.view .item .box .placeholder > div { background-size:contain; }
		.cteam.view .item .box .content .text { height:auto; max-height:none; }

}

@media (max-width:510px){

	/*Imagepool*/
		#imagepool .gallery-wrapper { height:280px; padding-bottom:0; }

}

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

	/*Ajaxdiv*/
		#ajaxdiv .gallery-wrapper { height:280px; padding-bottom:0; }

	/*Galerie*/
		.cgallery.view .item { width:50%; }

	.cstoerer {
		width:120px; padding:5px; top:10px; right:10px;
		font-size:1.5rem ;
	}
}

@media (max-width:374px){

	.cnews.viewdet .logo { max-width:200px; }
}