/* =============================================================================
   Typography
   ========================================================================== */
   
/* ROOT TEXT */
html 					{ font-size: 18px; }

/* HEADLINES */
h1 					{ font-size: 1.8rem; }	/* Seitentitel */ 
h2 					{ font-size: 0.8rem; }	/* Rubrikentitel */ 
h3 					{ font-size: 1.0rem; }	/* Absatztitel */ 

/* TEXTE */
.ch_title 			{ font-size: 1.8rem; }	/* Title */		
.ch_intro			{ font-size: 1.0rem; 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.7rem; }	




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



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

/* DEFAULT */
.button,
.button-boarder,
.button-no-boarder { }

	/* HOVER */
	.button:hover,
	.button-boarder:hover{
		hover: 				none !important;
		background-color:	unset !important;
	}
		.button:hover span,
		.button-boarder:hover span,
		.button-boarder.greyed-out:hover span,
		.button-no-boarder:hover span {
			padding-left: 25px;
		}


   

/* =============================================================================
   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,
	#header .bt-notruf{
		width: 			152px;
		min-width: 		25px;
		height: 			25px;
	}
	#header .bt_back{
		width: 			30px;
		height: 			40px;
	}
	#header .lrg-lettering{
		width: 			130px;
		height: 			27px; /* 0.6 from logotype */
	}





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

.cd-content {
  	width: 		88vw;
	padding: 	17vh 6vw 0 6vw;
	/*border: 	solid 1px #0F0;*/
}

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




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


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



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

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

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

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


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

			position:		relative;
			top: 				5vh;
			width:			85%;
	  		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			{ width: 100%; }						/* Block 2-spalten breit */
.s1-3			{ width: 100%; }						/* Block 1/3-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: 			8px 12px 8px 12px;
}