@charset "utf-8";

/*Allgemein*/
	html { font-family:'Open Sans', sans-serif; word-break:normal; }
	a { color:#E51825; text-decoration:none; }
	a:hover { color:#E51825; }
	p, ul, ol { padding-bottom:15px; }
	strong{ font-weight:700; }
	#dssubbody { padding-top:121px; font-size:17px; font-size:1.7rem; line-height:27px; line-height:2.7rem; color:#000; background:#fff; }
	.hide-scrollbar { overflow:hidden; }
	.ch2-btn { float:none; width:max-content; }

	/*audio download*/
	audio, object { width:100%; }

/*Ajaxdiv*/
	#ajaxdiv { position:fixed; top:30px !important; right:30px; bottom:30px; left:30px; width:calc(100% - 60px); max-width:1500px; height:80vh; margin:auto; border-radius:3px; }

	/*Schliessen*/
		#ajaxdiv .ajaxclose { position:absolute; z-index:5; top:0; right:0; width:60px; height:50px; background:#00B0DB; color:#fff; text-align:center;border-bottom-left-radius:3px; }
		#ajaxdiv .ajaxclose:before { content:'\f00d'; display:block; font-size:35px; line-height:50px; padding:0; font-family:FontAweSome; }
		#ajaxdiv .ajaxclose:hover { background:#97D9F0; color:#fff; text-decoration:none; }

	/*Inner-Div*/
		#ajaxdiv > div { position:relative; padding-right:600px; overflow:hidden; }
		#ajaxdiv .video { padding-right:0; }

	/*Galerie*/
		#ajaxdiv .flickity-wrapper { position:relative; z-index:1; width:100%; height:100%; background-color:#DBF2F8; box-sizing:border-box; }
		#ajaxdiv .flickity-wrapper .flickity-gallery { position:absolute; top:20px; right:20px; bottom:20px; left:20px; z-index:0;overflow:hidden; }
		#ajaxdiv .flickity-wrapper .flickity-gallery .flickity-page-dots { bottom:0; padding:0; }
		#ajaxdiv .flickity-wrapper .flickity-gallery .flickity-page-dots .dot { width:25px; height:25px; }
		#ajaxdiv .flickity-wrapper .carousel-cell { background-size:contain; background-position:center; }

	/*Text*/
		#ajaxdiv .popupcontent { position:absolute; top:0; right:0; width:600px; height:100%; box-sizing:border-box; padding-top:50px; }
		#ajaxdiv .popupcontent .popupbody { position:relative; z-index:1; height:100%; padding:0 20px; overflow:auto; -webkit-overflow-scrolling:touch; }

	/*Shop*/
		#ajaxdiv.shop > div { padding-top:50px; padding-right:0; }
		#ajaxdiv.shop .popupheader { position:absolute; top:0; left:0; width:100%; height:50px; padding:0px 75px 0 15px; box-sizing:border-box; background-color:#ddd }
		#ajaxdiv.shop .popupheader:after { content:''; display:block; clear:both; }
		#ajaxdiv.shop .popupheader .logo { width:172px; height:50px; background:url('../mm/logo.png') no-repeat left top; background-size:contain; }
		#ajaxdiv.shop .popupbody { height:calc(100% - 50px); padding:15px 25px 0; box-sizing:border-box; overflow:auto; -webkit-overflow-scrolling:touch; line-height:25px; line-height:2.5rem; }

	/*Video*/
		#ajaxdiv.video .popupheader { position:absolute; z-index:3; width:auto; right:0; background:none; }
		#ajaxdiv.video iframe { min-height:80vh; }

	/*Vollbild (Referenzen)*/
		#ajaxdiv.full { position:fixed; width:auto; max-width:none; height:auto; margin:0; }
		#ajaxdiv.full > div { padding-right:0; }

		/*Galerie*/
			#ajaxdiv.full .flickity-wrapper .flickity-gallery { top:0; right:0; bottom:0; left:0; }
			#ajaxdiv.full .flickity-wrapper .flickity-gallery .flickity-page-dots { bottom:20px; left:20px; width:calc(100% - 40px); }
			#ajaxdiv.full .flickity-wrapper .carousel-cell { background-size:cover; background-position:center center; }
			#ajaxdiv.full .flickity-wrapper .flickity-prev-next-button { display:none; }

		/*Text*/
			#ajaxdiv.full .popupcontent { position:absolute; z-index:3; width:450px; background-color:rgba(255,255,255,0.9); transform:translate(455px, 0); transition:transform 1s; }
			#ajaxdiv.full .popupcontent > a.toggle { position:absolute; top:50%; left:-40px; width:40px; height:60px; line-height:60px; font-size:22px; text-align:center;background-color:#E51825; color:#fff; transform:translateY(-50%); }
			#ajaxdiv.full .popupcontent > a.toggle:before { content:'\f104'; display:block; font-size:50px; line-height:60px; padding:0; font-family:FontAweSome; font-weight:300 }
			#ajaxdiv.full .popupcontent.show { transform:translate(0,0); }
			#ajaxdiv.full .popupcontent.show > a.toggle { transform:scale(-1,1) translateY(-50%); }

	/* Startbox */
	.infobox {
			display:flex; flex-direction: column;
			justify-content:center; align-content:center;
			position:absolute; z-index:1; top:0; left:0;
			transform:rotate(-10deg) translate(-105%,-10%); overflow:hidden;
			transition:all .4s;
			border-radius:50%; padding:30px; width:200px; height:200px; background-color:#E51825;
			box-shadow:0 0 4px #77654F;
			font-size:calc(1.2rem + 0.3vw); line-height:1.3; text-align:center; color:#fff;

	}
	.scrolled .infobox { display:none;}
	.infobox strong { font-size:calc(2.2rem + 0.3vw); line-height:1.2; display:block; margin-bottom:10px; }
	.infobox p { padding-bottom:5px; }
	.infobox a { color:#fff; text-decoration:underline; }
	.infobox a.dsbutton { position:absolute; z-index:5; width:18px; margin:10px auto !important; }
	.infobox > div { padding-top:20px;}
	.infobox:has(img) { padding:0}


	/*Standort*/
		/*Karte*/
			.cstandort.maps {}
			.cstandort.maps .maps-wrapper { position:relative; z-index:1; height:50vh; padding-bottom:0; }
			.cstandort.maps .maps-wrapper #maps { position:absolute; z-index:4; top:0; right:0; bottom:0; left:0; height:auto; padding-bottom:0; }

			/*Leaflet-Components*/
				.cstandort.maps .leaflet-container a.leaflet-popup-close-button { color:#333 !important; }
				.cstandort.maps .leaflet-popup-content-wrapper { color:#333; text-align:center; }
				.cstandort.maps .leaflet-popup-content { min-width:300px; font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; }
				.cstandort.maps .leaflet-popup-content > p:last-of-type { padding-bottom:0; }
				.cstandort.maps .leaflet-popup .leaflet-popup-content-wrapper,
				.cstandort.maps .leaflet-popup .leaflet-popup-tip { background-color:#fff; }
				.cstandort.maps .leaflet-control-layers-expanded { padding:10px; }
				.cstandort.maps .leaflet-control-layers-toggle { width:40px; height:40px; line-height:40px; text-align:center; font-size:20px; color:#333; text-decoration:none; }
				.cstandort.maps .leaflet-control-layers-toggle:before { content:"\f278"; font-family:FontAwesome; }

		/*Adressen*/
		.cstandort.view div.standort { margin-bottom:30px; padding:15px 20px; background-color:#DBF2F8; border:1px solid #97D9F0; }
		.cstandort.view h2 + h2 { padding-bottom:3px; }

/*Sidebar*/
	.overlay.sidebarclose { z-index:80; }
	#sidebar {
		position:fixed; z-index:97; top:0 !important; right:0; bottom:0; width:600px; height:auto; background-color:#fff;
		font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem;
		transform:translate(100%,0); transition:transform 1s;
	}
	#sidebar.slidein { transform:translate(0,0); }
	#sidebar .popupbody { height:calc(100vh - 75px); padding:15px 25px 0; box-sizing:border-box; overflow:auto; -webkit-overflow-scrolling:touch; }

	#sidebar .popupheader { height:50px; padding:5px 75px 0 15px; box-sizing:border-box; background-color:#ddd; }
	#sidebar .popupheader:after { content:''; display:block; clear:both; }
	#sidebar .popupheader a[class*="close"] { position:absolute; top:0px; right:0px; z-index:5; width:60px; height:50px; background:#00B0DB; color:#fff; text-align:center;border-bottom-left-radius:3px; }
	#sidebar .popupheader a[class*="close"]:before { content:'\f00d'; display:block; font-size:35px; line-height:50px; padding:0; font-family:FontAweSome; }
	#sidebar .popupheader a[class*="close"]:hover { background:#97D9F0; color:#fff; text-decoration:none; }



/*Pfeil*/
	#pfeil { display:none; position:absolute; z-index:50;left:50%; margin-left:-17px; bottom:10px; padding:4px 10px; text-align:center; font-size:20px; color:#fff; border:2px solid #fff; border-radius:50%; box-sizing:border-box; -webkit-animation:pfeilanimation 1.5s infinite; -moz-animation:pfeilanimation 1.5s infinite; -ms-animation:pfeilanimation 1.5s infinite; 	-o-animation:pfeilanimation 1.5s infinite; animation:pfeilanimation 1.5s infinite; }
	#pfeil .fa { font-size:20px; }
	.scrolled #pfeil { display:none; }

/*Button*/
	.btn { line-height:30px; background-color:#00B0DB; color:#fff; }
	.btn:hover { background-color:#97D9F0; color:#fff; }

/* Mouse selections */
	::selection { background:#00B0DB; color:#fff; }
	::-moz-selection { background:#00B0DB; color:#fff; }

/*Überschriften*/
	h1, h2, h3 { margin:0; padding:0 0 20px 0; color:#00B0DB; font-weight:700;font-size:32px; font-size:3.2rem; line-height:38px; line-height:3.8rem; }
	h2, h3 { font-weight:700; padding:0 0 15px 0; font-size:26px; font-size:2.6rem; line-height:31px; line-height:3.1rem; }
	h1 a, h2 a,
	h1 a:hover, h2 a:hover { color:#00B0DB; }
	h1 + h2,
	h2 + h2 { color:#000; font-size:20px; font-size:2.0rem; line-height:27px; line-height:2.7rem; font-weight:600; }
	h3 { color:#00B0DB; padding-bottom:5px; font-size:18px; font-size:1.8rem; line-height:27px; line-height:2.7rem; }
	h4 { display:inline-block; padding:5px 10px; margin:0 0 20px 0; font-size:18px; font-size:1.8rem; line-height:27px; line-height:2.7rem; font-weight:700; color:#fff; background:#97D9F0; border-radius:5px; }

/*Kopfzeile*/
	#dssiteheader { position:absolute; z-index:9; top:0; right:0; left:0; background:#fff; border-bottom:1px solid #97D9F0; }
	.siteheader { position:relative; max-width:1500px; padding:40px 30px 0; margin:0 auto; }
	.siteheader:after { content:""; display:block; clear:both; }

/*Shortlinks*/
	.shortlinks{ position:absolute; top:10px; left:30px; right:30px; color:#999; padding-left: 15px; }
	.shortlinks a { color:#999; display:inline-block; padding-right:15px; font-size:15px; font-size:1.5rem; }
	.shortlinks a:hover { color:#000; }

	/*Logo*/
	#logo { position:absolute; z-index:7; bottom:0; right:30px; width:300px; height:115px; line-height:0; background:url('../mm/logo.png') no-repeat top right; background-size:contain; }
	#logo.logo_hug { background:url('../mm/logo_hug.png') no-repeat top right; background-size:contain; }
	.scrolled #logo.logo_hug { background-position:top center; }

	/*Menü Mobile*/
		#menutrigger { width:40px; height:40px; line-height:40px; }
		#menutrigger span { height:5px; width:40px; }
		#menutrigger span.line2 { top:20px; }
		#menutrigger span.line3 { top:20px; }
		#menutrigger span.line4 { top:32px; }

	/*Navigation*/
		#nav { display:block; position:relative; z-index:2; padding:40px 300px 0 0; line-height:0; }
		#dsmenus { list-style:none; line-height:0; padding-bottom:2px; }
		#dsmenus:after { content:''; display:block; clear:both; }
		#dsmenus > li > ul a { color:#fff; }

		/*1. Stufe*/
			#dsmenus > li { position:relative; float:left; margin-left:2px; font-weight:700 }
			#dsmenus > li:first-of-type { margin-left:0; }
			#dsmenus > li:after { content:""; position:absolute; width:100%; height:0; }
			#dsmenus > li > a {
				position:relative; display:block; font-size:18px; line-height:20px; padding:9px 8px; color:#00B0DB; overflow:hidden;
				transition:background .4s, color .4s;
			}

		/*2. Stufe*/
			#dsmenus > li > ul { display:none; position:absolute; top:38px; left:0; min-width:280px; padding:7px 0; background-color:#97D9F0; border-top:2px #fff solid; font-weight:400; }
			#dsmenus > li > ul > li { position:relative; padding:0 5px; z-index:2; }
			#dsmenus > li > ul > li > a {
				position:relative; display:block; font-size:17px; line-height:27px; border-bottom:1px solid #fff; padding:8px 10px;
				color:#000; transition:background .4s, color .4s;
			}
			#dsmenus > li > ul > li:last-of-type a { border-bottom:none; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
			#dsmenus > li > ul > li.fixwidth > a { padding-right:40px; }
			#dsmenus > li > ul > li.fixwidth > a:after { content:"\f105"; position:absolute; top:0; right:0; width:40px;font-size:20px; font-family:FontAwesome; line-height:45px; text-align:center; }

		/*3. Stufe*/
			#dsmenus > li > ul > li > ul { display:none; position:absolute; top:0px; left:0; min-width:260px; padding:7px 0 7px 0; font-weight:400; background-color:#EDF6F9; box-sizing:border-box; transform:translate(275px,-7px); }
			#dsmenus > li > ul > li > ul > li { position:relative; padding:0 7px; }
			#dsmenus > li > ul > li > ul > li > a { display:block; font-size:16px; font-size:1.6rem; line-height:27px; border-bottom:1px solid #00B0DB; padding:8px; color:#00B0DB; transition:background .4s, color .4s; }
			/*#dsmenus > li > ul > li > ul > li:first-of-type a { border-top-right-radius:5px; border-top-left-radius:5px; }*/
			#dsmenus > li > ul > li > ul > li:last-of-type a { border-bottom:none; }

		/*Status:Aktiv*/
			#dsmenus > li.dsmenu_active > a { background-color:#00B0DB; color:#fff; }
			#dsmenus > li > ul > li.dssubmenu_active > a,
			#dsmenus > li > ul > li > ul > li.dssubmenu_active > a { color:#fff; background:#00B0DB; }

		/*Status:Hover*/
			#dsmenus > li.running:after { height:36px; }
			#dsmenus > li.running > a { background-color:#00B0DB; color:#fff; }
			#dsmenus > li > ul > li:not(.dssubmenu_active):not(.fixwidth):hover > a,
			#dsmenus > li > ul > li:not(.dssubmenu_active).fixwidth.running > a { background-color:#00B0DB; color:#fff; }
			#dsmenus > li > ul > li > ul > li:not(.dssubmenu_active):not(.fixwidth):hover > a,
			#dsmenus > li > ul > li > ul > li:not(.dssubmenu_active).fixwidth.running > a { background-color:#00B0DB; color:#fff; }


/*Scrolled Header*/
	.scrolled #dssiteheader { position:fixed; top:-120px; right:0; left:0; border-bottom:1px solid #DBF2F8; animation:animate_header 1s forwards; }
	.scrolled .shortlinks{ display:none; }
	.scrolled .siteheader { padding-top:0; }
	.scrolled #logo { width:180px; height:70px; background-color:#fff; border:10px #fff solid; border-radius:50%; transform:translate(0,40px); box-shadow:0 2px 2px #DBF2F8; }
	.scrolled #nav { padding-top:2px; }


/*Inhalt*/
	#headergallery { position:relative; z-index:1; }
	#dscolumns { min-height:300px; }
	#dscolumns,
	#dsarticlefooter .dsarticle_content, #dsarticleheader .dsarticle_content { position:relative;max-width:1500px; margin:0 auto; padding:0 30px; overflow:hidden; }
	#dsarticlefooter .dsarticle { margin-bottom:0; padding:30px 0 40px 0; }
	#dscontent { position:relative; padding:40px 0 60px; }
	#dscolumn1_1 {}
	#dscolumn1_2 { width:calc(100% - 500px);padding-right:50px; }
	#dscolumn2_2 { width:480px; float:right; margin-top:10px; }

	#dscolumn1_3{ width:calc((100% - 370px) / 2); padding:0 50px 0 0; }
	#dscolumn2_3{ width:calc((100% - 370px) / 2); padding:0 50px 0 0; }
	#dscolumn3_3 { width:370px; padding:0; }


/*DSLinklist & Links ändern*/
	/* Artikel-Links */
	a[class*='dsoption_'] { display:inline-block; padding:10px 10px 10px 28px; border:none; background:#97D9F0; color:#fff; font-weight:600; transition:all .4s; }
	a[class*='dsoption_']:hover { background-color:#00B0DB; }
	a[class*='dsoption_']:before { content:"\f054"; top:11px; left:10px; font-size:13px; }

	/* Linkliste */
	#dsarticlefooter ul[class^="dslinklist_"] > li { float:left; margin-right:10px; margin-top:10px; }
	div[class^="dslinklist_title_"]{ padding:20px 0 10px 0; color:#000; font-size:18px; font-size:1.8rem; line-height:25px; line-height:2.5rem; }
	ul[class^="dslinklist_"] > li > a:not(.dsbutton) { display:inline-block; padding:10px 10px 10px 30px; margin-bottom:4px; border:none; background:#97D9F0; color:#fff; font-weight:600; transition:all .4s; text-decoration:none; }
	ul[class^="dslinklist_"] > li > a.aktiv,
	ul[class^="dslinklist_"] > li > a:hover { background-color:#00B0DB; }
	div.dsarticle_3 ul[class^="dslinklist_"] > li > a.aktiv,
	div.dsarticle_3 ul[class^="dslinklist_"] > li > a:hover { color:#00B0DB; background-color:rgba(255, 255, 255,0.9); }
	ul[class^="dslinklist_"] > li > a:not(.dsbutton):before { content:"\f054"; top:11px; left:10px; font-size:13px; }

 	/*icon ändern*/
 	ul[class^="dslinklist_"] > li > a[href$=".pdf"],
	ul[class^="dslinklist_"] > li > a[href*=".doc"],
	ul[class^="dslinklist_"] > li > a[href*=".xls"],
	ul[class^="dslinklist_"] > li > a[href*="download"] { padding-left:35px; }
	ul[class^="dslinklist_"] > li > a[href$=".pdf"]:before,
	ul[class^="dslinklist_"] > li > a[href*=".doc"]:before,
	ul[class^="dslinklist_"] > li > a[href*=".xls"]:before,
	ul[class^="dslinklist_"] > li > a[href*="download"]:before { content:"\f019"; font-size:14px; }
	ul[class^="dslinklist_"] > li > a[href*="google.ch/maps"]:before { content:"\f041"; }

	/*Auflistung*/
	.popupbody ul:not([class^="dslinklist_"]):not([data-select]),
	div[class*='dsbody_'] ul:not([class^="dslinklist_"]):not([data-select]) {margin-left:0px; }
	.popupbody ul:not([class^="dslinklist_"]):not([data-select]) > li,
	div[class*='dsbody_'] ul:not([class^="dslinklist_"]):not([data-select]) > li{ display:block;padding:2px 10px 2px 22px; position:relative}
	.popupbody ul:not([class^="dslinklist_"]):not([data-select]) > li:before,
	div[class*='dsbody_'] ul:not([class^="dslinklist_"]):not([data-select]) > li:before { content:"\f054"; position:absolute; top:3px; left:6px; font-size:12px; font-family:'FontAwesome'; color:#51C8E5 }

/*Arttikel allg.*/
	div.dsarticle { margin-bottom:50px; }
	div[class^="dsbody_"]{ padding-bottom:15px; }

/*Art 1 - standard */
	div.dsarticle_1 { margin-bottom:40px; }
	.dsbody_1 > ul:not([class^="dslinklist_"]):not([data-select]) > li:nth-child(2n) { background-color:#ededed; margin:5px 0; }

/*Art 2 - hellblau*/
	div.dsarticle_2 { padding:15px 20px; background-color:#DBF2F8; border:1px solid #97D9F0; }

/*Art 3 - dunkelblau*/
	div.dsarticle_3{ padding:15px 20px; background-color:#00B0DB; border:1px solid #97D9F0; color:#fff; }
	div.dsarticle_3 .dsbody3 a { color:#fff; text-decoration:underline; }
	div.dsarticle_3 .dsoption_3 { margin-top:10px; }
	div.dsarticle_3 a[class*="dsoption_"] { color:#fff; text-decoration:none; }
	div.dsarticle_3 a[class*="dsoption_"]:hover { color:#00B0DB; background-color:rgba(255, 255, 255,0.9)}
	div.dsarticle_3 h1,
	div.dsarticle_3 h1 a,
	div.dsarticle_3 h1 a:hover,
	div.dsarticle_3 h2,
	div.dsarticle_3 h2 a,
	div.dsarticle_3 h2 a:hover { color:#fff}
	div.dsarticle_3 .dslinklist_0.untermenus { min-height:50px; }
	div.dsarticle_3 div[class*='dsbody_'] ul:not([class^="dslinklist_"]):not([data-select]) > li:before { color:#fff }


/*Art 4 - Blaue Schrift */
	div.dsarticle_4 * ,
	div.dsarticle_4 li:before { color:#00B0DB !important; }
	div.dsarticle_4 * ul[class^="dslinklist_"] > li > a:not(.dsbutton),
	div.dsarticle_4 a.btn,
	div.dsarticle_4 a[class*='dsoption_'] { color:#fff !important; }

/*Art 5 - Titel mit Box Schrift */
	div.dsarticle_5 h1,
	div.dsarticle_5 h2:first-of-type { display:inline-block; margin:0 0 15px 0; padding:3px 5px; line-height:40px; line-height:4.0rem; color:#fff; background-color:#00B0DB; clear:both; }
	div.dsarticle_5 h2:first-of-type a { color:#fff}
	div.dsarticle_5 h2 + h2 { padding-bottom:10px; }

/*Fusszeile*/
	#dssitefooter { position:fixed; padding:0; z-index:9; font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; background-color:#DBF2F8; border:1px solid #97D9F0;
		 left:0; right:0; margin:0 auto; bottom:0px; height:70px; }

	#dssitefooter .dark { position:relative; padding:0; background-color:#DBF2F8; z-index:8 }
	#dssitefooter .dark_blank { position:fixed; z-index:1; right:0; left:0;height:100%; background:linear-gradient(#ECF8FB, #00B0DB); }

	/*Aktionenbutton*/
	.footcontent { position:relative; max-width:1500px; padding:0 30px; margin:auto; }
	.footcontent #aktionen {
		position:absolute; margin-top:-35px; left:50%; transform: translateX(-50%); width:140px; height:75px; padding-top:6px; box-sizing:border-box;
		font-size:17px; font-size:1.7rem; line-height:27px; line-height:2.7rem; font-weight:600; color:#fff; text-align:center; background:#51C8E5; z-index:0; border-radius: 100% 100% 70% 70%;
	}
	.footcontent #aktionen span { display:block; position:relative; z-index:2; }
	.footcontent #aktionen a { position:absolute; left:0; right:0; top:0; bottom:0; z-index:8; }

	/*Adresse */
	#footer, #mobilefooter { padding-bottom:10px;color:#00B0DB; position:relative; z-index:9 }
	#footer a { color:#00B0DB; text-decoration:none}

	#footer .footercontent { position:relative; max-width:1500px; padding:10px 30px; margin:auto; }
	#footer .footercontent span {}
	#footer .footercontent:after { content:''; display:block; clear:both; }

	#footer .footercontent span.besuch{ position:absolute; top:30px; right:210px; color:#000; font-weight:100; font-size:13px; line-height:13px; }

	/*Logo*/
	#besuchlogo { position:absolute;right:30px; top:14px; width:170px; height:80px; line-height:0; background:url('../svg/pura_logo.svg') no-repeat top right; background-size:contain; }
	#footer > div.adresse {margin-bottom:10px; position:relative}

	#scrolltop { width:60px; height:60px;bottom:30px; right:20px; padding-top:2px; box-sizing:border-box; color:#7DD2EC; line-height:normal; border:none; background:none; z-index:9; }
	#scrolltop:before { content:"\f102"; font-size:60px; font-weight:700; }

/*Bilder & Slider*/
	.cimagepool.slide { position:relative; z-index:1; }
	.cimagepool.slide .editbalken { position:absolute; z-index:10; top:15px; left:15px; margin-bottom:0; }
	.cimagepool.slide .flickity-wrapper { position:relative; z-index:1; height:50vh; padding-bottom:0; }
	.cimagepool.slide .flickity-wrapper .flickity-gallery { position:absolute; top:0px; right:0; bottom:0; left:0; z-index:0;overflow:hidden; }
	.cimagepool.slide .flickity-gallery .flickity-page-dots{ width:100%; max-width:1500px; }

	/*allg. Bildeinstellungen*/
		.flickity-wrapper .flickity-viewport { position:absolute; top:0; left:0; right:0; bottom:0; height:auto !important; }

		.flickity-wrapper .carousel-cell { width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); transition:opacity 1s; }
		.flickity-wrapper .flickity-prev-next-button { top:50%; width:30px; height:30px;z-index:3; background-color:#E51825}
		.flickity-wrapper .flickity-prev-next-button:disabled { opacity:0; }
		.flickity-wrapper .flickity-prev-next-button .arrow { fill:#fff; }
		.flickity-gallery .flickity-page-dots{ left:0; right:0; bottom:20px; padding:0 30px; margin:auto; text-align:left; z-index:2; }
		.flickity-gallery .flickity-page-dots .dot { width:30px; height:30px; border:1px #fff solid; background:rgba(255,255,255,.5); padding:0; margin:0 5px; opacity:1; box-sizing:border-box; }
		.flickity-gallery .flickity-page-dots .dot:hover,
		.flickity-gallery .flickity-page-dots .dot.is-selected { background-color:#E51825; }

	/*Fade-Effekt*/
		.flickity-wrapper.fadegallery .flickity-viewport { z-index:1; }
		.flickity-wrapper.fadegallery .flickity-slider { left:0 !important; transform:none !important; }
		.flickity-wrapper.fadegallery .carousel-cell { z-index:1; left:0 !important; margin-left:0; opacity:0; filter:alpha(opacity=0); transition:opacity 3s; }
		.flickity-wrapper.fadegallery .carousel-cell.is-selected { z-index:3; opacity:1; filter:alpha(opacity=100); }


/*Google Maps*/
	.cmaps.view { position:relative; z-index:1; height:50vh; }
	.cmaps.view .editbalken { position:absolute; z-index:2; bottom:15px; left:15px; margin-bottom:0; }
	.cmaps.view #maps { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; }
	.cmaps.view #maps p { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
	.cmaps.view .infodiv { min-width:175px; min-height:80px; font-size:15px; font-size:1.5rem; line-height:22px; line-height:2.2rem; }


/*Formular*/
 	/* Input Elemente */
	input[type=text], input[type=email], input[type=password], textarea,
	.cis-select, button { width:100%; height:40px; font-family:'Open Sans', sans-serif; text-align:left; font-size:17px; font-size:1.7rem; line-height:27px; line-height:2.7rem; font-weight:400; }
	input[type=text], input[type=email], input[type=password], textarea { border:1px #97D9F0 solid; background-color:#fff; }

	.cis-select {}
	.cis-select:after { height:40px; color:#00B0DB; font-size:28px; line-height:28px; top:4px; }
	.cis-select > div { height:28px; }
	.cis-select ul>li, .cis-select>div { border-color:#97D9F0; }
	.cis-select.open:after { transform:rotate(180deg); top:-5px; }
	.cis-select ul { top:40px; }
	.cis-select ul>li{ background-color:#fff}
	.cis-select ul>li.selected,
	.cis-select ul>li:hover { background:#DBF2F8}

	.f1_row textarea {min-height:100px; padding-top:5px; }
	.f1_row.spamfilter .custominput > div:first-of-type { float:left; width:100px; }
	.f1_row.spamfilter .custominput > div label { line-height:40px; padding-left:10px; }
	.f1_row.spamfilter .custominput > div label:before { content:"\f060"; font-family:FontAwesome; margin-right:10px; color:#00B0DB; }

	button {max-width:400px; float:right; background-color:#00B0DB; color:#fff; text-align:center; transition:all .4s}
	button:hover { background-color:#97D9F0; color:#fff}

	/* Input mit vorherigem Label */
	.custominput { padding-left:190px; min-height:40px; }
	.custominput > label { width:180px; padding:5px; }

	/*Accordion */
	.accordion { }
	.accordion .f1_row.header { padding-bottom:0; }
	.accordion .header h4{ display:block; margin-bottom:0;padding-right:35px; position:relative; cursor:pointer; transition:background .4s; border-bottom-right-radius:0; border-bottom-left-radius:0; }
	.accordion .header.open h4{ background:#00B0DB; }
	.accordion .header.falsecontent h4{ background:#D9534F}
	.accordion .header h4:after { content:"\f107"; display:block; position:absolute; top:5px; right:10px; font-size:30px; line-height:30px; color:#fff; font-family:FontAwesome; font-weight:300; }
	.accordion .content {margin-bottom:30px;padding:15px 10px; background:#ECF8FB; }
	.accordion .content:after { content:""; display:block; clear:both; }

	/* Checkbox */
	.checkboxCheck{margin-bottom:0; }
	.checkboxCheck > div { width:auto; }
	.checkboxCheck > div > label { padding:8px 0 5px 35px; line-height:inherit; white-space:nowrap}
	.checkboxCheck > div label:before {left:0px; width:23px; height:24px; line-height:24px; border:1px #97D9F0 solid; background-color:#fff; font-size:inherit; }
	.checkboxCheck > div input[type="radio"] + label:before { border-radius:50%; }

	/*form-meldung*/
	.formbest { border:1px #97D9F0 solid; background-color:#DBF2F8; color:#000; }
	.formbest.fail { background-color:#E51825; border-color:#E51825; color:#fff}

	/* Input Fehler */
	.input_false { background-color:#E51825 !important; border-color:#E51825 !important; }
	input.input_false { -webkit-box-shadow:0 0 0px 1000px #E51825 inset !important; /* Autofill überlagern */ }
	.cis-select.input_false > div { border-color:#E51825 !important; }


	/*Newsletter*/
	.newsletter { height:400px; }

/*Rows*/
	.row.header { background-color:#ddd; }
	.row .col { padding:10px; min-height:50px; line-height:30px; }
	.row .col.input { padding:5px 10px; }
	.row .col.input input[type="text"] { width:100%; }
	.row .col.input a.btn { display:block; }
	.row .col.multi { padding:5px 10px; line-height:20px; }
	.row .col.multi.noarticlenr { padding:10px; line-height:30px; }



/*Tabs*/
	.tabs { margin-bottom:20px; }
	.tabs > ul { padding:0; margin:0; list-style:none; display:inline-block; }
	.tabs > ul:after { content:''; display:block; clear:both; }
	.tabs > ul li {
		position:relative; float:left; cursor:pointer; line-height:20px; padding:10px 20px !important; box-sizing:border-box;
		margin-bottom:10px; border-right:4px #fff solid; transition:background-color .4s;
	}
	.tabs > ul li:before { top:auto!important; }
	.tabs > ul li:last-of-type { border-right-width:0; }
	.tabs > div { display:none; }
	.tabs > div.active { display:block; }

 	/*farben*/
		.tabs > ul li { background-color:#73D3EB; color:#fff; }
		.tabs > ul li:not(.active):hover { background-color:#00B0DB; }
		.tabs > ul li.active { background-color:#00B0DB; }



/*Placeholder*/
	.placeholder.empty > div { background:url('../mm/logo.png') no-repeat; background-position:center center ; transform:translateY(-20px); background-size:70%; opacity:0.4; filter:sepia(100%) hue-rotate(165deg) saturate(300%); }
	.placeholder { height:300px; top:0; left:0; width:100%; background:#EBF5F9; }

/*Item*/
	#dscolumn2_2 .item{ width:100%; float:none; }
	.item.full { width:100%; float:none; }
	.item .box { border-color:#97D9F0; transition:all 0.4s; }
	.items {margin-left:-30px; }
	.item { width:33.333%; margin-bottom:30px; }
	.item .dsbutton {z-index:10; }
	.item:hover a.absolute {z-index:8}
	.item .box { margin-left:30px; background-color:#F5FBFC; }
	.item .boxnodata { margin-left:30px; }
	.item .content .text { position:absolute; width:100%; box-sizing:border-box; height:250px; padding:15px; z-index:3;background:#fff;background:rgba(255, 255, 255,0.9); }
	.item.full .content .text,
	.item.nodata .content .text { transform:none; position:relative; height:auto; }

	.item .absolute:after { content:"\f054"; right:2px; bottom:2px; width:20px; height:20px; color:#fff; font-family:FontAwesome; font-size:14px; line-height:20px; text-align:center;position:absolute; z-index:4;transition:color .7s; }
	.item .absolute:before { content:""; position:absolute; z-index:3; bottom:0; right:0; border-top:40px transparent solid;border-right:40px #00B0DB solid; transition:border .7s; }

/*Referenzen*/
	.creferenzen.view { padding-top:15px; }
	.creferenzen .item .content .text h3{ padding-bottom:0; }
	.creferenzen .item .content .text { padding:10px 15px; transform:translateY(-70px); transition:transform .5s 0.4s; }
	/*.creferenzen .item:hover .content .text { transform:translateY(-250px); -webkit-user-select:none; -webkit-touch-callout:none; }*/

/*Gallerie*/
	.cgallery.view .item { width:25%; }
	.cgallery.view .item .box .placeholder { height:200px; }

/* News */
	.cnews.view .item.full { width:100%; float:none; }
	.cnews.view .item{ width:50%; }
	.cnews.view .item .content { padding-right:250px; }
	.cnews.view .item .content.noimage { padding-right:0px; }
	.cnews.view .item .content:after { content:''; display:block; clear:both; }
	.cnews.view .item .box .placeholder { position:absolute; top:0; right:0; left:auto; width:250px; height:100%; padding-bottom:0; }
	.cnews.view .item .box { padding:0px; background:#fff; border:1px solid #DBF2F8; }
	.cnews.view .item .box:hover { border-color:#00B0DB; }
	.cnews.view .item .box.bg3,
	.cnews.view .item .box.bg0 { background-color:#DBF2F8; }
	.cnews.view .item .box.bg3 .content .text:after,
	.cnews.view .item .box.bg0 .content .text:after { background:linear-gradient(rgba(220,242,249,0) 0%,#DBF2F8 60%) }
	.cnews.view .item .box.bg1 .content .text:after,
	.cnews.view .item .box.bg2 .content .text:after { background:linear-gradient(rgba(255,255,255,0) 0%,#fff 60%) }
	.cnews.view .item .content .text { position:relative; padding:10px 15px 15px 15px; height:175px; background:none; font-size:16px; font-size:1.6rem; line-height:25.5px; line-height:2.55rem; }
	.cnews.view .item .content .text:after { content:''; display:block; position:absolute; ; width:100%; bottom:0; left:0; height:25px; }


	/*Start*/
	.cnews.viewue { position:relative; }
	.cnews.viewue .flickity-wrapper { margin-bottom:20px; padding:15px; background:#DBF2F8; }
	.cnews.viewue .flickity-wrapper div.content { width:100%; position:relative; }
	.cnews.viewue .flickity-wrapper .flickity-enabled { height:180px; }
	.cnews.viewue .flickity-wrapper div.placeholder { width:40%;height:190px; position:relative; float:left; }
	.cnews.viewue .flickity-wrapper div.placeholder > div { background-size:cover; }
	.cnews.viewue .flickity-wrapper div.text { padding-left:15px; float:left; width:60%; line-height:2.5rem; box-sizing:border-box; height:0; }
	.cnews.viewue .flickity-wrapper div.text:after { content:''; display:block; position:absolute; width:100%; bottom:0; left:0; height:22px; background:linear-gradient(rgba(220,242,249,0) 0%,#DBF2F8 60%); }
	.cnews.viewue .flickity-wrapper div.text.full { width:100%; float:none; padding-left:0 }
	.cnews.viewue .flickity-wrapper .fa { color:#00B0DB; }
	.cnews.viewue .flickity-page-dots { display:none}
	.cnews.viewue .flickity-wrapper .flickity-prev-next-button { top:auto; top:-45px; left:auto; right:-15px; width:30px; height:30px; }
	.cnews.viewue .flickity-wrapper .flickity-prev-next-button.previous { right:35px; }
	.cnews.viewue a.absolute { position:absolute; left:0; right:0; top:0; bottom:0; z-index:8; }
	.cnews.viewue .showall { text-align:right; }
	.cnews .paging > div { width:25%; padding-left:30px; }


/* Team */
	/*.cteam.view { padding-top:15px; }*/
	.cteam .item.full.cat .box { border:none}
	.cteam .item.full.cat h3 { padding:8px 8px; background:#00B0DB; color:#fff; }
	.cteam .item .content .placeholder { float:left; width:40%; position:relative; height:250px; }

	/*bildwechsel effekt*/
	.cteam .item .content .placeholder.bilder div { transition:transform .4s linear .5s, opacity .5s linear .6s; cursor:pointer; }
	.cteam .item .content .placeholder div.bild2 { opacity:0; }
	.cteam .item .content .placeholder:hover .bild2 { transform:scaleX(-1);opacity:1; display:block}
	.cteam .item .content .placeholder:hover .bild1 { transform:scaleX(-1);opacity:0; }

	.cteam .item .content .text { width:60%; float:left; height:auto; position:static; padding:15px; box-sizing:border-box; transform:none; background:none; overflow:visible;font-size:15px; font-size:1.5rem; line-height:22px; line-height:2.2rem; }
	.cteam .item .content .text h3 { font-size:18px; font-size:1.8rem; line-height:27px; line-height:2.7rem; white-space:normal; }
	.cteam .item .content:after { content:""; display:block; clear:both; }
	.cteam .item .fa { padding-right:6px; }
	.cteam .item a { color:#E51825; }
	.cteam .icons { position:absolute; right:10px; bottom:10px; }
	.cteam .icons a { color:#fff; background:#97D9F0; padding:0 0 3px 6px; transition:background .4s; padding-left:5px; height:35px; width:30px;text-align:center; line-height:35px; background-color:#E51825; }
	.cteam .icons a:hover { background:#00B0DB; }

	.cteam.viewue {max-width:600px; }

/*Story*/
	.cstory.view { padding-top:20px; }

	/*Item*/
	.cstory .item.layout0 .content .text h3{ font-size:20px; font-size:2.0rem; line-height:25px; line-height:2.5rem; }
	.cstory .item .content .text { position:static; font-size:16px; font-size:1.6rem; line-height:25.5px; line-height:2.55rem;padding:12px 15px; }
	.cstory .item .box,
	.cstory .item .placeholder { background:#fff; background:rgba(255, 255, 255,0.9); }
	.cstory .item .content {z-index:3}

	/* abstand für div. höhen */
	.cstory .item.layout0 .content:after { content:''; display:block; position:absolute; bottom:0 ; width:100%; height:20px; background:linear-gradient(rgba(255,255,255,0) 0%,#fff 60%); }
	.cstory .item.bild-0 .content:after { background:#fff}
	.cstory .item.grey.layout0 .content:after { background:#DBF2F8; background:linear-gradient(rgba(220,242,249,0) 0%,#DBF2F8 60%); }

	.cstory .item .text.Anzeige0{ background:none}
	.cstory .item .text p { padding-bottom:24px; padding-bottom:2.4rem; }
	.cstory .item .box .absolute.ajaxloader:before { bottom:0px; right:0px; }
	.cstory .item .box .absolute.ajaxloader:after { right:2px; bottom:2px; }

	/*Farbe*/
		.cstory .item.grey .box { background:#DBF2F8; border:1px solid #ccc; }
		.cstory .item.grey .text,
		.cstory .item.grey .content { background:#DBF2F8; }
		.cstory .item.grey .content .text h3,
		.cstory .item.grey .content .text a { }
		.cstory .item.grey .content .text a:hover { text-decoration:underline}

	/*Width*/
		.cstory .item.width0 { width:33.33%; }
		.cstory .item.width1 { width:66.66%; }
		.cstory .item.width2 { width:100%; }


	/*Bild Positionen*/
		.cstory .item .placeholder.top > div { background-position:center top; }
		.cstory .item .placeholder.bottom > div { background-position:center bottom; }

	/*Bild skalieren*/
		.cstory .item .placeholder.scale0 > div { background-size:contain; }

	/*Layout:Standard*/
		/*Bild Links/Rechts*/
			.cstory .item.layout0 .placeholder { position:absolute; top:0; bottom:0; padding-bottom:0; z-index:3 }

			/*.cstory .item.layout0.width0.height0 .placeholder { height:152px; }
			.cstory .item.layout0.width0.height1 .placeholder { height:250px; }*/

			.cstory .item.layout0.width1 .placeholder,
			.cstory .item.layout0.width2 .placeholder { width:250px; height:100%; }

			.cstory .item.layout0.width1.image-left .placeholder,
			.cstory .item.layout0.width2.image-left .placeholder { left:0; right:auto }

			.cstory .item.layout0.width1.image-right .placeholder,
			.cstory .item.layout0.width2.image-right .placeholder { right:0; left:auto }

			.cstory .item.layout0.width0.height0[class*="image-"] .content { margin-top:151px; }
			.cstory .item.layout0.width0.height1[class*="image-"] .content { margin-top:300px; height:284px; }
			.cstory .item.layout0.width0.height1[class*="image-"] .content .text { height:284px; }

			.cstory .item.layout0.width1.image-left .content,
			.cstory .item.layout0.width2.image-left .content { margin-left:250px; }
			.cstory .item.layout0.width1.image-right .content,
			.cstory .item.layout0.width2.image-right .content { margin-right:250px; }

			.cstory .item.height1.layout0.bild-0 .content .text { height:533px; }
			.cstory .item.height1.width1.layout0[class*="image-"] .content .text,
			.cstory .item.height1.width2.layout0[class*="image-"] .content .text { height:520px; }

		 	.cstory .item.layout0.width0.height0.bild-1 .content .text { height:99px; }


	/*Layout:Vollbild*/
		.cstory .item.layout1.height0 .content { height:250px; }
		.cstory .item.layout1.height1 .content { height:532px; }
		.cstory .item.layout1 .placeholder { position:absolute; top:0; right:0; bottom:0; left:0; height:auto; padding-bottom:0; }
		.cstory .item.layout1 .box { padding:0; }
		.cstory .item.layout1 .text { height:auto;padding:20px 15px;position:absolute;bottom:5px; background:none}
		.cstory .item.layout1 h3 { padding:4px 10px;color:#fff; background:#97D9F0; background:rgba(0, 176, 219,0.8); }

	/*Spalte 1 von 2*/
		#dscolumn1_2 .cstory .item.width0,
		#dscolumn1_2 .cstory .item.width1,
		#dscolumn1_2 .cstory .item.width2,
		#dscolumn1_2 .cstory .item.width3 { width:50%; }

	/*Spalte 2 von 2*/
		#dscolumn2_2 .cstory .item.width0,
		#dscolumn2_2 .cstory .item.width1,
		#dscolumn2_2 .cstory .item.width2,
		#dscolumn2_2 .cstory .item.width3 { width:100%; }

		#dscolumn2_2 .cstory .item.layout0.width1[class*="image-"] .placeholder,
		#dscolumn2_2 .cstory .item.layout0.width2[class*="image-"] .placeholder,
		#dscolumn2_2 .cstory .item.layout0.width3[class*="image-"] .placeholder { width:auto; right:0; left:0; height:230px; }
		#dscolumn2_2 .cstory .item.layout0.width1[class*="image-"] .content,
		#dscolumn2_2 .cstory .item.layout0.width2[class*="image-"] .content,
		#dscolumn2_2 .cstory .item.layout0.width3[class*="image-"] .content { margin-top:230px; padding-right:0; padding-left:0; }


/*Shop*/
		.cshop .searchpanel > form > div { width:25%; }

		span.currency { font-size:10px; line-height:0; text-transform:uppercase; padding-right:3px; }
		.cshop .weblink { padding:10px; background-color:#ededed; border:1px #ccc solid; margin:0 0 20px; }

		/*NEW-Ribbon*/
			.ribbon-wrapper { position:absolute; top:0; left:0; width:150px; height:150px; overflow:hidden; z-index:6; }
			.ribbon-wrapper .ribbon { position:absolute; top:0; left:-50%; width:100%; transform:translate(25px,25px); }
			.ribbon-wrapper .ribbon .ribbon-text { font-size:15px; line-height:2.5; text-align:center; transform:rotate(-45deg); transform-origin:50% 0; }

		/*view*/
			.cshop.view { padding-top:15px; }
			.cshop .item .content .text h3{ padding-bottom:0; }
			.cshop .item .content .text { padding:10px 15px; transform:translateY(-70px); transition:transform .5s 0.4s; }
			.cshop .item .content .text .small { font-size:15px; }
			.cshop .item .content .price { position:absolute; bottom:80px; bottom:8rem; right:10px; font-size:16px; line-height:20px; padding:5px 10px; font-weight:700; }


		/*viewdet*/
			.cshop.viewdet h1 { font-size:22px; font-size:2.2rem; }
			.cshop.viewdet h2 { font-size:19px; font-size:1.9rem; }
			.cshop.viewdet h3 { font-size:17px; font-size:1.7rem; }

			.cshop.viewdet .discount { font-weight:700; }

			/*Share on social-platform*/
				.cshop.viewdet .popupheader a.share { float:right; width:50px; height:50px; line-height:50px; text-align:center; font-size:20px; margin-left:5px; color:#00B0DB; }
				.cshop.viewdet .popupheader a.share:before { font-family:FontAwesome; }
				.cshop.viewdet .popupheader a.facebook:before { content:"\f09a"; }
				.cshop.viewdet .popupheader a.twitter:before { content:"\f099"; }
				.cshop.viewdet .popupheader a.googleplus:before { content:"\f0d5"; }

			/*Gallery*/
				.cshop.viewdet #produktphotos { padding-bottom:15px; line-height:0; }
				#ajaxdiv .cshop.viewdet .flickity-wrapper { width:100%; padding-bottom:52vh; margin-bottom:15px; }


			/*Hauptartikel*/
				.cshop.viewdet .article { position:relative; min-height:225px; padding-left:400px; padding-bottom:40px; }
				.cshop.viewdet .article .text { padding-bottom:20px; }
				.cshop.viewdet .article .preview { position:absolute; top:0; left:0; right:0; width:350px; height:225px; line-height:0; }
				.cshop.viewdet .article .preview div {
					position:absolute; top:10px; right:10px; bottom:10px; left:10px;
					background-position:center center; background-size:contain; background-repeat:no-repeat; z-index:1;
				}
				.cshop.viewdet .article .preview div:first-of-type { z-index:2; }
				.cshop.viewdet .article .preview div.hover { z-index:3; }
				.cshop.viewdet .article .preview div.marke { top:auto; right:auto; width:80px; height:60px; z-index:3; }
				.cshop.viewdet .article .preview div.marke > div {
					position:absolute; top:5px; right:5px; bottom:5px; left:5px;
					background-repeat:no-repeat; background-position:center center; background-size:contain;
				}
				.cshop.viewdet .article .preview a {
					position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; border:1px transparent solid; overflow:hidden;
				}
				.cshop.viewdet .article .preview a .fa {
					position:absolute; right:0; bottom:0; width:40px; height:40px; line-height:40px; text-align:center; transition:background-color .4s;
				}

			/*Artikels*/
				.cshop.viewdet .articles { padding-bottom:40px; }
				.cshop.viewdet .articles .list { margin-bottom:10px; }
				.cshop.viewdet .articles .row { padding-left:0; padding-right:170px; }
				.cshop.viewdet .articles .row.header { overflow:hidden; }
				.cshop.viewdet .articles .noColor { padding-left:0; }
				.cshop.viewdet .articles .row .col.spalte0 { display:none; }
				.cshop.viewdet .articles .row .col.spalte1 { width:calc(100% - 500px); }
				.cshop.viewdet .articles .row .col.spalte1 input[type=text] { width:250px; margin-left:30px; }
				.cshop.viewdet .articles .row .col.spalte1.multi .artnr { font-size:13px; color:#999; }
				.cshop.viewdet .articles .row .col.spalte2 { width:400px; padding-right:20px; text-align:right; }
				.cshop.viewdet .articles .row .col.spalte2 span.sale { color:#E51825; font-weight:700; }
				.cshop.viewdet .articles .row .col.spalte2 span.regular.linethrough { text-decoration:line-through; }
				.cshop.viewdet .articles .row .col.spalte3 { width:100px; padding-right:20px; text-align:center; }
				.cshop.viewdet .articles .row .col.spalte3 input[type=text] { text-align:center; }
				.cshop.viewdet .articles .row .col.spalte4 { position:absolute; right:0; width:170px; }
				.cshop.viewdet a.btn:not(.remove) { padding-left:40px; }
				.cshop.viewdet a.btn:not(.remove) .fa{ position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; text-align:center; }

				.cshop.viewdet .articles .row.anfragelight { padding-right:0; }
				.cshop.viewdet .articles .row .col.spalte1.anfragelight { width:calc(100% - 200px); }
				.cshop.viewdet .articles .row .col.spalte2.anfragelight { width:200px; }

			/*Farb gestaltung Shop*/
				/*Shop*/
				.cshop .item .content .price { background-color:#ededed; }
				.cshop .item .content .price.discount { background-color:#E51825; color:#fff; }

				/*NEW-Ribbon*/
					.ribbon-wrapper .ribbon .ribbon-text { background-color:#00B0DB; color:#fff; }

				/*viewdet*/
					.cshop.viewdet h3.marke { color:#666; font-weight:400; padding-bottom:0px; }
					.cshop.viewdet .discount { color:#E51825; }

					/*Hauptartikel*/
						.cshop.viewdet .article .preview a { border-color:#ccc; }
						.cshop.viewdet .article .preview a .fa {  background-color:#E51825; color:#fff; }

					/*Artikels*/
						.cshop.viewdet .articles .row[class*="add"] .col.spalte4 a.btn {  }
						.cshop.viewdet .articles .row[class*="remove"] .col.spalte4 a.btn { background-color:#E51825; }
						.cshop.viewdet .articles form:nth-child(2n+1) .row.hover { background-color:#f5f5f5; }
						.cshop.viewdet .articles form:nth-child(2n+1) .row.hover:hover { background-color:#ededed; }

					/*Zubehoer*/
						.cshop.viewdet .accessory .box { border-color:#ccc; background-color:#ededed; transition:border-color .4s }
						.cshop.viewdet .accessory .box:hover { border-color:#51C8E5; }
						.cshop.viewdet .accessory .price { background-color:#E51825; color:#fff; }
						.cshop.viewdet .accessory .price.discount { background-color:#E51825; }

			/*Produktanfrage*/
				.cshop.viewdet .cform { padding-bottom:20px; }
				#produktanfrage { padding:10px }
			/*Zubehoer*/
				.cshop.viewdet .accessories { margin-left:-25px; }
				.cshop.viewdet .accessories:after { content:''; display:block; clear:both; }
				.cshop.viewdet .accessory { float:left; width:33.333%; margin-bottom:25px; }
				.cshop.viewdet .accessory .box { position:relative; margin-left:25px; padding-left:120px; border:1px transparent solid; }
				.cshop.viewdet .accessory .box a.absolute {
					position:absolute; top:0; right:0; bottom:0; left:0; background:url('../mm/blind.png') repeat; z-index:6;
				}
				.cshop.viewdet .accessory .placeholder {
					position:absolute; top:0; left:0; width:120px; height:100%;
				}
				.cshop.viewdet .accessory .placeholder.load { background:url('../mm/loader.gif') no-repeat center center #fff; background-size:20px; }
				.cshop.viewdet .accessory .placeholder > div {
					top:10px; right:10px; bottom:10px; left:10px;
					background-position:center center; background-size:contain;
				}
				.cshop.viewdet .accessory .content { padding:8px 10px; }
				.cshop.viewdet .accessory .text { height:80px; height:8rem; overflow:hidden; }
				.cshop.viewdet .accessory .text h3 { height:50px; height:5rem; overflow:hidden; text-overflow:ellipsis; }
				.cshop.viewdet .accessory .text span { display:block; font-size:12px; font-size:1.2rem; line-height:20px; line-height:2rem; }
				.cshop.viewdet .accessory .price { position:absolute; bottom:10px; right:10px; font-size:16px; line-height:20px; padding:5px 10px; font-weight:700; }

		/*Slider auf Startseite*/
			.cshop.slider { position:relative; margin-left:-30px; margin-bottom:50px; }
			.cshop.slider .placeholder { height:250px; }
			.cshop.slider .flickity-wrapper .item { width:25%; color:#000; }
			.cshop.slider .flickity-wrapper { position:relative; z-index:1; height:300px; padding-bottom:0; }
			.cshop.slider .flickity-wrapper .carousel-cell { opacity:1; }
			.cshop.slider .flickity-wrapper .flickity-gallery { height:100% }
			.cshop.slider .flickity-wrapper .flickity-prev-next-button.next { right:10px; }
			.cshop.slider .flickity-wrapper .flickity-prev-next-button.previous { left:40px; }

	/*Warenkorb*/
		/*viewue*/
			#warenkorbue { position:absolute; left:30px; top:0; width:50px; height:40px; line-height:40px; text-align:center; transition: all .4s }
			#warenkorbue:before { content:"\f291"; position:relative; z-index:1; font-family:FontAwesome; font-size:24px; }
			#warenkorbue .counter {
				position:absolute; z-index:2; bottom:-3px; right:-3px; width:20px; height:20px; line-height:20px; text-align:center;
				font-size:14px; border-radius:50%; border:1px transparent solid;
			}
			#warenkorbue a { position:absolute; z-index:3; top:0; right:0; bottom:0; left:0; background:url('../mm/blind.png') repeat; }
			#warenkorbue + .shortlinks { left:80px; }
			.scrolled #warenkorbue { right:250px; left:auto; top:-3px; }

		/*List*/
			#warenkorblist .overview { padding-bottom:15px; }
			#warenkorblist .articles { border-top:1px #E51825 solid; }
			#warenkorblist .article { position:relative; padding:10px 10px 10px 90px; border-bottom:1px #E51825 solid; transition:background .4s; background:#ededed; }
			#warenkorblist .article:hover { background:#ddd !important; }
			#warenkorblist .article:after { content:''; display:block; clear:both; }
			#warenkorblist .article .placeholder { position:absolute; top:10px; left:10px; width:70px; height:70px; box-sizing:border-box; border:1px transparent solid; }
			#warenkorblist .article .placeholder > div { top:5px; right:5px; bottom:5px; left:5px; background-size:contain; }
			#warenkorblist .article .bezeichnung { font-weight:700; padding-right:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
			#warenkorblist .article .artikelname { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
			#warenkorblist .article .anzahl { float:left; }
			#warenkorblist .article .preis { float:right; text-align:right; }
			#warenkorblist .total { font-weight:700; border:10px transparent solid; font-size:15px; font-size:1.5rem; }
			#warenkorblist .total:after { content:''; display:block; clear:both; }
			#warenkorblist .total > div { float:left; }
			#warenkorblist .total > div.preis { float:right; }
			#warenkorblist .article a.remove {
				position:absolute; top:0px; right:0px; width:30px; height:30px; line-height:30px; text-align:center; font-size:18px; z-index:2;
				transition:opacity .4s, color .4s;
			}
			#warenkorblist .article:hover a.remove { opacity:0.5; filter:alpha(opacity=50); }
			#warenkorblist .article a.remove:hover { opacity:1; filter:alpha(opacity=100); }
			#warenkorblist .article a.ajaxloader { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('../mm/blind.png') repeat; z-index:1; }
			#warenkorblist a.btn { display:block; font-weight:700; }


		/*view*/
			#warenkorb { padding-bottom:1px; }
			#warenkorb .tabs > ul { display:none; }
			#warenkorb .tabs > ul.block { display:block; }

			#warenkorb .header,
			#warenkorb .article { position:relative; padding:10px; border-bottom:1px transparent solid; }
			#warenkorb .header { border-bottom:1px transparent solid; font-weight:700; line-height:30px; }
			#warenkorb .article { transition:background .4s; }
			#warenkorb .header:after,
			#warenkorb .article:after { content:''; display:block; clear:both; }
			#warenkorb .header > div,
			#warenkorb .article > div { float:left; padding:0 50px 0 0; box-sizing:border-box; }
			#warenkorb .bezeichnung { width:calc(100% - 550px); line-height:15px; line-height:1.5rem; }
			#warenkorb .header .bezeichnung { line-height:30px; }
			#warenkorb .anzahl { position:relative; z-index:2; width:150px; text-align:center; }
			#warenkorb .anzahl input[type="text"] { width:100%; padding:0px 10px; text-align:center; }
			#warenkorb .preis,
			#warenkorb .gesamt { width:200px; text-align:right; }
			#warenkorb .article .bild { position:absolute; left:10px; width:50px; padding:0; }
			#warenkorb .article .bild .placeholder { width:100%; height:50px; display:block; }
			#warenkorb .article .bezeichnung { padding-left:60px; }
			#warenkorb .article .bezeichnung > div { font-size:13px; font-size:1.3rem; color:#999; }
			#warenkorb .article .absolute { position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; background:url('../mm/blind.png') repeat; }
			#warenkorb h2 { font-size:15px; font-size:1.5rem; line-height:19px; line-height:1.9rem; }
			#warenkorb .article a.remove {
				position:absolute; z-index:2; top:1px; right:5px; width:30px; height:30px; font-size:17px; line-height:25px; text-align:center;
			}
			#warenkorb .header.total { padding-top:0px; padding-bottom:0px; border-bottom:2px transparent solid; }
			#warenkorb .header.zwischensumme { background-color:#ededed; color:#999; padding:0px 10px;  }

			#warenkorb .box {
				margin-bottom:30px; border-bottom:1px transparent solid; border-top-width:0; box-sizing:border-box; overflow:hidden;
			}
			#warenkorb .box:after { content:''; display:block; clear:both; }
			#warenkorb .box.empty { border-top-width:1px; }
			#warenkorb .box .content { position:relative; padding:10px; }
			#warenkorb .box .content p { padding-bottom:5px }
			#warenkorb .box .content:after { content:''; display:block; clear:both; }
			#warenkorb .box .content span { display:inline-block; width:180px; font-weight:600;  }
			#warenkorb .box .content[class*="cols-"] { margin-left:-30px; }
			#warenkorb .box .content[class*="cols-"]:after { content:""; display:block; clear:both; }
			#warenkorb .box .content[class*="cols-"] > div { float:left; padding-left:30px; box-sizing:border-box; }
			#warenkorb .box .content.cols-2 > div { width:50%; }
			#warenkorb .box .content.cols-3 > div { width:33.33%; }
			#warenkorb .box .content.cols-4 > div { width:25%; }
			#warenkorb .box .content[class*="cols-"] > div.full { float:none; width:auto; }
			#warenkorb .box .checkboxCheck { margin-bottom:0; }

			/*Ladebalken*/
				#loading { position:relative; margin-bottom:20px; min-height:30px; line-height:0; display:block; overflow:hidden; }
				#loading > div {
					position:relative; display:inline-block; width:0px; height:40px; text-align:right; z-index:1;
					overflow:hidden; transition:all .8s;
				}
				#loading > div:before { content:''; font-family:FontAwesome; font-size:20px; line-height:40px; padding-right:10px; }
				#loading.step1of4 > div { width:25%; }
				#loading.step1of4 > div:before { content:"\f02c"; }
				#loading.step2of4 > div { width:50%; }
				#loading.step2of4 > div:before { content:"\f040"; }
				#loading.step3of4 > div { width:75%; }
				#loading.step3of4 > div:before { content:"\f002"; }
				#loading.step4of4 > div { width:100%; }
				#loading.step4of4 > div:before { content:"\f00c"; }

				#loading.step3of5 > div { width:60%; }
				#loading.step3of5 > div:before { content:"\f00c"; }
				#loading.step4of5 > div { width:80%; }
				#loading.step4of5 > div:before { content:"\f00c"; }
				#loading.step5of5 > div { width:100%; }
				#loading.step5of5 > div:before { content:"\f00c"; }

				#loading ul { position:absolute; top:4px; right:0; bottom:0; left:0; z-index:2; list-style:none; padding:0; display:none; }
				#loading ul > li {
					position:relative; float:left; height:100%; padding:0 20px; line-height:28px; border:2px transparent solid;
					box-sizing:border-box; cursor:default; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
				}
				#loading.step1of4 ul.steps4,
				#loading.step2of4 ul.steps4,
				#loading.step3of4 ul.steps4,
				#loading.step4of4 ul.steps4 { display:block; }

				#loading.step1of4 ul.steps4 > li,
				#loading.step2of4 ul.steps4 > li,
				#loading.step3of4 ul.steps4 > li,
				#loading.step4of4 ul.steps4 > li { width:25%; }

				#loading.step1of5 ul.steps5,
				#loading.step2of5 ul.steps5,
				#loading.step3of5 ul.steps5,
				#loading.step4of5 ul.steps5,
				#loading.step5of5 ul.steps5 { display:block; }

				#loading.step1of5 ul.steps5 > li,
				#loading.step2of5 ul.steps5 > li,
				#loading.step3of5 ul.steps5 > li,
				#loading.step4of5 ul.steps5 > li,
				#loading.step5of5 ul.steps5 > li { width:20%; }

			/*Zahlungsinformationen*/
				#warenkorb .box .content strong { font-weight:700; line-height:30px; }

			/*AGB*/
				#warenkorb .agb {  }
				#warenkorb .agb .content { padding-right:200px; }
				#warenkorb .agb a { position:absolute; top:10px; right:10px; width:180px; z-index:2; }
				.cshop.agb .text { max-height:600px; overflow:auto; padding-right:10px; }

			/*Zahlungsart*/
				#warenkorb .whitebox { margin-bottom:20px; }

			/*Controls*/
				#warenkorb .controls { padding-bottom:30px; }
				#warenkorb .controls:after { content:''; display:block; clear:both; }
				#warenkorb .controls > div { float:left; width:50%; height:40px; box-sizing:border-box; }
				#warenkorb .controls > div > * { width:270px; }
				#warenkorb .controls .prev { float:left; }
				#warenkorb .controls .next { float:right; font-weight:700; }
				#warenkorb .controls .load { float:right; width:40px; height:40px; line-height:40px; font-size:20px; display:none; }

			/*Benutzername vergessen*/
				#warenkorb .benutzer button { width:100%; }


			/*Warenkorb*/
				/*viewue*/
					#warenkorbue:before { color:#51C8E5; }
					#warenkorbue .counter { color:#00B0DB; background-color:#fff; border-color:#51C8E5; }

				/*Listtrigger*/
					#cart_trigger > .counter { background-color:#fff; color:#E51825; }

				/*List*/
					#warenkorblist h2 { color:#E51825 }
					#warenkorblist .article { border-bottom-color:#E51825; }
					#warenkorblist .articles > form:nth-child(2n) { background-color:#f5f5f5; }
					#warenkorblist .article:hover { background:#ededed; }
					#warenkorblist .article .placeholder { background-color:#fff; border-color:#ccc; }
					#warenkorblist .bezeichnung { color:#E51825; }
					#warenkorblist .article a.remove { color:#E51825; }
					#warenkorblist a.btn { color:#fff; background-color:#E51825; }

				/*view*/
					#warenkorb a.btn,
					#warenkorb button { background-color:#73D3EB; }
					#warenkorb .articleEnd { border-top-color:#00B0DB; }
					#warenkorb .header, #warenkorb .article { border-bottom-color:#00B0DB; }
					#warenkorb .header { background-color:#00B0DB; border-bottom-color:#00B0DB; color:#fff; }
					#warenkorb h2 { padding-bottom:0; }
					#warenkorb .article:hover { background-color:#f5f5f5; }
					#warenkorb .article a.remove { color:#E51825; }
					#warenkorb .header.total { border-bottom-color:#000; }
					#warenkorb .header.zwischensumme { border-top-color:#65A3C6; }
					#warenkorb .header.zwischensumme > div,
					#warenkorb .header.total > div { line-height:40px }
					#warenkorb .box { background-color:#ededed; border-bottom-color:#00B0DB; }

					/*Formular-Farben*/
						#warenkorb .box input[type=text],
						#warenkorb .box input[type=email],
						#warenkorb .box input[type=password],
						#warenkorb .box textarea,
						#warenkorb .box .checkboxCheck > div > label:before { background-color:#fff; }

					/*Ladebalken*/
						#loading { background-color:#73D3EB; }
						#loading > div { background-color:#00B0DB; }
						#loading > div:before { color:#fff; }
						#loading ul > li { color:#fff; }
						#loading ul > li:before { top:2px; color:#fff; }
						#loading ul > li:not(:last-of-type):after { background-color:#fff; }

					/*Controls*/
						#warenkorb .controls .next { background-color:#E51825; color:#fff; }
						#warenkorb .controls .load { color:#00B0DB; }


/*Paging*/
	.paging {margin-left:-30px; font-size:17px; font-size:1.7rem; line-height:27px; line-height:2.7rem; }
	.paging a { height:40px; background-color:#00B0DB; color:#fff; }
	.paging a:hover { background-color:#97D9F0; }
	.paging > div { width:33.33%; padding-left:30px; }
	.paging > div a.btn { padding-top:5px; padding-bottom:5px; }
	.paging .paging_content a { width:40px; line-height:37px; font-size:25px; }
	.paging .paging_content .ajaxpaging_text { line-height:40px; padding:0 20px; }
	.paging a.ajaxpaging_back:before,
	.paging a.ajaxpaging_go:before { font-family:FontAwesome; }
	.paging a.ajaxpaging_back:before { content:"\f053"; font-size:16px; }
	.paging a.ajaxpaging_go:before { content:"\f054"; font-size:16px; }

/* Paging Footer Artikel */
	#dsarticlefooter .paging a { height:40px; color:#fff; background-color:#97D9F0; }
	#dsarticlefooter .paging a:hover { background-color:#fff; color:#00B0DB; }
	#dsarticlefooter .paging > div { width:25%; padding-left:30px; }

/*Searchpanel Filter*/
	.searchpanel .filter { display:none; margin-bottom:8px ; line-height:0; }
	.searchpanel .filter a { display:block; width:100%; padding:8px 0px; box-sizing:border-box; }
	.searchpanel .filter a.btn.show{ display:none}
	.searchpanel .filter a:hover { color:#fff}
	.searchpanel > form{margin-left:-30px; }
	.searchpanel > form > div { width:33.333%; padding-left:30px; padding-bottom:30px; }
	.searchpanel > form > div > button {max-width:none; }

	.searchpanel div.append_button { position:relative; padding-right:40px; z-index:1 }
	.searchpanel div.append_button > input[type=text] { position:relative; z-index:2; }
	.searchpanel div.append_button > button { position:absolute; z-index:3; top:0; right:0; width:40px; text-align:center; }
	.searchpanel div.append_button > button:before { content:"\f002"; font-family:FontAwesome; }
	.searchpanel div.append_button > button:hover { color:#fff; }


/*Cookie-Notification*/
	.cookie-notification {
		position:fixed; z-index:70; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.8);
		transform:translateY(100%); opacity:0; filter:alpha(opacity=0); visibility:hidden; animation:showCookieNotification .7s 1s forwards;
	}
	.cookie-notification.hide {
		animation:hideCookieNotification .7s forwards;
	}
	.cookie-notification-inner { position:relative; padding:15px 35px 15px 15px; font-size:15px; line-height:25px; color:#fff; }
	.cookie-notification-inner:after { content:""; display:block; clear:both; }
	.cookie-notification-inner a { color:#00a5b4; text-decoration:underline; }
	.cookie-notification-close { display:block; position:absolute; top:15px; right:5px; width:25px; height:25px; cursor:pointer; }
	.cookie-notification-close:before,
	.cookie-notification-close:after { content:""; display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#fff; transform-origin:center top }
	.cookie-notification-close:before { transform:translateY(-50%) rotate(45deg); }
	.cookie-notification-close:after { transform:translateY(-50%) rotate(-45deg); }

	@keyframes showCookieNotification {
		0% { transform:translateY(100%); opacity:0; filter:alpha(opacity=0); visibility:hidden; }
		100% { transform:translateY(0%); opacity:1; filter:alpha(opacity=100); visibility:visible; }
	}
	@keyframes hideCookieNotification {
		0% { transform:translateY(0%); opacity:1; filter:alpha(opacity=100); visibility:visible; }
		100% { transform:translateY(100%); opacity:0; filter:alpha(opacity=0); visibility:hidden; }
	}

/*Animations*/
	@keyframes animate_header { from { transform:translate(0,0); } to { transform:translate(0,120px); } }

	/*item panel*/
	@keyframes slidein { from { filter:alpha(opacity=0); opacity:0; transform:translateY(50px); transform:translateY(5rem); } to { filter:alpha(opacity=100); opacity:1; transform:translateY(0px); } }

	/*Pfeilanimation startseite*/
	@keyframes pfeilanimation { 0% { bottom:100px; } 30% { bottom:90px; } 100% { bottom:100px; } }

	/*Aktionen*/
	@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
	@keyframes spinR { from { transform:rotate(0deg); } to { transform:rotate(-360deg); } }

/* SEO Links */
	/*#dsmenuli_517064 { display:none; }*/
	#linksmbox.seo_hidden { width:0; height:0; overflow:hidden; }

/*IE Fixes*/
	/*IE9*/
	.ie9 #dsmenus > li.fixwidth:hover { transform:translateY(0); }



/* Counter */
	.counter-wrapper:after { display:block; content:""; clear:both; }
	.counter-wrapper > span { float:left; width:40px; height:40px; border:1px #ccc solid; box-sizing:border-box; color:#fff; font-size:15px; line-height:40px; text-align:center; font-weight:bold; cursor:pointer; }
	.counter-wrapper > .plus { background-color:#468847; }
	.counter-wrapper > .counter { background-color:#efefef; }
	.counter-wrapper > .minus { background-color:#E51825; }

	#warenkorb .article .anzahl { padding-right:0; }
	#warenkorb .article .anzahl .counter-wrapper > input { width:calc(100% - 80px); float:left; }


	.cshop.viewdet .spalte4 .controls-wrapper a.btn.remove { background-color:#E51825; }
	.cshop.viewdet .spalte4 a.btn.add > i { padding-right:5px; }
	.cshop.viewdet .spalte4 .controls-wrapper a.btn .fa { margin:0; }
	.cshop.viewdet .spalte4 .controls-wrapper:after { display:block; content:""; clear:both; }
	.cshop.viewdet .spalte4 .controls-wrapper > div:first-of-type { float:left; width:60%; }
	.cshop.viewdet .spalte4 .controls-wrapper > div:last-of-type { float:left; width:40%; padding-left:10px; box-sizing:border-box; }


	.cshop.viewdet .articles span.spalte4 div.hidden { display:none; }