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

/* HEADLINES */
h1 				{ font-size: 3.0rem; 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:     5vw;
   padding-top:      5vw;
   padding-right:    5vw;
}
   #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 */
   }



/* HOME */
#section1 {  }
   #section1 .left,
   #section1 .right{
   }

   /* LEFT */
   #section1 .left{
   }
      #section1 .left .title{

         position:      absolute;
         height:        auto;
         width:         85%;
         left:          3vw;

         margin:        unset;
         top:           50vh;
         /*bottom:        6vh;*/
      }


   /* RIGHT */
   #section1 .right{ 
   }
      #section1 .right .textbox{
         position:      absolute;

         width:         unset;
         left:          unset;
         margin:        unset;
         top:           50vh;

         padding-left:  4vw;
         padding-right: 4vw;
         /*bottom:        6vh;*/
      }
         #section1 .right .textbox span{
         }



/* FOOTER */
#footer{
   padding-left:     4vw;
}







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

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