@charset "utf-8";

@media (max-width:1810px){
	.cnews.viewue { right:40px; }
}


@media (max-width:1770px){
	/*** panel ***/
		.cpanel .panel-info .block .title { height:70px; display:flex; justify-content:center; align-items:center; }
}


@media (max-width:1440px){
	#header-nav > li:not(:last-of-type) { margin-right:15px; }
	#header-gallery .flickity-wrapper, .cmaps.view, .ctankstellen.maps { padding-bottom:0; height:500px; }

	/*Galerien*/
		.cgallerys .alben .item { width:50%; }

	/* Suchfilter */
		.searchpanel > form > div { width:33.333%; }
}


@media (max-width:1360px){
	#ajaxdiv { left:0; right:0; width:auto; margin:0 40px; transform:translateY(-50%); }
}


@media (max-width:1320px){

	#dsmain { padding:30px 30px 0 30px; }
	#siteheader { padding:0 30px; }
	#ajaxdiv .popupcontent, #sitefooter { padding-right:30px; padding-left:30px; }
	#ajaxdiv.video { max-width:calc(100% - 60px); }

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

	/* Box */
		.cbox .placeholder { padding-bottom:70%; }
		.items { margin-left:-30px; }
		.item .box { margin-left:30px; }
		.item { margin-bottom:30px; }

	/* Ajaxdiv */
		.popupbody { padding-bottom:100px; }

	/* News */
		.cnews.viewue { right:30px; }

	/* Gesamtsuche */
		.csearch.viewstart .close { right:30px; }
		.csearch.viewstart .searchpanel { padding:0 30px; }
}

@media (max-width:1280px) {
	/* Footer */
		#sitefooter-inner > span, #sitefooter-inner > a { float:none; }
		#sitefooter a { display:none; }
		#sitefooter a.dsg-link { display:block !important; }
		#sitefooter-inner {width:100%; text-align:center; }
		#sitefooter-inner > span:last-of-type:after { display:none; }
		#sitefooter .buttons { display:flex; justify-content:center; padding-top:10px; }
		#sitefooter .buttons > a { flex:1; max-width:320px; display:block; padding:8px 0; border:1px #00a2c6 solid; background-color:#00a2c6; color:#fff; transition:color .4s, background-color .4s; }
		#sitefooter .buttons > a:before { content:"\f0e0"; display:block; text-align:center; font-family:"Font Awesome 5 Pro"; font-size:20px; line-height:1; font-weight:700; }
		#sitefooter .buttons > .tel:before { content:"\f095"; }
		#sitefooter .buttons > a:hover { background-color:#fff; color:#00a2c6; }
		#sitefooter .buttons > a + a { margin-left:10px; }
		#sitefooter .separator.nomobile { display:none; }
}

@media (max-width:1199px){

	/* Header */
		#mobile-nav { max-height:calc(100vh - 80px); overflow:auto; -webkit-overflow-scrolling:touch; }
		/*#siteheader { padding-right:0; padding-left:0; }*/
		/*#logo { margin-left:30px; }*/


		/* Navigation */
			#dsmenucontainer { display:none; width:0; }

		/* Menutrigger */
			#menutrigger { display:block; float:right; margin:10px 0 0 0; }
			#menutrigger span { height:3px; border-radius:0; background-color:#00a2c6; }
			#menutrigger span.line1 { top:11px; }
			#menutrigger span.line2,
			#menutrigger span.line3 { top:50%; transform:translateY(-50%); }
			#menutrigger.open span.line2 {
				-webkit-transform:translateY(-50%) rotate(-45deg);
				-moz-transform:translateY(-50%) rotate(-45deg);
				-ms-transform:translateY(-50%) rotate(-45deg);
				-o-transform:translateY(-50%) rotate(-45deg);
				transform:translateY(-50%) rotate(-45deg);
			}
			#menutrigger.open span.line3 {
				-webkit-transform:translateY(-50%) rotate(45deg);
				-moz-transform:translateY(-50%) rotate(45deg);
				-ms-transform:translateY(-50%) rotate(45deg);
				-o-transform:translateY(-50%) rotate(45deg);
				transform:translateY(-50%) rotate(45deg);
			}

		/* Navigation */
			#header-nav { display:none; }
			#mobile-nav { display:block; clear:both; }
			#dsmenus { display:none; padding:0 0 100px 0; clear:left; height: 100vh; }
			#dsmenus > li:not(:last-of-type) { border-bottom:1px #fff solid; }
			#dsmenus > li > a { padding:10px 15px; font-size:20px; line-height:1; }
			#dsmenus > li > ul { display:none; }
			#dsmenus > li.dsmenu_active > ul { display:block !important; }
			#dsmenus > li > ul > li > a { padding-left:30px; line-height:40px; }
			#dsmenus > li > ul > li > ul { display:none; }
			#dsmenus > li > ul > li.dssubmenu_active > ul { display:block !important; }
			#dsmenus > li > ul > li > ul > li > a { padding-left:45px; line-height:40px; }
			#dsmenus li.has_subnav > a { position:relative; padding-right:40px; }
			#dsmenus li.has_subnav > a:before {
				content:"\f107"; font-family:"Font Awesome 5 Pro"; font-size:20px; line-height:30px; font-weight:300; text-align:center;
				position:absolute; top:5px; right:15px; width:30px; height:30px;
			}
			#dsmenus li.has_subnav.dsmenu_active > a:before,
			#dsmenus li.has_subnav.dssubmenu_active > a:before,
			#dsmenus li.has_subnav.running > a:before { content:"\f105"; }


	/*Inhalt*/
		#dscontent { float:none; width:auto; padding-left:0; }

	/* Team */
		.cteam .item { width:33.333%; }

	/* Gesamtsuche */
		#csearch_searchpanel { float:none; width:auto; padding-top:0 !important; }
		#csearch_searchpanel .searchpanel { padding-bottom:15px; }
		#csearch_searchpanel .searchpanel > form > div { float:left; width:100%; padding-bottom:5px; }
		#csearch_searchpanel .checkboxCheck.one > div { float:left; width:auto; padding-right:20px; }
		#csearch_results { float:none; width:auto; padding-left:0; }
}


@media (max-width:1024px){
	#ajaxdiv { top:0 !important; right:0; bottom:0; left:0; margin:0; padding:0; transform:none; }
	#ajaxdiv > div { max-height:100vh; padding:40px 20px; }
	#ajaxdiv.video > div { max-height:calc(100vh - 100px); }
	.popupbody { padding-bottom:0; }
	#header-gallery .flickity-wrapper, .cmaps.view, .ctankstellen.maps { padding-bottom:0; height:360px; }
}


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


	/* flickity */
		#ajaxdiv .flickity-wrapper { padding-bottom:60%; }

	/* Content */
		#dscontent { width:100%; float:none; padding-left:0; }

		/*Artikel*/
			.dsarticle.has_contentimage.pos-right div[class^="dsbodydesign_content_"],
			.dsarticle.has_contentimage.pos-left div[class^="dsbodydesign_content_"] { width:calc(100% - 300px); }
			.dsarticle.has_contentimage.pos-right .contentimage.view,
			.dsarticle.has_contentimage.pos-left .contentimage.view { width:300px; }


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

	/*Galerien*/
		.cgallerys .grid .item { width:33.33%; }
		.cgallerys .alben .item { width:100%; }
		.cgallerys .paging > div { width:100%; }


	.cpanel .panel-info .block.count,
	.cpanel .panel-info .block.year,
	.cpanel .panel-info .block.year20,
	.cpanel .panel-info .block.cost,
	.cpanel .panel-info .block.costink { width:20%; }
}


@media (max-width:950px){
	/* Team */
		.cteam .item { width:50%; }

	/* Spalten */
		#dscolumn1_2 { float:none; width:100%; }
		#dscolumn2_2 { float:none; width:100%; }
		#dscolumn2_2 { padding-left:0px; box-sizing:border-box; }
		#dscolumn1_2 .dsarticle { padding-left:0; }

	/*** panel ***/
		.cpanel .panel-info { flex-wrap:wrap; }
		.cpanel .panel-info .block.count,
		.cpanel .panel-info .block.year,
		.cpanel .panel-info .block.year20,
		.cpanel .panel-info .block.cost,
		.cpanel .panel-info .block.costink { width:100%; }
		.cpanel .panel-info .block .title { height:auto; }
		.cpanel .panel-info .block.year20 .value { border-left:1px solid #ccc; }
}


@media (max-width:767px){

	body.dynasite { padding-top:71px; }

	#dsmain { padding:15px; }
	#siteheader { padding:0 15px; }
	.dsarticle { line-height:25px; line-height:2.5rem; }

	/* Ajaxdiv */
		#ajaxdiv .popupcontent { padding-bottom:150px; }
		#ajaxdiv.video { max-width:calc(100% - 30px); }

	/* gallery */
		#header-gallery .flickity-wrapper, .cmaps.view, .ctankstellen.maps { height:300px; padding-bottom:0; }

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

	/* Box */
		.cbox .placeholder { padding-bottom:70%; }
		.items { margin-left:-15px; }
		.item .box { margin-left:15px; }
		.item { margin-bottom:15px; }

	/*Header*/
		#siteheader { padding-top:10px; }
		#logo { width:90px; height:34px; margin-top:8px; margin-left:0; background:url('../mm/logo.svg') no-repeat top left; background-size:contain; }
		#headertel { width:34px; height:34px; line-height:34px; margin-top:8px; margin-left:30px; }
		#menutrigger { margin:0; }
		#mobile-nav { padding-top:10px; }

	/* Articledesin */
		/*.dsarticle_3 { padding:20px; }*/
		.dsarticle h1, .dsarticle h2 { font-size:30px; }

	/* Formular */
		.f1_col1of2, .f1_col2of2 { float:none; width:100%; }
		.f1_col1of2 { padding-right:0; }
		.f1_col2of2 { padding-left:0; }
		.f1_row.empty { min-height:0; padding-bottom:0; }

	/* Tankstellen */
		.ctankstellen.maps { padding-bottom:0; height:400px }
		.ctankstellen .row.header { display:none; }
		.ctankstellen .row { flex-wrap:wrap; justify-content:flex-start; padding:10px 0 }
		.ctankstellen .row > .hidden { display:block; }
		.ctankstellen .row > .anschluss-bez { margin-top:10px; font-weight:600; }
		.ctankstellen .row .col { padding:0 5px; flex-basis:100%; max-width:100%; text-align:left; }
		.ctankstellen .row .col .hidden { display:inline-block; width:171px; }

	/* Content Image */
		.dsarticle.has_contentimage.pos-right .contentimage.view,
		.dsarticle.has_contentimage.pos-left .contentimage.view { float:none; width:auto; padding-left:0; padding-right:0; }

		.dsarticle.has_contentimage.pos-right div[class^="dsbodydesign_content_"],
		.dsarticle.has_contentimage.pos-left div[class^="dsbodydesign_content_"] { float:none; width:auto; }

	/* Rechner */
		.crechner.view .row .col { width:20%; }
		.crechner.view .row .col.col1 { width:40%; }

	/* News */
		.cnews.viewue { right:15px; }

	/*Galerien*/
		.cgallerys .grid .item .download { display:none; }


	/*** panel ***/
		.cpanel .panel-info .block { width:100%; }
		.cpanel .panel-info .block .value { border-left:1px solid #ccc; }

	/* Gesamtsuche */
		.csearch.viewstart .close { right:15px; }
		.csearch.viewstart .searchpanel { padding:0 15px; }
		.csearch.viewstart input[type=text],
		.csearch.viewstart button { height:40px; line-height:40px; font-size:1.5rem; }
		.csearch.viewstart .searchpanel > form > div.input,
		.csearch.viewstart .searchpanel > form > div.button { width:100%; padding-bottom:5px; }
		.csearch.viewstart .searchpanel > form > div.input { padding-bottom:5px; }
}


@media (max-width:666px){
	/* Footer */
		#sitefooter-inner > span { display:block; padding-bottom:5px; }
		#sitefooter-inner > span:first-of-type { font-weight:700; }
		#sitefooter-inner > *:not(:last-child):after { display:none; }
		#sitefooter .separator.nomobile2 { display:none; }
		#sitefooter-inner > span.separator { display:none; }

	/* Rechner */
		.crechner.view .row .col { width:33.33%; padding:5px 2px; }
		.crechner.view .row .col.col1 { width:100%; border-bottom:2px #ccc solid; padding:15px 8px 8px 0; text-align:center; font-weight:700; }
		.crechner.view .row .col.col2 { border-left:0; }

	/* Box */
		.cbox .placeholder { padding-bottom:80%; }
		.cbox .item { width:100%; }

	/* News */
		/*.cnews .placeholder { padding-bottom:80%; }*/
		.cnews .item { width:100%; }

	/* Team */
		.cteam .item { width:100%; }

	/*Galerien*/
		.cgallerys .grid .item .placeholder { height:0; }

	/* flickity */
		#ajaxdiv .flickity-wrapper { height:320px; padding-bottom:0; }

	/* News */
		.cnews.viewue { width:auto; }
		.cnews.viewue .outter { display:none; }
		.cnews.viewue .mobile { display:block; padding:0 10px; color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
		.cnews.viewue .mobile:after { content:"\f105"; display:inline-block; padding-left:10px; font-size:20px; font-family:"Font Awesome 5 Pro"; }

	/* Ajaxdiv */
		#ajaxdiv .popupcontent { padding-right:0px; padding-left:0px; }

	/* Searchpanel */
		.searchpanel > span { display:block; margin-bottom:5px; padding:5px 20px; text-align:center; background-color:#00a2c6; color:#fff; cursor:pointer; }
		.searchpanel > .in { display:none; }
		.searchpanel.in > .in { display:block; }
		.searchpanel.in > .out { display:none; }
		.searchpanel > form { display:none; }
		.searchpanel > form > div { width:100%; }

	/*** panel ***/
		.cpanel .panel-legend ul { flex-wrap:wrap; }
		.cpanel .panel-legend li { width:100%; }


	/* Gesamtsuche */
		#csearch_searchpanel .checkboxCheck.one > div { width:50%; }
		.csearch.viewstart .searchpanel > form { display:block; }
}


@media (max-width:479px){

	/*Galerien*/
		.cgallerys .alben .item .box { padding-left:15px; }
		.cgallerys .alben .item .placeholder { position:relative; top:auto; left:auto; width:50px; height:50px; float:right; margin-left:10px; }

	/* Suchfilter */
		.searchpanel > form > div { width:50%; }

	/* Gesamtsuche */
		#csearch_searchpanel .checkboxCheck.one > div { width:100%; padding-right:0; }
		#csearch_results .result { display:flex; flex-wrap:wrap; }
		#csearch_results .result .placeholder-wrapper { width:54px; margin-right:5px; }
		#csearch_results .result .content-wrapper { width:calc(100% - 59px); }
}


@media (max-width:374px){

	.item { width:100%; }

	/* Gesamtsuche */
		#csearch_results .result { display:block; }
		#csearch_results .result .placeholder-wrapper { display:none; }
		#csearch_results .result .content-wrapper { width:auto; }
}