/* =============================================================================
   Typography
   ========================================================================== */

/* ROOT TEXT */

   
/* HEADLINES */


/* TEXTE */




/* =============================================================================
   Links
   ========================================================================== */

/* NAVIGATION */
.touch .linknav				{ font-family: 'Gilroy-Regular', Arial, sans-serif; font-size: 2.4rem; line-height: 1.2; }
.touch .linknav:hover		{ }
.touch .linknav:visited 	{ }
.touch .linknav:active		{ }




/* =============================================================================
   Buttons
   ========================================================================== */

   

/* =============================================================================
   Other Elements
   ========================================================================== */
   
   


/* =============================================================================
   Embedded Content
   ========================================================================== */


/*-------------------------------*/
/*            Header             */
/*-------------------------------*/

#header{
	padding-left: 		4vw;
	padding-top: 		4vw;
	padding-right:		4vw;

	/*border: solid 1px #0F0;*/
}
	#header .lrg-logo,
	#header .sml-logo{
		width: 				20%;
		min-width: 			90px;
		height: 			55px;
		
		background-size: 	auto 100%;
		/*background-position: 0px 0px;*/
	    background-repeat:	no-repeat;
	}



/*-------------------------------*/
/*           Footer              */
/*-------------------------------*/

#footer {
	left: 				calc(-52px + 3vw );
	bottom:				calc( 52px + 5vw );
}


/*-------------------------------*/
/*           Sections            */
/*-------------------------------*/

.cd-section {
	min-height:	85vh;
	padding: 	15vh 10vw 0 10vw;
}




/*-------------------------------*/
/*           Inhalte			 */
/*-------------------------------*/

/* PROJEKTE */
#section2 {  }
	#section2 .projektGallery{
		height: 400px;
	}
#section3,
#section4{ 
	min-height:			unset;
	float: 				left;
	padding-bottom: 	10vh;
}
#section5{ 
	clear: left;
}




/*-------------------------------*/
/*      GRID: 4-SPALTIG          */
/*-------------------------------*/


/* POSITION */
.s1-center, 
.s2-center,
.s3-center { width: 65%; margin-right: 17.5%;  margin-left: 17.5% }