@charset "utf-8";

@media (min-width:2000px){
	/* HEader */
		#dsmenucontainer .flickity-wrapper,
		.cmaps.snazzy,
		#dsmenucontainer #maps-wrapper { padding-bottom:0; height:590px; }
}

@media (max-width:1440px){

	#dsmenus > li > ul { right:20px; left:20px; }

	#language-selector { right:20px; }

	#dsmenus > li > ul { margin:0px; }
}

@media (max-width:1240px){

	/* Contentslider */
		.flickity-prev-next-button.previous { left:0; }
		.flickity-prev-next-button.next { right:0; }

	/* Story */
		.cstory.view .item.weiss .box,
		.cstory.view .item .box { padding-right:0; }
		.cstory.view .item.weiss .box .placeholder,
		.cstory.view .item .box .placeholder { position:relative; top:auto; right:auto; bottom:auto; width:auto; height:250px; }
		.cstory.view .item.weiss .box .placeholder > div { margin-bottom:20px; }
		.cstory.view .item .box .text { min-height:200px; min-height:20rem; height:auto; }

}

@media (max-width:1200px){
	#dsmenus > li > ul > li { width:33.33%; }
}

@media (max-width:1040px){

	/* Sprache */
		#language-selector { right:20px; }

	/* Imagepool */
		.cimagepool.slide .static-banner { margin:0 10px; width:auto; padding:10px; font-size:35px; font-size:3.5rem; line-height:1.4; }

	/* Articledesign */
		.dsarticle_4 { margin-left:-10px; margin-right:-10px; }
		.dsarticle_4 .dstitle_4 { padding:0 20px; }


	/*Ajaxdiv*/
		#ajaxdiv:not(.small) {  top:0px !important; left:0; bottom:0;  transform:none; width:100%; max-width:none; max-height:none; height:100vh; }
}

@media (min-width:1024px){
	#dsmenus { display:block !important; }
}


@media (max-width:1024px){

	.colophon { display:none; }

	#dsmain { padding-top:0; }


	/* Header */
		#dsmenucontainer .flickity-wrapper,
		#dsmenucontainer #maps-wrapper { padding-bottom:0; height:310px; }
		.cmaps.snazzy { height:350px; }

	/* Content */
		#dscolumns > div { float:none; width:100%; padding:0; }


}

@media (max-width:1023px){

	html { font-size:65% !important; -webkit-text-size-adjust:100%; /* Prevent font scaling in landscape */ }

	/* Haeder */

		#dssiteheader { height:70px; }

		/* Logo */
			#logo { width:190px; height:83px; }

		/* Menutrigger */
			#menutrigger { display:block; position:fixed; z-index:21; top:10px; left:20px; margin-top:0; }
			#menutrigger span { border-radius:0; background:#fff; }

		/* Navigation */
			#nav { position:fixed; top:70px; left:0; right:0; width:auto; height:100vh; padding:20px 20px 20px; box-sizing:border-box; overflow:auto; background-color:#005faa; transform:translateX(-100%); transition:transform .4s; }
			.showNav #nav { transform:none; }
			nav { overflow-x:hidden; }

			#dsmenus { width:auto; margin-bottom:25vh; }
			#dsmenus a { display:block; }
			#dsmenus > li { position:relative; float:none; padding-bottom:10px; padding-right:30px; }
			#dsmenus > li > a { padding-bottom:5px; font-size:22px; font-size:2.2rem; line-height:1.5; }
			#dsmenus > li.fixwidth > a:after { display:none; }
			#dsmenus > li.fixwidth:after { content:""; position:absolute; top:0; right:0; width:30px; height:40px; background:url(../svg/right.svg) no-repeat center center; background-size:contain; transform:rotate(90deg); transition:transform .4s; }
			#dsmenus > li.fixwidth.dsmenu_active:after,
			#dsmenus > li.fixwidth.running:after { transform:none; }
			#dsmenus > li.dsmenu_active > a:after, #dsmenus > li.running > a:after { display:none; }
			#dsmenus > li.fixwidth.running:before { display:none; }
			#dsmenus > li.dsmenu_active > ul { display:block; }
			#dsmenus > li > ul { display:none; position:relative; top:auto; right:auto; left:auto; margin:0 -30px 0 0; padding:20px; opacity:1; filter:alpha(opacity=100); visibility:visible; }
			#dsmenus > li > ul > li { display:block; width:100%; padding:0 0 10px 0; }
			#dsmenus > li > ul > li > ul { display:block !important; height:100% !important; }
			#dsmenus > li > ul > li:last-of-type { padding-bottom:0; }
			#dsmenus > li > ul > li > ul > li { padding-bottom:10px; white-space:pre-line; word-wrap:break-word; }



	#dsmain { min-height:calc(100vh - 208px); }


	/* Items */
		.item { width:33.33%; }
		.cteam.view .item .box .text { padding:10px; }

	/* Searchapenl */
		.searchpanel > form > div { width:33.33%; }
		.searchpanel > form > div.empty { display:none;}


	#dscolumn1_2 .cproducts.view .item, #dscolumn2_2 .cproducts.view .item { width:33.33%; }


}

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

	/* Logo */
		#logo { width:120px; height:52px; right:10px; }
		#menutrigger { left:10px; }
		#nav { top:70px; padding:20px 10px 10px; }
		nav { height:100%; }

	/* Content */
		#dscontent { padding:20px 10px; }

	/* Footer */
		#sitefooter .row.footer { display:none; }
		#sitefooter .mobile.hidden { display:block; }

		#sitefooter .mobile .address div:first-of-type { font-weight:700; }
		#sitefooter .mobile .address div { text-align:center; }

		/* Icons */
			#dssitefooter { padding-bottom:0; }
			#sitefooter { padding:20px 10px 0; }
			#sitefooter .mobile .icons { margin-left:-10px; padding-top:20px;}
			#sitefooter .mobile .icons:after { display:block; content:""; clear:both; }
			#sitefooter .mobile .icons > div { float:left; width:33.33%; margin-bottom:10px; padding-left:10px; box-sizing:border-box; }
			#sitefooter .mobile .icons > div > a { display:block; background:#005faa; }
			#sitefooter .mobile .icons > div > a:after { content:""; display:block; font-family:FontAwesome; font-size:20px; font-size:2rem; line-height:2; color:#fff; text-align:center; }
			#sitefooter .mobile .icons > .mail > a:after { content:"\f0e0"; }
			#sitefooter .mobile .icons > .tel > a:after { content:"\f095"; }
			#sitefooter .mobile .icons > .fax > a:after { content:"\f1ac"; }
			#sitefooter .mobile .icons > .map > a:after { content:"\f279"; }

		/*Socialmedia*/
			ul.socialmedia { padding-top:0; justify-content:space-around; width:auto; }
			ul.socialmedia li { width:40px; }

		/* Impressum */
			#sitefooter .impressum { margin-top:10px; margin-right:-10px; margin-left:-10px; padding:10px; text-align:center; background:url(../svg/menu_gradient.svg); background-size:100% auto; }
			#sitefooter .impressum a { color:#fff; }

		/* Strich unten */
			#dssitefooter:after { display:none; }

		/* Cookie */
			.cookie-notification-inner { padding-left:0; }

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


		.flickity-prev-next-button { top:-40px; right:0; transform:none; }
		.flickity-prev-next-button.previous { left:auto; transform:translateX(-100%); }
		.cstory.view .flickity-prev-next-button { right:0; top:50%; transform:translateY(-50%);}
		.cstory.view .flickity-prev-next-button.next { right:0; }
		.cstory.view .flickity-prev-next-button.previous { right:auto; left:0; }

	/* item */
		.item { width:50%; }

		#dscolumn1_2 .cproducts.view .item, #dscolumn2_2 .cproducts.view .item { width:50%; }


}

@media (max-width:666px){

	#ajaxdiv.small { top:0px !important; left:0; bottom:0; transform:none; width:100%; max-width:none; max-height:none; height:100vh; }

	/* Item */
		.cstory.view .item { width:100%; }

	/* Products */
		#dscolumn1_2 .cproducts.view .item, #dscolumn2_2 .cproducts.view .item { width:100%; }

	/* Searchapenl */
		.searchpanel > form > div { width:100%; }
}



@media (max-width:550px){
	.item { width:100%; }
	.popupcontent { padding-left:20px; padding-right:20px;}
}