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

/* HEADLINES */
h1 				{ font-size: 3.2rem; line-height: 1.1; }																		/* Seitentitel */ 
h2 				{ font-size: 0.8rem; line-height: 1.4; letter-spacing: 0.15em; text-transform: uppercase;}	/* Rubrikentitel */
h3 				{ font-size: 1.0rem; line-height: 1.4; padding-bottom: 5px; }											/* Absatztitel */ 


/* TEXTE */
.ch_title 		{ font-size: 3.2rem; line-height: 1.1; }	/* Title */		
.ch_intro		{ font-size: 1.3rem; line-height: 1.5; }	/* Intro */
.ch_notes,
.ch_notes_title{ font-size: 0.8rem; line-height: 1.8; letter-spacing: 0.05em; text-decoration: none }			/* Marginalien */



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




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

/* BUTTONLABEL */
.ch_bt_label	{ font-size: 0.8rem; }	



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


   

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


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



/*-------------------------------*/
/*            HEADER             */
/*-------------------------------*/

#header{
	padding-left: 		6vw;
	padding-top: 		6vw;
	padding-right:		6vw;
}
	#header .lrg-logo,
	#header .sml-logo,
	#header .bt-notruf{
		width: 			245px;
		height: 			40px;
	}
	#header .bt_back{
		width: 			30px;
		height: 			40px;
	}
	#header .lrg-lettering{
		width: 			130px;
		height: 			27px; /* 0.6 from logotype */
	}





/*-------------------------------*/
/*				  SECTIONS           */
/*-------------------------------*/

.cd-section {  }

.cd-content {
	width: 		92vw;
	padding: 	15vh 4vw 0 4vw;
}

#section1 { padding: 0; min-height:	95vh;}
#section2 { }
#section3 { }
#section4 { }
#section5 { }





/*-------------------------------*/
/*				  CONTENT			 	*/
/*-------------------------------*/


/* ICON PLUS */
#plus{
	width:			18vw;
	height:			18vw;
	top: 				6vw;
	right: 			6vw;
}



/* HOME */
#section1 {  }
	#section1 .left,
	#section1 .right{
		margin-right:	0;
		width: 			100%;
	}

	/* LEFT */
	#section1 .left{
		height:  		50vh;
	}
		#section1 .left .title{

			position:		absolute;
			bottom:			5vh;
			width:			80%;
	  		left:				6vw;
	  		margin:  		unset;

			/*height:  		auto;
	  		margin: 			30vh 3vw 10vh 3vw;*/
		}


	/* RIGHT */
	#section1 .right{ 
		height:  		50vh;
	}
		#section1 .right .textbox{

			position:		relative;
			top: 				5vh;
			width:			80%;
	  		left:				6vw;
	  		margin:  		unset;
		}
			#section1 .right .textbox span{
			}


/* FOOTER */
#footer{
	width: 				100%;
	left:  				0;
	padding-left: 		6vw;
	padding-bottom:  	2vh;
	float:  left;
																		/*border: solid 1px #00F;*/
}
	#footer .links{
	}
	#footer span{
	}




	



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

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

/* WIDTH */
.s1			{ width: 100%; }						/* Block 1-spalte breit */
.s2			{  }										/* 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;
}
.spacing5x{
	margin-bottom:			75px;
	display: 				inline-block;
}
.spacing6x{
	margin-bottom:			90px;
	display: 				inline-block;
}
.spacing7x{
	margin-bottom:			105px;
	display: 				inline-block;
}




/*-------------------------------*/
/*			 	 BUTTON		    		*/
/*-------------------------------*/

/* DEFAULT */
.button,
.button-boarder,
.button-no-boarder {
	border-radius:		25px;
	padding: 			10px 18px 10px 18px;
}





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

/* WIDTH */
.s1-3       { width: 100%; }                /* Block 1/3-spalten breit */