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


/* TEXTE */
.ch_notes,
.ch_notes_title { font-size: 0.8rem; line-height: 1.2; letter-spacing: 1px; }			/* Marginalien 	(0.8) */





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



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

   

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


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



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

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

	/*border: solid 1px #0F0;*/
}
	#header .lrg-logo,
	#header .sml-logo{
		width: 				35%;
		min-width: 			120px;
		height: 			45px;
		
		background-size: 	auto 100%;
		/*background-position:center bottom;*/
	    background-repeat:	no-repeat;
	}
	#header .bt_back{
		width: 				30px;
		height: 			40px;
	}




/*-------------------------------*/
/*           Nav                 */
/*-------------------------------*/
.touch .cd-nav-trigger { 
	right:		3vw; 
}



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

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



/*-------------------------------*/
/*          Slideshow            */
/*-------------------------------*/

#home	{ background-image: url('../images/slideshow/heroimage_intro_portrait.gif'); }




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

.cd-section {
	/*height: auto;
	min-height: unset;
	padding: unset;*/

	min-height:	83vh;
	padding: 	17vh 6vw 0 6vw;
}


/*
#section1{ }
#section3{ min-height:	100vh; }
#section4{ min-height:	120vh; }
#section5{ min-height:	110vh; }
*/
#section2{ 
	padding-top: 	10vh;
	padding-bottom: 0 !important;
	min-height:		70vh;
 }
	.projektGallery{
		top: 30vh !important;
	}
#section3,
#section4,
#section5{ 
	min-height:			unset;
	float: 				left;
	padding-bottom: 	5vh;
}





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


.cd-content {
	padding: 	17vh 6vw 0 6vw;
}


/* PROJEKTE */
#section2 {  }
	#section2 .projektGallery{
		top: 45vh;
		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;
}