@charset "utf-8";


/****************** General ******************/
	html { font-size:62.5% !important; font-family:Arial, sans-serif; font-weight:400; color:#000; word-break:break-word; }
	body { font-size:inherit !important; line-height:inherit !important; font-family:inherit !important; margin:0; }
	body.dynasite { background:#edecea; }
	b, strong { font-weight:600; }
	.hidden { display:none; }
	.be-hidden { display:none !important; }
	.cb { clear:both; }
	.clearfix:after { content:''; display:block; clear:both; }
	.container { max-width:1530px; width:100%; padding:0 15px; margin:0 auto; background:#dedede; box-sizing:border-box; }
	p { padding-bottom:15px; }
	ol { padding-bottom:5px; padding-left:30px; }
	ol > li { padding-bottom:10px; }
	a, a:hover { color:#9b8c5f; text-decoration:none; }
	:focus { outline:none; }

	/*** Default Image ***/
		.placeholder.empty,
		 #ajaxdiv .gallery.empty { background-image:url('../svg/purabagno-logo-min-01.svg'); background-repeat:no-repeat; background-size:40%; background-position:center; opacity:0.5; }


/*Header*/
	#dssiteheader { background:#1d1d1b; }
	#siteheader { position:relative; background:#1d1d1b; }
	#siteheader:after { content:''; clear:both; display:block; }


	/*** LOGO ***/
		#logo { position:absolute; right:0; width:300px; margin:10px 0; }
		#logo a { display:block; height:0; padding-bottom:27.5%; background:url('../svg/logo.svg') no-repeat center center; background-size:contain; }

	/*** NAV ***/
		#nav { width:100%; float:left; padding:70px 0 5px 0; }
		#dsmenus { position:relative; display:inline-block; width:100%; }
		#dsmenus a { font-family:'Hind'; font-size:2.4rem; line-height:2.8rem; text-decoration:none; color:#9b8c5f; }
		#dsmenus a:hover { color:rgb(123, 111, 76); }
		#dsmenus li { float:left; }
		#dsmenus > li > a { font-weight:500; }
		#dsmenus > li.dsmenu_active > a { color:#fff; }
		#dsmenus > li + li { margin-left:20px; }
		#dsmenus > li > ul { display:none; position:absolute; left:0; top:40px; z-index:3; }
		#dsmenus > li.dsmenu_active > ul { display:block; }
		#dsmenus > li > ul:after { content:""; clear:both; display:block; }
		#dsmenus > li > ul > li { margin-top:23px; }
		#dsmenus > li > ul > li + li { margin-left:25px; }
		#dsmenus > li > ul > li:after { content:"/"; font-size:2.0rem; color:#9b8c5f; }
		#dsmenus > li > ul > li > a { font-size:20px; font-size:2.0rem; line-height:40px; line-height:4.0rem; }
		#dsmenus > li > ul > li.dssubmenu_active > a,
		#dsmenus > li > ul > li.dssubmenu_active:after { color:rgb(70,60,45); }


/*Inhalt*/
	/*DSContentheader*/
		#dscontentheader { position:relative; height:calc(100vh - 217px); }
		#dscontentheader .gallery-wrapper { height:calc(100vh - 190px); padding:0; }

		.overlay_container { position:absolute; bottom:60px; z-index:1; left:70%; transform:translateX(-50%); display:grid; grid-template-columns:1fr 1fr; gap:30px; }
		.overlay_container .overlay_button { position:relative; width:300px; border:1px #fff solid; box-sizing:border-box; box-shadow:0 0 15px #000; }
		.overlay_container .overlay_button a { display:block; height:0; padding-bottom:100%; }
		.overlay_container #overlay_button_left a { background:url('../mm/NEU_Homepage_Lara_Seite_2.png') no-repeat center center/contain; }
		.overlay_container #overlay_button_right a { background:url('../mm/anmeldung-infoevent.png') no-repeat center center/contain; }


	/*Spalten*/
		#dscolumn1_2,
		#dscolumn2_2 { box-sizing:border-box; }
		#dscolumn1_2 { float:left; width:60%; padding-right:30px; }
		#dscolumn2_2 { float:right; width:40%; padding-left:30px; }


	/*Artikel*/
		.dsarticle { font-family:'Hind'; font-weight:300; font-size:21px; font-size:2.1rem; line-height:30px; line-height:3.0rem; color:#463c2d; padding-bottom:30px; }
		h1,
		h2,
		h1[class^="dstitle_"],
		h2[class^="dstitle_"] { font-size:32px; line-height:40px; font-weight:600; padding:0; margin:0 0 20px 0; }
		h1[class^="dstitle_"] a,
		h2[class^="dstitle_"] a { color:#463c2d; }
		.dsarticle h3 { font-size:25px; line-height:30px; font-weight:600; padding:0; margin:0 0 20px 0; }

		div[class^="dsbody_"] > ul { padding-bottom:5px; }
		div[class^="dsbody_"] > ul > li { position:relative; padding:0 0 10px 30px; }
		div[class^="dsbody_"] > ul > li:before { content:""; position:absolute; top:8px; left:7px; height:10px; width:10px; border-radius:5px; background:#9b8c5f; z-index:1; }
		div[class^="dsbody_"] > ul > li:after { content:''; position:absolute; left:5px; top:6px; height:14px; width:14px; border-radius:6px; background:#fff; z-index:0; transition:all 0.4s; }

		/*DSOption*/
			a[class^="dsoption_"] { line-height:32px; line-height:3.2rem; }
			a[class^="dsoption_"]:before { content:''; top:13px; height:10px; width:10px; border-radius:5px; background:#9b8c5f; z-index:1; transition:all 0.4s; }
			a[class^="dsoption_"]:after { content:''; position:absolute; left:5px; top:11px; height:14px; width:14px; border-radius:6px; background:#fff; z-index:0; transition:all 0.4s; }
			a[class^="dsoption_"]:hover:before { background:#fff; }
			a[class^="dsoption_"]:hover:after { background:rgba(145,5,80); }

		/*DSLinklist*/
			div[class^="dslinklist_title_"] { padding:0 0 10px; }
			ul[class^="dslinklist_"] { padding-bottom:5px; }
			ul[class^="dslinklist_"] > li { margin-bottom:10px; }
			ul[class^="dslinklist_"] > li > a:not(.dsbutton) { line-height:32px; line-height:3.2rem; border-bottom:1px solid #bbb; }
			ul[class^="dslinklist_"] > li > a:not(.dsbutton):before { content:''; top:13px; height:10px; width:10px; border-radius:5px; background:#9b8c5f; z-index:1; transition:all 0.4s; }
			ul[class^="dslinklist_"] > li > a:not(.dsbutton):after { content:''; position:absolute; left:5px; top:11px; height:14px; width:14px; border-radius:6px; background:#fff; z-index:0; transition:all 0.4s; }
			ul[class^="dslinklist_"] > li > a:not(.dsbutton):hover:before { background:#fff; }
			ul[class^="dslinklist_"] > li > a:not(.dsbutton):hover:after { background:rgba(145,5,80); }


		/*Artikeldesign 2*/
			.dsarticle_2 { background:#9B8C5F; padding:15px; margin-bottom:30px; color:#fff; }
			.dsarticle_2 a { color:#fff; }
			h1[class="dstitle_2"] a,
			h2[class="dstitle_2"] a { color:#fff; }

		/*Artikeldesign 3*/
			.dsarticle_3 { background:rgba(155,140, 95,0.6); padding:40px 0 0 0; margin-bottom:0px; }


/*Fusszeile*/
	#dssitefooter { position:fixed; bottom:0; left:0; width:100%; background:#9b8c5f; z-index:3; border-top:1px #EDECEA solid; }
	#sitefooter {
		position:relative; padding-top:30px; padding-bottom:30px;
		font-family:'Hind'; font-size:1.8rem; line-height:2.6rem; color:#fff;
	}
	#sitefooter a { color:#fff; text-decoration:none; }
	#sitefooter a:hover { color:#cdc6af; }
	#sitefooter .instagram { margin:0 0 0 10px; font-size:13px; }
	#sitefooter .instagram a { transform:translateY(-2px); }
	#sitefooter .instagram:before { display:none; }
	#sitefooter-inner { padding:17px 0 0 0; }

	#adresse { float:left; }
	#adresse a:hover { color:#cdc6af; }
	#adresse span + span:before { content:"."; padding:0 5px 0 5px; }
	#footer-logo { position:relative; float:right; padding-left:180px; }
	#footer-logo span { position:absolute; top:0; left:0; color:#cdc6af; }
	#footer-logo a {
		float:left; height:50px;
		background-size:contain; background-position:center; background-repeat:no-repeat;
	}
	#footer-logo a.grueterag { width:150px; background-image:url('../svg/grueter-logo.svg'); }
	#footer-logo a.hug-sh { width:77px; margin-left:15px; background-image:url('../svg/logo_hug_sh.svg'); opacity:.6; }

	.footer-adresse { position:relative; float:right; }
	.footer-adresse__title { font-weight:700; }
	.footer-adresse__elements { display:flex; column-gap:30px;   }
	.footer-adresse__element { position:relative; display:flex; column-gap:15px;  }
	.footer-adresse__picture { position:relative; display:block; width:130px; height:auto; aspect-ratio:4/3;  }
	.footer-adresse__picture--hug { width:90px;  aspect-ratio:1/1;  }
	.footer-adresse__image { width:100%; height:100%; object-fit:contain;}


	/*** Scroll to top ***/
		#scrolltop { position:fixed; bottom:75px; width:35px; height:35px; right:30px; border-radius:100%; border:1px #EDECEA solid; color:#fff; background:#9b8c5f; text-decoration:none; line-height:35px; transition:.4s all; }
		#scrolltop:hover { background:#A70053; }


/*Formular*/
	input[type=text], input[type=email], input[type=password], button { height:40px;  }
	.cis-select > div,
	input[type="text"],
	input[type=email],
	textarea,
	button { border:1px solid #9b8c5f; background:#fff; color:#666; font-size:19px; line-height:30px; font-weight:100; font-family:'Hind'; }
	button[type="submit"] { margin-top:10px; }

	input[type="text"]:disabled { background:#ddd; }

	textarea { padding-top:5px; padding-bottom:5px; line-height:25px; line-height:2.5rem; }

	.formbest { margin:10px 0; font-size:19px; line-height:30px; }
	.formbest:before { font-size:inherit; }

	/*Cis-Select*/
		.cis-select { width:100%; height:40px; }
		.cis-select:after { z-index:3; width:40px; height:40px; line-height:40px; }
		.cis-select > div { padding-right:40px; }
		.cis-select ul > li { padding-top:10px; padding-bottom:10px; }
		.cis-select ul > li.selected { background-color:#910550; color:#fff; }
		.cis-select ul > li.highlight { background-color:#9b8c5f; color:#fff; }

	.f1_row { width:100%; padding-bottom:10px; }
	#FormError > div { width:100%; }
	.f1_row > div { width:50%; box-sizing:border-box; }
	.f1_row > div.one { width:100%; }
	.f1_row > div.l_column { float:left; padding-right:5px; }
	.f1_row > div.r_column { float:right; padding-left:5px; }

	.submit-row button { width:100%; height:40px; margin-top:0; background:#9b8c5f; color:#fff; font-weight:700; border:1px #706546 solid; transition:.4s all; }
	.submit-row button:hover { background:#A70053; }

	.f1_row .f1_spamfilter input { width:auto; }
	.f1_row .f1_spamfilter label { font-size:20px; font-size:2rem; }

	.cb { clear:both; }

	input,
	.cis-select > div { height:40px; line-height:40px; }

	.cis-select > div { padding:0 30px 0 10px; box-sizing:border-box; }
	.cis-select ul { top:40px; }

	/* Wenn man Absenden drückt ohne Anrede auszuwählen, wird der Hintergrund nicht gesetzt */
	.cis-select.input_false > div { background:#D9534F;}

	.checkboxCheck.one { width:100%; font-size:19px; }
	.checkboxCheck.one.dsgv > div { padding-top:10px; }
	.checkboxCheck.one.dsgv > div > label { font-size:18px; line-height:24px; line-height:2.4rem;}
	.checkboxCheck > div label:before { border:1px #9b8c5f solid; background-color:#EAE7DE;	}
	.checkboxCheck.radio > div label:before { border-radius:50%; }
	.checkboxCheck.radio { width:100%;}
	.checkboxCheck.radio > div { width:auto; padding-right:40px; }
	.checkboxCheck.radio.one { margin-bottom:0; }
	.checkboxCheck.radio.one > div { padding-right:0; }

	/*Datepicker - Wunschtermin*/
	#wunschtermindiv > .ui-datepicker-inline { width:100% !important; box-sizing:border-box; }

/****************** Ajax ******************/
	#ajaxdiv { position:fixed; top:30px !important; bottom:30px; right:30px; left:30px; max-width:1500px; height:75vh; margin:auto; }
	#ajaxdiv h2{ font-size:28px; line-height:30px; margin-bottom:5px;  }

	#ajaxdiv > div { overflow:hidden; background-color:#ededed; padding-right:450px; }
	#ajaxdiv .gallery-wrapper { height:100%; padding-bottom:0; }
	#ajaxdiv .gallery-wrapper .cis-gallery { top:15px; right:15px; bottom:15px; left:15px; width:auto; height:auto; }
	#ajaxdiv .gallery-wrapper.thumbnails .cis-gallery .overflow { height:calc(100% - 100px); }
	#ajaxdiv .gallery-wrapper.thumbnails .cis-gallery .overflow .image-content .image { height:100% !important; }
	#ajaxdiv .popupcontent { position:absolute; right:0; bottom:0; top:0; width:450px; z-index:3; }
	#ajaxdiv .popupcontent.count0 { width:100% } /*kein Bild..*/
	#ajaxdiv .popupheader,
	#ajaxdiv .popupbody { position:absolute; right:0; width:100%; padding:15px 15px 0; box-sizing:border-box; background:rgba(255,255,255,.9); }
	#ajaxdiv .popupbody .absatz { padding-bottom:8px; }
	#ajaxdiv .popupbody .absatz img { max-width: 100%; height: auto !important; }
	#ajaxdiv .popupheader { height:75px; }
	#ajaxdiv .popupheader .logo { width:172px; height:50px; background:url('../svg/logo.svg') no-repeat left top; background-size:contain; }

	#ajaxdiv .popupbody { top:75px; bottom:0; overflow:auto; }
	#ajaxdiv > div.cnews.viewdet .popupbody { top:0; bottom:0; padding-top:75px; }
	#ajaxdiv  .cnews.viewdet .cis-gallery .overflow .inner-content .image-content .image { background-size:contain; }


	.popupbody { font-family:'Hind'; font-weight:300; font-size:20px; font-size:2.0rem; line-height:30px; line-height:3.0rem; color:#463c2d; }
	.popupbody > ul:not([class^="dslinklist_"]) { padding-bottom:5px; }
	.popupbody > ul:not([class^="dslinklist_"]) > li { position:relative; padding:0 0 10px 15px; }
	.popupbody > ul:not([class^="dslinklist_"]) > li:before { content:"\f0da"; font-family:FontAwesome; position:absolute; top:0; left:2px; }

	/*Vollbild*/
		#ajaxdiv.full { position:fixed; width:auto; max-width:none; height:auto; margin:0; }
		#ajaxdiv.full > div { padding-right:0; }
		#ajaxdiv.full .gallery-wrapper { position:absolute; top:0; right:0; bottom:0; left:0; width:auto; height:auto; padding-bottom:0; }
		#ajaxdiv.full .gallery-wrapper .cis-gallery { top:0; right:0; bottom:0; left:0; }
		#ajaxdiv.full .popupcontent { 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:#9b8c5f; color:#fff; transform:translateY(-50%);
		}
		#ajaxdiv.full .popupcontent > a.toggle:before,
		#ajaxdiv.full .popupcontent > a.toggle:after { content:""; display:block; position:absolute; left:8px; width:60%; height:1px; background-color:#fff; }
		#ajaxdiv.full .popupcontent > a.toggle:before { top:23px; transform:rotate(-45deg); }
		#ajaxdiv.full .popupcontent > a.toggle:after { top:38px; transform:rotate(45deg); }
		#ajaxdiv.full .popupcontent.show { transform:translate(0,0); }
		#ajaxdiv.full .popupcontent.show > a.toggle { transform:scale(-1,1) translateY(-50%); }

	/*Video*/
		#ajaxdiv.video { top:50% !important; right:auto; bottom:auto; left:50%; width:1280px; max-width:100%; height:auto; margin:0; transform:translate(-50%,-50%); }
		#ajaxdiv.video a.ajaxclose { right:auto; left:15px; }
		#ajaxdiv.video > div { height:0; padding-bottom:calc((720 / 1280) * 100%); padding-right:0; overflow:auto; }
		#ajaxdiv.video iframe { position:absolute; top:0; left:0; }

	/*Keine Galerie*/
		#ajaxdiv > div.no-gallery { padding-right:0; background-color:#fff; overflow:auto; -webkit-overflow-scrolling:touch; }
		#ajaxdiv > div.no-gallery .popupcontent { position:relative; top:auto; right:auto; bottom:auto; width:auto; }
		#ajaxdiv > div.no-gallery .popupheader,
		#ajaxdiv > div.no-gallery .popupbody { position:relative; right:auto; }
		#ajaxdiv > div.no-gallery .popupbody { top:auto; bottom:auto; overflow:visible; -webkit-overflow-scrolling:initial; }

	/*Ajax-Schliess-Button*/
		#ajaxdiv a.ajaxclose { position:absolute; z-index:8; top:15px; right:15px; width:50px; height:50px; background-color:#9b8c5f; }
		#ajaxdiv a.ajaxclose:before,
		#ajaxdiv a.ajaxclose:after { content:""; position:absolute; top:50%; left:0; width:100%; display:block; height:1px; transform-origin:50% 0; }
		#ajaxdiv a.ajaxclose:before { background-color:#fff; transform:rotate(-45deg); }
		#ajaxdiv a.ajaxclose:after { background-color:#fff; transform:rotate(45deg); }


/*Searchpanel*/
	.searchpanel { margin-bottom:10px; }
	.searchpanel > form { margin-left:0px; }
	.searchpanel > form > div { width:33.3%; padding:10px 0; }
	.searchpanel > form > div + div { padding-left:20px; }
	.searchpanel > form > .input input,
	.searchpanel > form > div > button { height:40px; }
	.searchpanel button { height:40px; background:#9B8C5F; color:#fff; }
	.searchpanel button.button {  line-height:40px; }
	.searchpanel button:hover { background:#A70053; }

	/*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}


/*Button*/
	.btn { font-size:20px; line-height:30px; background-color:#9B8C5F; color:#fff; }
	.btn:hover { background-color:#A70053; color:#fff; }

/*Paging*/
	.paging,
	.paging > div { font-size:20px; font-size:2rem; }
	.paging > div a.btn {  height:40px; line-height:40px;}
	.paging > div a { box-sizing:border-box; transition:.4s all; text-decoration:none; background:#9b8c5f; color:#fff; border:none; }
	.paging > div a:hover { background:#A70053; color:#fff; }
	.paging .paging_content .ajaxpaging_text { line-height:40px; }
	.paging .paging_content > div { height:40px; box-sizing:border-box; }
	.paging .paging_content a { background:#9b8c5f; transition:all .4s; border-radius:50%; width:35px; height:35px; line-height:35px; }
	.paging .paging_content a:hover { background:#A70053; }
	.paging .paging_content a:before { content:'\f061'; display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; font-family:'FontAwesome'; font-size:16px; }
	.paging .paging_content a.ajaxpaging_go:before { }
	.paging .paging_content a.ajaxpaging_back:before { content:'\f060'; }


/*** Karte ***/
	div.cmaps .editbalken { max-width:1500px; margin:0 auto; }
	#maps{ height:450px; margin-bottom:25px; max-width:1500px; width:100%; margin:0 auto; box-sizing:border-box; }
	div.infodiv { margin-top:10px; }
	div.infodiv p,
	div.infodiv p strong { font-size:17px; font-size:1.7rem; line-height:17px; line-height:1.7rem; letter-spacing:0.5px; }
	div.infodiv p strong{ font-size:20px; font-size:2.0rem; font-weight:700; }


/*Imagepool*/
	.cimagepool.slide { position:relative; z-index:1; }
	.cimagepool.editbalken { position:absolute; width:auto; top:10px; left:10px; z-index:3; }
	.cimagepool .cis-gallery .nav-points { position:fixed; left:30px; bottom:160px; width:100%; z-index:6;}
	.cimagepool .cis-gallery .nav-points .points-content { max-width:1420px; width:100%; padding:0 5px; margin:0 auto; box-sizing:border-box; }
	.cimagepool .cis-gallery .points-content .point { width:20px; height:20px; margin:7px; border:0; border-radius:100%; background:#9b8c5f; transform:translateX(-7px); }
	.cimagepool .cis-gallery .points-content .point.aktiv { background:rgb(145,5,80); }
	.cimagepool .cis-gallery .points-content .point span { display:none; }

	.cimagepool .cis-gallery #imagepool_slide_27 { cursor:pointer; }



/*** Partner ***/
	.cpartner .item.nodata {  }
	.cpartner .item .dsbutton { left:0; top:0; }
	.cpartner .item .box { border:1px #ccc solid; }
	.cpartner .item .placeholder { position:relative; height:0; padding-bottom:100%; }
	.cpartner .item .placeholder > div { top:15px; right:15px; bottom:15px; left:15px; background-size:80%; }


/*** Team ***/
	.cteam .item { padding-left:20px; box-sizing:border-box; }

	.cteam .item.full { width:100%; float:none; }
	.cteam .item.full.cat .box { border:none}
	.cteam .item.full.cat h3 { padding:8px 8px; margin:0; background:#9B8C5F; color:#fff; }

	.cteam .item .box { margin:0; }
	.cteam .item .placeholder { height:0; padding-bottom:110%; }
	.cteam .item .placeholder > div { background-color:#fff; background-position:top center; }

	.cteam .items .item .box:hover .text { transform:translateY(0); }

	.cteam .items .item .text {
		position:absolute; z-index:1; bottom:0; right:0; left:0; height:auto; padding:10px; box-sizing:border-box;
		background:rgba(155,140,95,0.8); color:#fff;
		font-size:18px; line-height:25px;
		transform:translateY(calc(100% - 40px)); transition:transform 0.4s;
	}
	.cteam .items .item .text:after { content:""; display:block; clear:both; }
	.cteam .items .item .text a { color:#fff; }
	.cteam .items .item .text h3 { font-size:20px; line-height:25px; font-weight:700; margin:0; padding-bottom:5px; }
	.cteam .items .item .text > div { min-height:18px; min-height:1.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.cteam .items .item .text > div.funktion { margin-bottom:10px; }
	.cteam .items .item .text > div.category { margin-bottom:10px; }
	.cteam .items .item .text > div.phone > a { position:relative; padding-left:20px; }
	.cteam .items .item .text > div.phone > a:before { content:"\f095"; font-family:FontAwesome; position:absolute; top:0; left:0; color:#A70053; }
	.cteam .item .text .icons:after { content:""; display:block; clear:both; }
	.cteam .item .text .icons > div { float:right; margin-left:10px; }
	.cteam .item .text .icons > div > a { display:block; min-width:40px; height:35px; text-align:center; line-height:35px; background-color:#cdc6af; color:#A70053; }
	.cteam .item .text .icons > div > a:before { font-family:"FontAwesome"; font-size:25px; }
	.cteam .item .text .icons > div.vcard > a:before { content:"\f2bb"; }
	.cteam .item .text .icons > div.mail > a:before { content:"\f0e0"; }
	.cteam .item .text .icons > div.url > a:before { content:"\f08e"; }
	.cteam .item .text .icons > div.phone_mobile { display:none; }


/*** Gallery ***/
	.cgallery .item { width:25%; }
	#dsarticlefooter .cgallery .box, #dsarticleheader .cgallery .box { padding-bottom:60%; }
	.cgallery .box { position:relative; padding-bottom:70%; }
	.cgallery .box .image { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; transform:scale(1.2); transition:all 2s; transition-timing-function:ease-out; }
	.cgallery .box:hover .image { transform:scale(1); }

	.cgallery.slide .gallery-wrapper { padding-bottom:30%; }
	.cis-gallery .nav-points { position:absolute; height:auto; width:auto; right:10px; bottom:0; padding:0; }
	.cis-gallery .nav-points .points-content .point { display:block; width:20px; height:20px; border:none; background:rgba(255,255,255,0.8)}
	.cis-gallery .nav-points .points-content .point:hover,
	.cis-gallery .nav-points .points-content .aktiv { background-color:#9B8C5F; }
	.cis-gallery .nav-points .points-content span { display:none !important; }


/*** 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 #C7BFA5; }
	.cnews.view .item .box:hover { border-color:#9B8C5F; }
	.cnews.view .item .box.bg3,
	.cnews.view .item .box.bg0 { background-color:#C7BFA5; }
	.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%,#C7BFA5 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 10px 15px; height:175px; background:none; font-size:18px; font-size:1.8rem; 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:#C7BFA5; }
	.cnews.viewue .flickity-wrapper div.content { width:100%; position:relative; }
	.cnews.viewue .flickity-wrapper .flickity-enabled { height:250px; }
	.cnews.viewue .flickity-wrapper div.placeholder { width:40%;height:240px; 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%; font-size:20px; font-size:2.0rem; line-height:29px; line-height:2.9rem; 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%,#C7BFA5 60%); }
	.cnews.viewue .flickity-wrapper div.text.full { width:100%; float:none; }
	.cnews.viewue .flickity-wrapper .fa { color:#9B8C5F; }
	.cnews.viewue .flickity-page-dots { display:none}
	.cnews.viewue .flickity-wrapper .flickity-prev-next-button { top:auto; top:-45px; left:auto; right:-15px; width:35px; height:35px; line-height:35px; background:#9B8C5F; color:#fff; transition:all .4s }
	.cnews.viewue .flickity-wrapper .flickity-prev-next-button:focus,
	.cnews.viewue .flickity-wrapper .flickity-prev-next-button:hover { background:#A70053; box-shadow:none; }
	.cnews.viewue .flickity-wrapper .flickity-prev-next-button:before { content:'\f061'; display:block; position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; font-family:'FontAwesome'; }
	.cnews.viewue .flickity-wrapper .flickity-prev-next-button.previous:before { content:'\f060'; }
	.cnews.viewue .flickity-wrapper .flickity-prev-next-button svg { display:none; }
	.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:20px; }


/*** Referenzen ***/
	.item.nodata { width:100% !important; }
	.item.nodata .box { padding:5px 15px; }
	.item.nodata .content .text h3 { white-space:normal; }

	.creferenzen .item { width:25%; }
	.creferenzen .box { position:relative; }
	.creferenzen .box .placeholder { height:280px; }
	.creferenzen .box .placeholder > div { background-position:center; background-repeat:no-repeat; background-size:cover; }
	.creferenzen .box .text {
		position:absolute; z-index:1; bottom:0; right:0; left:0; height:auto; padding:10px; box-sizing:border-box;
		background:rgba(155,140,95,0.8); color:#fff;
		font-size:18px; line-height:25px;
		transform:translateY(calc(100% - 40px)); transition:transform 0.4s;
	}
	.creferenzen .box .text h3 { font-size:20px; line-height:25px; font-weight:700; margin:0; padding-bottom:5px; }
	.creferenzen .box.in .text { transform:translateY(0); }
	.creferenzen .box .text > div { max-height:100px; overflow:hidden; }
	.creferenzen .box > a.absolute.ajaxloader { position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; }



	.creferenzen .popupheader { position:relative; width:250px; height:100px; background:url('../svg/logo.svg'); background-repeat:no-repeat; background-size:contain; }



/*Story*/

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

	/*Item*/
	.cstory .item.full { width:100%; float:none; }
	.cstory .item .box { border-color:#E8D7A5; transition:all 0.4s; }
	.cstory .items {margin-left:-30px; }
	.cstory .item { width:33.333%; margin-bottom:30px; }
	.cstory .item .dsbutton {z-index:10; }
	.cstory .item:hover a.absolute {z-index:8}
	.cstory .item .box { margin-left:30px; background-color:#F5FBFC; }
	.cstory .item .boxnodata { margin-left:30px; }
	.cstory .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); }
	.cstory .item.full .content .text,
	.cstory .item.nodata .content .text { transform:none; position:relative; height:auto; }

	.cstory .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; }
	.cstory .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; }


	.cstory .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%); }
	.cstory .placeholder { height:300px; top:0; left:0; width:100%; background:#EBF5F9; }

	.cstory .item.layout0 .content .text h3{ font-size:23px; font-size:2.3rem; line-height:25px; line-height:2.5rem; }
	.cstory .item .content .text { position:static; font-size:19px; font-size:1.9rem; 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; }
	.cstory .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; }
	.cstory .item .absolute:before { content:""; position:absolute; z-index:3; bottom:0; right:0; border-top:40px transparent solid;border-right:40px #9B8C5F solid; transition:border .7s; }

	/* 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:#E8D7A5; background:linear-gradient(rgba(232,215,165,0) 0%,#E8D7A5 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:#f8efdb; border:1px solid #ccc; }
		.cstory .item.grey .text,
		.cstory .item.grey .content { background:#E8D7A5; }
		.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:546px; }


		 	.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 { position:absolute; bottom:5px; height:auto; padding:20px 15px; background:none; }
		.cstory .item.layout1 h3 { padding:4px 10px; background:rgba(155,140,95,0.8); color:#fff; }

	/*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; }*/


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

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

		.cstory .flickity-wrapper .flickity-viewport { position:absolute; top:0; left:0; right:0; bottom:0; height:auto !important; }
		.cstory .flickity-wrapper .flickity-slider { position:absolute; top:0; left:0; right:0; bottom:0; }

		.cstory .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; }
		.cstory .flickity-wrapper .carousel-cell.is-selected { opacity:1; }

		.cstory .flickity-wrapper .flickity-prev-next-button { position:absolute; top:50%; left:20px; width:40px; height:40px; transform:translateY(-50%); border-radius:50%; background-color:#9b8c5f; line-height:46px; z-index:2; }
		.cstory .flickity-wrapper .flickity-prev-next-button.next { left:auto; right:20px; }
		.cstory .flickity-wrapper .flickity-prev-next-button:disabled { opacity:0; }
		.cstory .flickity-wrapper .flickity-prev-next-button .arrow { fill:#fff; }
		.cstory .flickity-gallery .flickity-page-dots { display:none; }



/*** SHADOW BOX ***/

/*#sb-info-inner { background:#9b8c5f; opacity:0.9; }*/


#sb-counter { position:absolute; float:left; padding-left:60px; font-size:20px; font-size:2.0rem; line-height:40px; line-height:4.0rem; }
#sb-counter a { padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#fff; }
#sb-counter a.sb-counter-current{ text-decoration:underline; }

#sb-nav { float:none; position:relative; width:100%; height:70px; }
#sb-nav:after { display:block; content:""; clear:both; }
#sb-nav a { padding:0 15px; }
#sb-info { top:-40px; height:40px; background:#9b8c5f; opacity:0.9; }
#sb-nav-play,
#sb-nav-pause { position:absolute; left:0; }

/*** Play ***/
#sb-nav-play:before { content:"\f04b"; padding-top:5px; }

/*** CROSS ***/
a#sb-nav-close { float:right; height:40px; padding-right:30px; background:#910550; }
#sb-nav-close:before { content:""; position:relative; top:5px; left:10px; height:1px; width:45px; background:#fff; transform:rotate(45deg); transform-origin:top left; }
#sb-nav-close:after { content:""; display:block; position:relative; height:1px; width:45px; top:5px; right:5px; background:#fff; transform:rotate(-45deg); transform-origin:top right; }


/*** PREV ***/
#sb-nav-previous:before {content:""; border-top:1px #fff solid; border-left:1px #fff solid; width:20px; height:20px; transform:rotate(-45deg) translateY(10px); transform-origin:top right; }

/*** NEXT ***/
#sb-nav-next:before { content:""; border-top:1px #fff solid; border-right:1px #fff solid; width:20px; height:20px; transform:rotate(45deg) translateX(20px) translateY(10px); transform-origin:top right; }

/* Pause */
#sb-nav-pause:before,
#sb-nav-pause:after { content:""; display:block; position:absolute; left:50%; top:10px; bottom:0; width:1px; background:#fff; }
#sb-nav-pause:before { left:35%; }
#sb-nav-pause:after { left:65%; }