/* =============================================================================
   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: 		5vw;
	padding-top: 		5vw;
	padding-right:		5vw;

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



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


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





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

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





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

.cd-section {
	ç
	padding: 	15vh 12vw 0 12vw;
}

#section1{ }
#section2{ min-height: 87vh; }
#section3,
#section4{ 
	min-height:			unset;
	float: 				left;
	padding-bottom: 	10vh;
}
#section5{ 
	clear: left;
}

.cd-scroll-down {
	bottom:		15vw;
}




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


.cd-content {
	min-height:	85vh;
	padding: 	15vh 12vw 0 12vw;
}





/*-------------------------------*/
/*             Büro		     	 */
/*-------------------------------

#section4{
	display: flex;
}
	#section4 .head {
		order: 1;
	}
	#section4 .txt {
		order: 3;
	}
	#section4 .img {
		order: 2;
	}
*/



/*-------------------------------*/
/*           Kontakt		     */
/*-------------------------------*/

#section5 .contact{
	width: 48%;
	margin-right: 		4%;
}






/*-------------------------------*/
/*      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: 60%; margin-right: 20%;  margin-left: 20% }

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


/* IPad (landscape) */
@media only screen 
and (max-width: 1024px) 
and (orientation : landscape)
{
/*	.col 		{ margin-right: 2%; }					
	.s1			{ width: 80%; }							
	.s2			{ width: 80%; }							
	.s3			{ width: 100%; display: table; }			*/
}



/* 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: 			70%;
	bottom: 		15vh;
	/*border: solid 1px #0C9;*/
}