@charset "utf-8";


/******************************
 *          Default
 ******************************/

 #dssubbody { padding-top:182px; transition:padding .4s; }

 /*** header ***/
	#dssiteheader { position:absolute; z-index:20; top:0; right:0; left:0; background-color:#fff; }
	#siteheader { position:relative; max-width:1360px; min-height:182px; margin:0 auto; transition:min-height .4s; }
	#logo-wrapper { position:absolute; z-index:20; left:0; top:0; width:280px; transform:translateY(-20px); transition:width .4s; }
	#logo { display:block; height:0; padding-bottom:100%; background:url(../svg/Logo_Sood52_gefuellt.svg) no-repeat center center; }
	.headerspace { height:40px; background-color:#edf1f1; }

	/*Scrolled*/
		.scrolled #dssubbody { padding-top:90px; }
		.scrolled #dssiteheader { position:fixed; }
		.scrolled #siteheader { min-height:90px; }
		.scrolled #logo-wrapper { width:150px; }


/*** menu ***/
	#nav { position:absolute; right:0; bottom:0; }
	#dsmenus { display:block; padding:0; }
	#dsmenus:after { content:""; display:block; clear:both; }
	#dsmenus > li { float:left; padding:0; }
	#dsmenus > li > a { padding:5px 10px; font-family:"Oswald", sans-serif; font-size:18px; line-height:20px; color:#87a3a2; }
	#dsmenus > li > a:hover,
	#dsmenus > li.dsmenu_active > a { background:#87a3a2; color:#fff; }



 /**** content header ***/
	#dscontentheader { position:relative; }
	#dscontentheader:after { content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../svg/header.svg) no-repeat center bottom; background-size:2575px 1112px; }
	#contentheader { max-width:2150px; margin:0 auto; }


	/*Artikel Anker*/
		.dsarticle:before { content:''; display:block; height:182px; margin-top:-182px; visibility:hidden; }
		.scrolled .dsarticle:before { height:90px; margin-top:-90px; }


/*Galerie*/

	.cgallery-overlay { position:absolute; left:calc((100vw - 2170px)/2); right:calc((100vw - 2170px)/2); bottom:0; top:0; }
	.cgallery-overlay .page-dots { position:absolute; left:0; right:0; bottom:50px; text-align:center; z-index:20; }
	.cgallery-overlay .page-dots button { display:inline-block; width:25px; height:25px; margin:0 5px; border:2px solid #fff; border-radius:50%; background:transparent; transition:all 0.4s; }
	.cgallery-overlay .page-dots button.is-selected { background:#fff; }

	.cgallery-overlay .overlay-text { position:absolute; left:300px; top:50%; transform:translate(0,-50%); width:590px; height:590px; background:url(../svg/hexagon.svg) no-repeat center center; background-size:contain; z-index:20; box-sizing:border-box; text-align:center; }
	.cgallery-overlay .overlay-text .textblock { position:absolute; top:50%; transform: translateY(-50%); padding: 0 75px; }
	.cgallery-overlay .overlay-text h3 { margin:0 0 10px 0; font-family:"Oswald"; font-size:35px; line-height:40px; color:#87a3a2; text-transform:uppercase; }
	.cgallery-overlay .overlay-text p { font-family:"Spectral"; font-weight:400; font-style:italic; font-size:35px; line-height:40px; padding-bottom:0; }
	/*.cgallery-overlay .overlay-text p:before,
	.cgallery-overlay .overlay-text p:after { content:"\f100"; display:inline-block; padding:0 5px; font-family:"Font Awesome 5 Pro"; font-weight:300; font-size:25px; }
	.cgallery-overlay .overlay-text p:after { content:"\f101"; }*/