/* =============================================================================
   Typography
   ========================================================================== */

/* ROOT TEXT */
html           { font-size: 22px; }

/* HEADLINES */
h1             { font-size: 4.0rem; line-height: 1.1; }                                                     /* Seitentitel */ 
h2             { font-size: 1.0rem; 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: 4.0rem; line-height: 1.1; }  /* Title */    
.ch_intro      { font-size: 1.6rem; line-height: 1.5; }  /* Intro */
.ch_notes,
.ch_notes_title{ font-size: 0.9rem; line-height: 1.8; letter-spacing: 0.05em; text-decoration: none }       /* Marginalien */





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

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




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






/* =============================================================================
   Content: Modules
   ========================================================================== */


/*-------------------------------*/
/*            Header             */
/*-------------------------------*/

#header{  }
   #header .lrg-logo,
   #header .sml-logo,
   #header .bt-notruf{
      display:          inline-block;
      width:            350px;
      height:           55px;
      vertical-align:   top;
      
      background-size:     auto 100%;
      background-position: left bottom;
      background-repeat:   no-repeat;
                                                      /*border: solid 1px #F00;*/
   }



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


/* ICON PLUS */
#plus{
   width:         25vh;
   height:        25vh;
}


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

   /* LEFT */
   #section1 .left{
   }
      #section1 .left .title{
         margin:        60vh 3vw 10vh 3vw;
      }

   /* RIGHT */
   #section1 .right { 
      background-color: var(--color3);
   }
      #section1 .right .textbox{
         margin:        60vh 3vw 10vh 3vw;
      }
         #section1 .right .textbox span{
         }



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

/* DEFAULT */
.button,
.button-boarder,
.button-no-boarder {
   border-radius:    40px;
}
   /* BUTTON WITH BORDER */
   .button-boarder {
      border:        solid 3px var(--color1);
   }