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

/* HEADLINES */
h1 				{ font-size: 2.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.0rem; 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
   ========================================================================== */



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

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




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

#header{
   padding-left:     4vw;
   padding-top:      4vw;
   padding-right:    4vw;
}
   #header .lrg-logo,
   #header .sml-logo,
   #header .status{
      width:         210px;
      height:        35px;
   }
   #header .bt_back{
      width:         30px;
      height:        40px;
   }



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

/* START */

#section1 {  }
   #section1 .left,
   #section1 .right{
   }

   /* LEFT  */
   #section1 .left { }
      #section1 .left .textbox {
         margin-left:   4vw;
         margin-bottom: 3vw;
      }


/* FOOTER */
#footer{
   padding-bottom:   4vh;
   padding-right:    2vw;
}




/*-------------------------------*/
/*        NEWSLETTER FORM        */
/*-------------------------------*/

.newsletter { 
   max-width:  100%; 
}

.cr_form input[type="email"] {
   width: 80%;
}