@charset "utf-8";

/* Blau:#00a2c6; */

html,body { font-weight:400; line-height:15px; font-size:15px; font-size:1.5rem; line-height:1.5rem; color:#333; }
/*body { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }*/

a { color:#00a2c6; text-decoration:none; transition:color .5s; }
a:hover ,
a:active { color:hsla(194, 71%, 20%, 1); }
strong, b { font-weight:bold; }
ol { padding-bottom:10px; padding-left:20px; }
ol > li { padding-bottom:10px; }
p { margin:0; padding-bottom:20px; }
img { max-width:100%; }

h1, h2, h3 { margin:0; }

h1,
h2 { padding-bottom:10px; margin:0; color:#00a2c6; font-weight:300; font-size:35px; line-height:1.2; }
h2 { padding-bottom:20px; color:#999; font-weight:300; font-size:18px; font-size:1.8rem; line-height:25px; line-height:2.5rem; line-height:1.2; }
h3 { font-size:18px; font-size:1.8rem; line-height:25px; line-height:2.5rem; font-weight:700; line-height:1.2; }

#gallerybox { z-index:2000; }

#dsarticle_5048805 { padding-bottom:24px; }
#dsarticle_5048807 { font-size:1.6rem; max-width:80rem; margin:0 auto; color:#6b7280; }
#dsarticle_5048807 p { padding-bottom:0; margin-top:8px; max-width:699px; }
#dsarticlebody_5048807 p:first-of-type strong:first-of-type { display:inline-block; margin-bottom:16px; }

/*iFrame-Wrapper*/
	.iframe-wrapper { position:relative; height:0; padding-bottom:56.25%; }
	.iframe-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }


/*Globale Rules*/
	#dsmenuli_516922, #dsmenuli_516865 { display:none; }
	body.dynasite.hide-scrollbar { overflow:hidden; }
	.absolute { position:absolute; top:0; right:0; bottom:0; left:0; }
	.editbalken a { border-width:0; }
	.lh0 { line-height:0; }
	.clearfix { display:block; clear:both; }

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

	#gallerybox .flickity-controls { background-color:#00a2c6; }
	#gallerybox .flickity-wrapper .flickity-slider > div > .itext-wrapper { background-color:#fff; }

	/* Globale Abstände */
		#siteheader,
		#dsmain,
		#ajaxdiv .popupcontent,
		#sitefooter { padding-right:40px; padding-left:40px; }
		#dsmain { padding-top:40px; padding-bottom:0; }

/* Header */
	#dssiteheader { position:fixed; z-index:1001; top:0; left:0; right:0; border-bottom:1px #00a2c6 solid; background-color:#fff; }
	#siteheader { position:relative; max-width:1800px; margin:0 auto; padding:0 40px; box-sizing:border-box; }
	#siteheader:after { content:""; display:block; clear:both; }

	/* Logo */
		#logo { float:left; width:350px; height:70px; background:url(../mm/header-logo.svg) no-repeat center; background-size:contain; }

	/* Header Navigation*/
		#header-nav { float:right; padding:30px 0 0; }
		#header-nav > li { float:left; position:relative; padding-bottom:0; }
		#header-nav > li:not(:last-of-type) { margin-right:30px; }
		#header-nav > li > a { display:block; font-size:1.8rem; line-height:30px; font-weight:600; border:none; background-color:transparent; }
		#header-nav > li > a.dsbutton { position:absolute; top:0; left:0; margin:0; line-height:0; }

	/* Navigation */
		#dsmenucontainer { float:left; width:300px; }
		.scrolled #dsmenucontainer { position:fixed; top:130px; }
		.scrolled-bottom #dsmenucontainer { position:absolute; top:auto; bottom:40px; }
		#dsmenus a { display:block; padding:0 10px; font-size:18px; font-size:1.8rem; line-height:2.0; }
		#dsmenus ul,
		#dsmenus li { padding:0; }
		#dsmenus > li > a { display:block; color:#fff; background:#00a2c6; font-weight:600; }
		#dsmenus > li > a:hover, #dsmenus > li .dsmenu_active { color:#000; }
		#dsmenus > li > ul > li { border-bottom:1px solid #00a2c6; }
		#dsmenus > li > ul > li > a { padding-left:20px; font-size:16px; font-size:1.6rem; }
		#dsmenus > li > ul > li .dssubmenu_active { color:#000; background-color:#ededed; }
		/*#dsmenus > li > ul > li > ul > li { border-top:1px solid #00a2c6; }*/
		#dsmenus > li > ul > li > ul > li > a { padding-left:40px; font-size:16px; font-size:1.6rem; }
		#dsmenus > li > ul > li > ul > li .dssubmenu_active { color:#000; background-color:#fff; }
		#dsmenus > li > ul > li > a:hover { background-color:#ededed; }
		#dsmenus > li > ul > li > ul { border-top:1px solid #00a2c6; }

	.dsmenu_inactive > ul { display:none; }

	/* Header-Buttons */
		#header-buttons-wrapper { position:relative; clear:both; }
		#header-buttons { position:absolute; top:0; left:0; width:100%; }
		#header-buttons:after { content:""; display:block; clear:both; }
		#header-buttons > div { float:left; padding-right:15px; }
		#header-buttons a { display:block; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#00a2c6; }
		#header-buttons a:before { font-family:"Font Awesome 5 Pro"; font-weight:700; }
		#header-buttons a.phone:before { content:"\f879"; }
		#header-buttons a.search:before { content:"\f002"; }


/* Content */
	#header-gallery { position:relative; overflow:hidden; }
	#header-gallery .flickity-viewport { transform:translate3d(0,0,0) translateY(0); }
	#dsmain { position:relative; max-width:1800px; margin:0 auto; padding-top:50px; box-sizing:border-box; }
	#dsmain:after { content:""; display:block; clear:both; }
	#dscontent { float:right; width:calc(100% - 300px); padding-left:50px; box-sizing:border-box; }

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

	/* Articledesign */
		/* Default */
			.dsarticle { padding-bottom:50px; font-size:17px; font-size:1.7rem; line-height:27px; line-height:2.7rem; }
			.dsarticle h1,
			.dsarticle h2 { padding-bottom:10px; margin:0; color:#00a2c6; font-weight:300; font-size:35px; }
			.dsarticle h1 + h2,
			.dsarticle h2 + h2 { padding-bottom:20px; color:#999; font-weight:300; font-size:20px; line-height:25px; line-height:2.7rem; }

			/*Aufzählungen*/
				div[class^="dsbody_"] > ul { padding-bottom:15px; }
				div[class^="dsbody_"] > ul > li { position:relative; padding:0 0 5px 20px; }
				div[class^="dsbody_"] > ul > li > a { text-decoration:underline; }
				div[class^="dsbody_"] > ul > li:before {
					content:""; position:absolute; top:0.5rem; left:0; width:1.5rem; height:1.5rem; background:url('../mm/3stripes.svg') no-repeat center; background-size:contain;
				}

			/* Linklist */
				div[class^="dslinklist_title_"] { padding-bottom:5px; }
				ul[class^="dslinklist_"] { padding-bottom:15px; }
				ul[class^="dslinklist_"] > li { padding-bottom:5px; }
				ul[class^="dslinklist_"] > li > a:not(.dsbutton) { display:inline-block; padding-left:20px; border:none; }
				ul[class^="dslinklist_"] > li > a:not(.dsbutton):before { content:"\f054" }

			/* DSOption */
				div[class*='dsoption_'] { padding-bottom:20px; }
				a[class*='dsoption_'] { padding-left:20px; }
				a[class*='dsoption_']:before { content:"\f054"; }

			/* Image */
				div[class^="dsimage_"] { padding:15px; width:300px; }

		/* Article 2 */
			.dsarticle_2 .dsarticle_content { padding:20px 20px 0; color:#fff; background-color:#00a2c6; }
			.dsarticle_2 a { color:#fff; }
			.dsarticle h1.dstitle_2,
			.dsarticle h2.dstitle_2,
			.dsarticle h1.dstitle_2 > a,
			.dsarticle h2.dstitle_2 > a
			.dsarticle h1.dstitle_2 + h2,
			.dsarticle h2.dstitle_2 + h2,
			.dsarticle h1.dstitle_2 + h2 > a,
			.dsarticle h2.dstitle_2 + h2 > a { color:#fff; }
			div.dsbody_2 > ul > li:before { background-image:url('../mm/3stripes_white.svg'); }

			.dsarticle_2 .dsarticle_content .cis-select > div { color:#333; }

		/* Article 3 */
			.dsarticle_3 .dsarticle_content { padding:20px 20px 0; color:#333; background-color:#e6e6e6; }
			.dsarticle_3 a { color:#333; }
			.dsarticle h1.dstitle_3,
			.dsarticle h2.dstitle_3,
			.dsarticle h1.dstitle_3 > a,
			.dsarticle h2.dstitle_3 > a { color:#333; }
			.dsarticle h1.dstitle_3 + h2,
			.dsarticle h2.dstitle_3 + h2,
			.dsarticle h1.dstitle_3 + h2 > a,
			.dsarticle h2.dstitle_3 + h2 > a { color:#999; }
			div.dsbody_3 > ul > li:before { background-image:url('../mm/3stripes_dark.svg'); }

		/* Article 5 */
			.dsarticle_5 { padding-bottom:0; }


/* Footer */
	#dssitefooter { position:relative; border-top:1px solid #00a2c6; padding:40px 0; margin-top:20px; color:#00a2c6; text-align:center; }
	#sitefooter:before { content:""; position:absolute; top:-25px; left:50%; width:60px; height:60px; background:url(../mm/3stripes.svg) no-repeat center; background-size:contain; transform:translateX(-50%); }
	#sitefooter-inner { display:inline-block; }
	#sitefooter-inner > span,
	#sitefooter-inner > a { float:left; }
	#sitefooter-inner > span.separator { padding:0 5px; }

	#sitefooter .dsg { display:flex; justify-content:center; margin-top:20px; margin-bottom:20px; }
	#sitefooter .dsg-pipe { padding-right:5px; padding-left:5px }


/*Ajaxdiv und Overlay */
	#ajaxdiv { position:fixed; width:1280px; top:50% !important; left:50%; background-color:#fff; transform:translate(-50%,-50%) translateY(35px); }
	#ajaxdiv > div { max-height:calc(100vh - 100px); padding:50px; box-sizing:border-box; overflow:auto; -webkit-overflow-scrolling:touch; }

	/* Ajaxclose */
		#ajaxdiv > .ajaxclose { position:absolute; z-index:2; top:0; right:0; width:50px; height:50px; background-color:#00a2c6; }
		#ajaxdiv > .ajaxclose:before,
		#ajaxdiv > .ajaxclose:after { content:""; position:absolute; top:50%; right:10px; left:10px; height:3px; background:#fff; transition:background-color .4s; }
		#ajaxdiv > .ajaxclose:before { transform:rotate(45deg); }
		#ajaxdiv > .ajaxclose:after { transform:rotate(-45deg); }
		#ajaxdiv > .ajaxclose:hover:before,
		#ajaxdiv > .ajaxclose:hover:after { background-color:#ccc; }

	/*Popup*/
		.popupheader { position:relative; display:block; text-align:right; margin-bottom:30px; }
		.popupheader a.ajaxclose { display:block; padding:10px; font-size:20px; line-height:20px; color:#fff; background-color:#0092bb; text-decoration:none; transition:background .4s; }
		.popupheader a.ajaxclose:hover { background-color:#00addd; }
		.popupbody { color:#676767; font-size:17px; font-size:1.7rem; line-height:25px; line-height:2.5rem; padding-bottom:30px; }
		.popupbody:after { content:''; display:block; clear:both; }
		.popupbody > div { box-sizing:border-box; }

		/* flickity */
			#ajaxdiv .flickity-wrapper { padding-bottom:50%; background-color:#fff; }
			#ajaxdiv .flickity-wrapper.empty { height:0; padding-bottom:0; }

	/*Video*/
		#ajaxdiv.video { top:50% !important; right:auto; bottom:auto; left:50%; transform:translate(-50%,-50%) translateY(35px); width:1280px; max-width:calc(100% - 80px); margin:0; background-color:transparent; }
		#ajaxdiv.video > div { padding:0; }


/* Searchpanel */
	.searchpanel > span { display:none; }


/* Formular Elemente */
	input[type=text], input[type=email], input[type=password], input[type=date], textarea { background-color:#fff; border-color:#333; }
	input[type=text], input[type=email], input[type=password], input[type=date], button { height:40px; line-height:40px; }
	textarea { display:block; line-height:20px; padding-top:10px; padding-bottom:10px; }
	button { color:#fff; background-color:#00a2c6; transition:color .4s, background-color .4s; }
	button:hover { background-color:#fff; color:#00a2c6; }

	/* Rows */
		.f1_row { padding-bottom:10px; }
		.f1_row.empty { min-height:40px; }
		.f1_row .col { padding-right:5px; }
		.f1_row .col + .col { padding-right:0; padding-left:5px; }
		.f1_row .col.plz { width:120px; }
		.f1_row .col.plz + .col { width:calc(100% - 120px); }

		.f1_row > label.add_files_2_dropzone {
			display:block; height:40px; line-height:40px; width:300px; max-width:100%;
			color:#fff; background-color:#00a2c6; text-align:center; cursor:pointer;
		}

		/* Spamfilter */
			.f1_row.spamfilterrow { padding-bottom:20px; }
			.f1_row.spamfilterrow .col { width:120px; }
			.f1_row.spamfilterrow .col + .col { width:calc(100% - 120px); }
			label.spamfilter { line-height:40px; }
			label.spamfilter:before { content:"\f104"; float:left; padding:0 10px; font-family:"Font Awesome 5 Pro"; font-size:25px; line-height:40px; color:#00a2c6; }

		/*Formbest*/
			.formbest { margin-bottom:10px; }
			.formbest.info a { color:#1b809e; text-decoration:underline; }

	/* Checkbox */
		.checkboxCheck > div label { line-height:34px; }
		.checkboxCheck > div label:before { background-color:#00a2c6; border:none; }
		.checkboxCheck > div input[type=radio] + label:before { border-radius:50%; }
		.checkboxCheck > div input[type=checkbox]:checked + label:before,
		.checkboxCheck > div input[type=radio]:checked + label:before,
		.checkboxCheck > div label.checked:before { color:#fff; }
		.checkboxCheck > div > label { padding-top:3px; padding-bottom:3px; }
		.checkboxCheck > div label > p:last-of-type { padding-bottom:0; }

		.f1_row .checkboxCheck { margin-bottom:0; }

	/*Customselect*/
		.cis-select { height:40px; }
		.cis-select:after { width:40px; height:40px; font-size:15px; line-height:40px; color:#333; }
		.cis-select > div { height:40px; border-color:#333; line-height:30px; font-size:15px; box-sizing:border-box; }
		.cis-select > div.empty { color:#999; }
		.cis-select ul { top:40px; }
		.cis-select > ul > li { background:#efefef; border:none; line-height:30px; transition:background .4s, color .4s; }
		.cis-select > ul > li.selected { background:#00a2c6; }
		.cis-select > ul > li:hover { background:#ddd; }

	/*Row*/
		.row .col { padding-top:10px; padding-bottom:10px; }

	/*Fileupload*/
	.dropzone {
		display:flex; flex-direction:column; gap:5px;
		position:relative; overflow:auto;  outline: none;
		max-height:400px; min-height:250px; box-sizing:border-box;
		padding:10px; border:none;  margin-bottom:10px; background-color:#f5f5f5;
		-webkit-overflow-scrolling:touch; -webkit-appearance: none;
	}
	.dropzone:before { display:block; content:attr(title); position:absolute; z-index:1; top:5px; left:10px; color:#666; }
	.dropzone:after { display:block; content:''; clear:both;}
	.dropzone.highlight { border-color:#0088cc; background-color:#cef; }
	.dropzone .file { position:relative; line-height:30px; padding:5px 40px 5px 10px; background-color:#0088cc; color:#fff; }
	.dropzone .file .filename { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.dropzone .file .remove {
		display:block; position:absolute; top:5px; right:5px; width:30px; height:30px;
		background-color:red; font-size:14px; line-height:30px; text-align:center; color:#fff; border-radius:50%;
	}
	.dropzone .file .remove:before { content:"\f2ed"; font-weight:400; font-family:"Font Awesome 5 Pro"; }
	.dropzone input { position:absolute; top:0; left:0; visibility:hidden; opacity:0; overflow:hidden; width:0; height:0; }


/* Modules */

	/* flickity */
		.flickity-wrapper { position:relative; padding-bottom:21%; }
		.flickity-wrapper .flickity-gallery { position:absolute; top:0; right:0; bottom:0; left:0; }
		.flickity-wrapper .flickity-viewport { height:100% !important; }
		.flickity-wrapper .flickity-slider > div { width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; }
		.flickity-wrapper .flickity-page-dots { display:none; }

		#ajaxdiv .flickity-wrapper .flickity-gallery { top:10px; right:10px; bottom:10px; left:10px; }
		#ajaxdiv .flickity-wrapper .flickity-slider > div { background-size:contain; }


	/* Items */
		.items { margin-left:-40px; }
		.item { width:33.333%; margin-bottom:40px; }
		.item .box { margin-left:40px; border:none; }

		/* Placeholder */
			.placeholder { position:relative; padding-bottom:60%; }
			.placeholder > div { background-size:cover; background-position:center; background-repeat:no-repeat; }
			.placeholder.empty > div { background-image:url(../mm/3stripes.svg); background-size:80px auto; }

		/* Content */
			.item .box .content { position:absolute; z-index:2; right:0; bottom:0; left:0; padding:10px; background-color:#00a2c6; color:#fff; transform:translateY(100%) translateY(-40px); transition:transform .8s ease-out; }
			.item .box:hover .content { transform:none; }
			.item .box .content h3 { padding-bottom:20px; font-weight:400; line-height:25px; line-height:2.5rem; }
			.item .box .content .text { padding:0; height:auto; }
			.item .box .content .text p { padding-bottom:0; }

		/* Paging */
			.paging a { color:#fff; background-color:#00a2c6; }
			.paging a:before { content:"\f105"; display:block; font-size:20px; line-height:30px; font-family:"Font Awesome 5 Pro"; }
			.paging a.ajaxpaging_back:before { content:"\f104"; }


	/*Galerien*/
		/*Bilderansicht*/
			.cgallerys .grid { padding-bottom:15px; }
			.cgallerys .grid:after { content:''; display:block; clear:both; }
			.cgallerys .grid .items { margin-left:-15px; }
			.cgallerys .grid .item { width:16.66%; margin-bottom:15px; }
			.cgallerys .grid .item .box { margin-left:15px; }
			.cgallerys .grid .item .download { position:absolute; z-index:2; bottom:10px; right:10px; width:30px; height:30px; color:#fff; background-color:#0092bb; text-align:center; transition:background .4s, color .4s; }
			.cgallerys .grid .item .download:after { content:"\f019"; line-height:30px; font-size:15px; font-family:"Font Awesome 5 Pro"; font-weight:700; }
			.cgallerys .grid .item .placeholder { padding-bottom:80%; }
			.cgallerys .gallerys-container:after { content:""; display:block; clear:both; }
			.cgallerys .gallerys-container .galleries:after { content:""; display:block; clear:both; }

		/*Alben*/
			.cgallerys .alben .items { display:flex; flex-wrap:wrap; margin-left:-15px; }
			.cgallerys .alben .item { float:left; width:33.33%; margin:0; padding:0 0 15px; box-sizing:border-box; }
			.cgallerys .alben .item .box { height:100%; padding:15px 15px 15px 115px; box-sizing:border-box; margin-left:15px; background-color:#ededed; }
			.cgallerys .alben .item .placeholder { position:absolute; top:0; left:0; width:100px; height:100%; padding-bottom:0; }
			.cgallerys .alben .item h3 { padding-bottom:0; font-size:18px; line-height:1.2; }

			.cgallerys .alben .item.active .box { background-color:#0092bb; color:#fff; }
			.cgallerys .alben .item.active h3 { color:#fff; }

		/* Paging */
			.cgallerys .paging { margin-left:-15px; padding-bottom:15px; }
			.cgallerys .paging > div { width:33.33%; padding-left:15px; }


	/* Imagepool */
		.cimagepool.slide .editbalken { position:absolute; z-index:2; top:15px; left:15px; }


	/* Maps */
		.cmaps.view { position:relative; height:0; padding-bottom:21%; }
		.cmaps.view #maps { position:absolute; top:0; right:0; bottom:0; left:0; }
		.cmaps.view .editbalken { position:absolute; z-index:2; top:15px; left:15px; }


	/*Partnerstrom Preisrechner*/
		.cstrom.view .list { padding-bottom:20px; }
		.cstrom.view .row { display:flex; flex-wrap:wrap; border-bottom-color:#ccc; }
		.cstrom.view .row .col.jahr { width:100px; }
		.cstrom.view .row .col.wert { width:calc(100% - 100px); }
		.cstrom.view .row.header { background-color:transparent; border-bottom-width:2px; }

		.dsarticle_2 .cstrom.view .row { border-bottom-color:#fff; }


	/* Tankstellen */
		.ctankstellen .row { display:flex; justify-content:space-between; }
		.ctankstellen .row .col { flex:5; }
		.ctankstellen .row .bez { font-weight:600; }
		.ctankstellen .row .anschluss { flex:3; text-align:center; }

		/* Maps */
			.ctankstellen.maps { position:relative; height:0; padding-bottom:21%; }
			.ctankstellen.maps #map_overview { position:absolute; top:0; right:0; bottom:0; left:0; }


	/* Team */
		.cteam .item { width:33.33%; }
		.cteam .item.block { width:100%; }
		.cteam .item.block > div { padding:10px; background-color:#efefef; }
		.cteam .item.nodata { width:100%; }
		.cteam .item.nodata > div { background-color:#efefef; }
		.cteam .item .box { display:flex; align-items:center; flex-wrap:wrap; border:1px solid #dedede; }
		.cteam .item .box.cat { border:0; }
		.cteam .item .box:after { content:""; display:block; clear:both; }
		.cteam .item .box .placeholder { position:relative; z-index:3; width:50%; }
		.cteam .item .box .placeholder div { bottom:-20px; }
		.cteam .item .box .content { position:relative; top:auto; right:auto; bottom:auto; left:auto; width:50%; box-sizing:border-box; background-color:transparent; color:#000; transform:none; }
		.cteam .item .box .content h3 { font-size:20px; font-size:2.0rem; font padding-bottom:0; font-weight:700; }
		.cteam .item .box .content p { padding-bottom:0; }
		.cteam .item .box .content p { font-size:1.5rem; line-height:2.0rem; }
		.cteam .item .box .email { position:relative; width:100%; background-color:#00a2c6; }
		.cteam .item .box .email > a { float:right; width:50%; padding:5px 10px; box-sizing:border-box; text-align:left; color:#fff; font-size:20px; font-size:2rem; line-height:25px; }
		.cteam .item .box .funktion { padding:5px 10px; background-color:#ededed; font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; width:100%; min-height:40px; }


	/* News */
		.cnews.viewue { position:absolute; z-index:6; right:calc((100vw - 1730px) / 2); bottom:0; width:600px; padding:10px 5px; background-color:rgba(0, 162, 198, .85); transition:transform 1s; }
		.cnews.viewue .absolute { z-index:2; }
		.cnews.viewue .outter { padding:20px; }
		.cnews.viewue .outter .mobile-opener { display:none; }
		.cnews.viewue .inner { position:relative; padding-left:250px; }
		.cnews.viewue .inner .placeholder { position:absolute; top:0; bottom:0; left:0; width:230px; padding-bottom:0; }
		.cnews.viewue .text-wrapper h3 { margin:0; padding-bottom:10px; padding-bottom:1rem; color:#fff; font-size:20px; font-size:2rem; line-height:1; font-weight:400; }
		.cnews.viewue .text { height:100px; height:10rem; overflow:hidden; font-size:16px; font-size:1.6rem; line-height:20px; line-height:2rem; color:#fff; }
		.cnews.viewue .text p { padding-bottom:0; }

		/* Opener */
			#alle-news { position:absolute; top:0; left:0; height:40px; transform:translateY(-100%); }
			#alle-news > a { display:block; padding:10px 15px; background-color:rgba(0, 162, 198, .85); color:#fff; line-height:20px; font-size:1.5rem; }
			#news-opener { display:block; position:absolute; top:0; right:0; width:40px; height:40px; background-color:rgba(0, 162, 198, .85); transform:translateY(-100%); cursor:pointer; }
			#news-opener:after { content:"\f106"; display:block; font-size:30px; line-height:40px; text-align:center; color:#fff; font-family:"Font Awesome 5 Pro"; transform:rotate(180deg); transition:transform .7s, color .4s; }
			#news-opener:hover:after { color:#333; }

			.cnews.viewue.hide #news-opener:after { transform:none; }

			/*Animation*/
				.cnews.viewue.hide { transform:translateY(100%); }


	/* Rechner */
		.crechner.view { padding-bottom:10px; }
		.crechner.view .row .col { padding:10px; width:120px; text-align:right; }
		.crechner.view .row .col.col1 { width:calc(100% - 360px); text-align:left; }
		.crechner.view .row.total { border-top:2px #000 solid; border-bottom:2px #000 solid; }
		.crechner.view .row.total:before { content:""; position:absolute; bottom:-6px; right:0; left:0; height:2px; background-color:#000; }
		.crechner.view .row.total .col { font-weight:700; }

		/* Header */
			.crechner.view .row .col.image { height:60px; background:url(../mm/logo_wasserstrom.svg) no-repeat center; background-size:80%; }
			.crechner.view .row .col3.image { background-image:url(../mm/logo_davoserstrom.svg); }
			.crechner.view .row .col4.image { background-image:url(../mm/logo_basisstrom.svg); }


	/* Content Images */
		.dsarticle.has_contentimage .dsarticlebutton { position:relative; z-index:4; }
		.dsarticle.has_contentimage .dsarticle_content:after { content:""; display:block; clear:both; }
		.dsarticle.has_contentimage .contentimage.view { position:relative; }
		.dsarticle.has_contentimage .contentimage.view > .editbalken { position:absolute; z-index:3; top:0; left:0; }
		.dsarticle.has_contentimage.pos-right .contentimage.view > .editbalken { right:0; left:auto; }
		.dsarticle.has_contentimage.pos-right div[class^="dsbodydesign_content_"] { float:left; width:calc(100% - 600px); }
		.dsarticle.has_contentimage.pos-right .contentimage.view { float:right; width:600px; padding-left:40px; box-sizing:border-box; }
		.dsarticle.has_contentimage.pos-left div[class^="dsbodydesign_content_"] { float:right; width:calc(100% - 600px); }
		.dsarticle.has_contentimage.pos-left .contentimage.view { float:left; width:600px; padding-right:40px; box-sizing:border-box; }

		/*.contentimage.view .placeholder { height:0; padding-bottom:30%; }*/
		.contentimage.view .placeholder > div { background-size:contain; background-position:top right; }

		/* Spalte 2 */
		#dscolumn2_2 .dsarticle.has_contentimage.pos-right div[class^="dsbodydesign_content_"] { float:none; width:100%; }
		#dscolumn2_2 .dsarticle.has_contentimage.pos-right .contentimage.view { float:none; width:100%; padding-left:0; box-sizing:border-box; }
		#dscolumn2_2 .dsarticle.has_contentimage.pos-left div[class^="dsbodydesign_content_"] { float:none; width:100%; }
		#dscolumn2_2 .dsarticle.has_contentimage.pos-left .contentimage.view { float:none; width:100%; padding-right:0; box-sizing:border-box; }


	/*** panels ***/
		.cpanel h3 { padding-bottom:20px; color:#000; font-weight:300; font-size:20px; line-height:25px; line-height:2.7rem; }
		.cpanel .panel-layout { position:relative; height:0; padding-bottom:60.19%; }
		.cpanel .panel-layout svg { position:absolute; top:0; left:0; right:0; bottom:0; }

		.cpanel .panel-info .row { display:flex; justify-content:space-between; }
		.cpanel .panel-info .row.header { background:#00A2C5; color:#fff; }
		.cpanel .panel-info .row .cell { width:25%; padding:5px 10px; text-align:center; box-sizing:border-box; }
		.cpanel .panel-info .row:not(.header) .cell { border-right:1px solid #ccc; }
		.cpanel .panel-info .row:not(.header) .cell:first-of-type { border-left:1px solid #ccc; }

		.cpanel .panel-info { display:flex; }
		.cpanel .panel-info .block.count { width:17%; }
		.cpanel .panel-info .block.year { width:20%; }
		.cpanel .panel-info .block.cost { width:20%; }
		.cpanel .panel-info .block.costink { width:20%; }
		.cpanel .panel-info .block > div { padding:5px 10px; text-align:center; box-sizing:border-box; }
		.cpanel .panel-info .block .title { background:#00A2C5; color:#fff; }
		.cpanel .panel-info .block .value { border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
		.cpanel .panel-info .block.count .value { border-left:1px solid #ccc; }

		.cpanel .panel-legend { margin:10px 0 20px 0; }
		.cpanel .panel-legend h3 { padding-bottom:10px; }
		.cpanel .panel-legend ul { display:flex; justify-content:flex-start; }
		.cpanel .panel-legend li { position:relative; padding:0 30px 0 20px; }
		.cpanel .panel-legend li:before { content:""; position:absolute; left:0; top:8px; display:inline-block; height:10px; width:15px; }
		.cpanel .panel-legend li.state1:before { background:#9bc73b; }
		.cpanel .panel-legend li.state2:before { background:#FF9800; }
		.cpanel .panel-legend li.state3:before { background:#c73b3b; }
		.cpanel .panel-legend li.state4:before { background:#ffeb3b; }

		.cpanel .order a { width:100%; margin-top:20px; padding:3px 15px; background:#00A2C5; font-weight:700; color:#fff; text-align:center; box-sizing:border-box; }

		.cpanel.form { margin-top:40px; }


	/* Dropdown */
		.dropdown-wrapper .dropdown { position:relative; border-bottom:1px #00A2C5 solid; }
		.dropdown-wrapper .dropdown.missingCoord { padding-left:30px; background-color:#f6dfdf; }
		.dropdown-wrapper .dropdown.missingCoord:before { content:"\f06a"; position:absolute; top:10px; left:10px; line-height:30px; font-family:"Font Awesome 5 Pro"; font-size:20px; color:#f00; }
		.dropdown-wrapper .dropdown:first-of-type { border-top:1px #00A2C5 solid; }

		/* Header */
			.dropdown-wrapper .dropdown .dropdown-header > a.dsbutton { position:absolute; z-index:2; top:0; left:0; }
			.dropdown-wrapper .dropdown .dropdown-header > div.toggle { position:relative; display:block; padding:10px 40px 10px 0; font-size:2rem; color:#00A2C5; cursor:pointer; line-height:1.3; }
			.dropdown-wrapper .dropdown .dropdown-header > div.toggle:before,
			.dropdown-wrapper .dropdown .dropdown-header > div.toggle:after { content:""; position:absolute; top:50%; right:5px; width:20px; height:2px; background:#00A2C5; transition:.8s transform; }
			.dropdown-wrapper .dropdown .dropdown-header > div.toggle:after { transform:rotate(90deg); }
			.dropdown-wrapper .dropdown.active .dropdown-header div.toggle:after { transform:none; }
			.dropdown-wrapper .dropdown .dropdown-header div.fullwidth { display:flex; justify-content:center; width:100%; padding-right:60px; box-sizing:border-box; float:none; }
			.dropdown-wrapper .dropdown .dropdown-header div.fullwidth > div { float:left; width:33.33%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
			.dropdown-wrapper .dropdown .dropdown-header div.fullwidth > .left { text-align:left; padding-right:5px; }
			.dropdown-wrapper .dropdown .dropdown-header div.fullwidth > .center { text-align:left; padding:0 5px; }
			.dropdown-wrapper .dropdown .dropdown-header div.fullwidth > .right { text-align:right; padding-left:5px; }

		/* Content */
			.dropdown-wrapper .dropdown .dropdown-content { display:none; padding:10px 0 0 0; }
			.dropdown-wrapper .dropdown .dropdown-content h2 { padding-bottom:0; font-size:3.3rem; line-height:4.5rem; text-transform:uppercase; color:#0d0d0d; }
			.dropdown-wrapper .dropdown .dropdown-content h3 { padding:5px 0 20px 0; font-size:2.8rem; line-height:4rem; color:#A2A2A2; font-weight:400; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul { display:flex; flex-wrap:wrap; margin-bottom:20px; padding:20px 20px 10px; background-color:#e5e5e5; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul:after { content:""; display:block; clear:both; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul > li { position:relative; float:left; width:50%; padding-left:20px; box-sizing:border-box; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul > li:nth-child(even) { padding-left:20px; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul > li:nth-child(odd) { padding-right:20px; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul > li:nth-child(even):before { left:0; }
			.dropdown-wrapper .dropdown .dropdown-content .text > ul > li:before { content:""; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background-color:#000; }

			/* Box */
				.dropdown-wrapper .dropdown .dropdown-content:after { content:""; display:block; clear:both; }
				.dropdown-wrapper .dropdown .dropdown-content .contentbox { float:left; width:33.33%; padding-left:20px; box-sizing:border-box; }
				.dropdown-wrapper .dropdown .dropdown-content .contentbox .maps-wrapper { position:relative; height:0; padding-bottom:80%; }

/*Gesamtsuche*/
	/*viewstart*/
		.csearch.viewstart { position:fixed; z-index:1002; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.7); opacity:0; visibility:hidden; transition:opacity .4s, visibility .4s; }
		.csearch.viewstart .close { display:block; position:absolute; top:-60px; right:40px; width:40px; height:40px; background-color:#00a2c6; cursor:pointer; }
		.csearch.viewstart .close:before,
		.csearch.viewstart .close:after { content:""; display:block; position:absolute; top:50%; left:50%; width:100%; height:1px; background-color:#fff; }
		.csearch.viewstart .close:before { transform:translate(-50%,-50%) rotate(-45deg); }
		.csearch.viewstart .close:after { transform:translate(-50%,-50%) rotate(45deg); }
		.csearch.viewstart .searchpanel { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(.5); width:100%; max-width:1800px; padding:0 40px; box-sizing:border-box; transition:transform .4s; }
		.csearch.viewstart .searchpanel > form > div.input { width:75%; }
		.csearch.viewstart .searchpanel > form > div.button { width:25%; }
		.csearch.viewstart input[type=text],
		.csearch.viewstart button { height:60px; line-height:60px; font-size:1.8rem; }

		/*einblenden*/
			#dssiteheader,
			#header-gallery,
			#dsmain,
			#dssitefooter { transition:filter .4s; }
			.gesamtsuche-visible .csearch.viewstart { opacity:1; visibility:visible; }
			.gesamtsuche-visible .csearch.viewstart .searchpanel { transform:translate(-50%,-50%) scale(1); }
			.gesamtsuche-visible #dssiteheader,
			.gesamtsuche-visible #header-gallery,
			.gesamtsuche-visible #dsmain,
			.gesamtsuche-visible #dssitefooter { filter:blur(5px); }

	/*view*/
		.csearch.view { min-height:400px; }
		.csearch.view:after { content:""; display:block; clear:both; }
		#csearch_searchpanel { float:left; width:300px; transition:padding-top .7s; }
		#csearch_searchpanel .searchpanel > form > div { float:none; width:100%; }
		#csearch_searchpanel .checkboxCheck { margin-bottom:0; background-color:#ededed; }
		#csearch_results { float:left; width:calc(100% - 300px); padding-left:50px; box-sizing:border-box; }
		#csearch_results > div { padding-bottom:5px; }
		#csearch_results .result {
			position:relative; background-color:#ededed; padding:5px;
			transition:background-color .4s;
		}
		#csearch_results .result:not(.info):hover { background-color:#ddd; }
		#csearch_results .result.info { background-color:#00a2c6; color:#fff; }
		#csearch_results .result:after { content:""; display:block; clear:both; }
		#csearch_results .result p:last-of-type { padding-bottom:0; }
		#csearch_results .result .absolute { z-index:1; }
		#csearch_results .result .placeholder-wrapper { float:left; width:100px; margin-right:15px; }
		#csearch_results .result .placeholder { padding-bottom:100%; }
		#csearch_results .result div.link { font-size:1.2rem; text-transform:uppercase; color:#00a2c6; }
		#csearch_results .result div.link:after { content:"\f061"; font-family:"Font Awesome 5 Pro"; font-weight:300; margin-left:5px; }
		#csearch_results .result .title { font-weight:700; }
		#csearch_results .result .description { max-height:8.1rem; overflow:hidden; }
		#csearch_results .result .icons { position:absolute; z-index:2; right:5px; bottom:5px; }
		#csearch_results .result .icons:after { content:""; display:block; clear:both; }
		#csearch_results .result .icons > div { float:left; padding-left:15px; }
		#csearch_results .result .icons a { display:block; height:30px; line-height:30px; color:#00a2c6; }
		#csearch_results .result .icons a.icon { width:30px; text-align:center; background-color:#00a2c6; color:#fff; }
		#csearch_results .result .icons a:before { font-family:"Font Awesome 5 Pro"; }

		/*Download*/
			#csearch_results .result .icons a.file:before { content:"\f063"; font-weight:300; }
			#csearch_results .result .icons a.link:before { content:"\f061"; font-weight:300; }

		/*News*/
			#csearch_results .result .icons a.popup:before { content:"\f00e"; font-weight:300; }

		/*Team*/
			#csearch_results .result.team .placeholder { padding-bottom:132%; }
			#csearch_results .result .icons a.phone:before { content:"\f879"; font-size:14px; font-weight:700; margin-right:5px; }
			#csearch_results .result .icons a.email:before { content:"\f1fa"; font-weight:300; }


/* Scrolltop */
	#scrolltop { right:30px; bottom:90px; background-color:rgba(255,255,255, 0.9); width:40px; height:35px; padding:3px; border:none; color:#00a2c6; }
	#scrolltop:before { content:"\f077"; font-size:30px; font-weight:300; }


/*Input Placeholder*/
	::-webkit-input-placeholder { color:#999 !important; }
	:-moz-placeholder { color:#999 !important; opacity:1; }
	::-moz-placeholder { color:#999 !important; opacity:1; }
	:-ms-placeholder { color:#999 !important; }

	.input_false::-webkit-input-placeholder { color:#fff !important; }
	.input_false:-moz-placeholder { color:#fff !important; opacity:1; }
	.input_false::-moz-placeholder { color:#fff !important; opacity:1; }
	.input_false:-ms-placeholder { color:#fff !important; }