/* =============================================================================
   Typography
   ========================================================================== */
   
/* ROOT TEXT */
html 			{ font-size: 17px; line-height: 1.5; letter-spacing: 0.03em;}





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


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




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


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

#header{  }
	#header .lrg-logo,
	#header .sml-logo{
		width: 				35%;
		min-width: 			100px;
		height: 			45px;
		
		background-size: 	auto 100%;
	    background-repeat:	no-repeat;
	}



/*-------------------------------*/
/*           Nav                 */
/*-------------------------------*/
.touch .cd-nav-trigger { 
	right:		2vw !important; 
	/*border: solid 1px #4CFF28;*/
}



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

#footer {
	/*left: 			calc(-52px + 3vw );
	bottom:				calc( 52px + 10vw );*/
	display: none;
}




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


/*.cd-section {
	min-height:	calc( 75vh + 300px) ; /* inkl. Gallery
	padding: 	25vh 4vw 0 4vw;
}*/

.cd-section {
	min-height: 75vh;
	padding: 	25vh 4vw 0 4vw;
}

#section1{ }
#section2{ 
	min-height:		130vh; 
	padding-top: 	20vh;
	padding-bottom: 20vh;
 }
	.projektGallery{
		top: 45vh !important;
	}
#section3,
#section4,
#section5{ 
	min-height:			unset;
	float: 				left;
	padding-bottom: 	10vh;
}

/*
#section3{ min-height:	130vh; }
#section4{ min-height:	220vh; }
#section5{ min-height:	170vh; }*/


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


/* PROJEKTE */
#section2 {  }
	#section2 .projektGallery{
		top: 55vh;
		height: 300px;
	}


/* KONTAKT */
#section5 {  }
	#section5 .col{
		text-align: center;
	}




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

/* COLUM */
.col 		{ margin-right: 0; }					/* Block mit Abstand */

/* WIDTH */
.s1			{ width: 100%; }						/* Block 1-spalte breit */
.s2			{ width: 100%; }						/* Block 2-spalten breit */
.s3			{ width: 100%; display: table; }		/* Block 3-spalten breit */


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

.s1-space	{ width: 100%; margin-right: 0; }		/* Block 1-spalte breit, rechts leer */
.s2-space	{ width: 100%; margin-right: 0; }		/* Block 2-spalten breit, rechts leer */


/* SPACING */
.spacing1x{
	margin-bottom:			15px;
	display: 				inline-block;
}
.spacing2x{
	margin-bottom:			30px;
	display: 				inline-block;
}
.spacing3x{
	margin-bottom:			45px;
	display: 				inline-block;
}
.spacing4x{
	margin-bottom:			60px;
	display: 				inline-block;
}
.spacing4x{
	margin-bottom:			75px;
	display: 				inline-block;
}


/* POSTITION */
.box-bottom{
	width: 			85%;
	bottom: 		5vh;
	position: 		absolute;
	vertical-align: bottom;
}