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

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

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




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



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

#header{
   padding:          3vw;
}
   #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;*/
}



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


/* ICON PLUS */
#plus{
   width:         12vw;
   height:        12vw;
   top:           3vw;
   right:         3vw;
}



/* 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;*/
      }
      #section1 button {
         display:  none !important;
      }


   /* RIGHT */
   #section1 .right{ 
   }
      #section1 .right .textbox{

         position:      absolute;

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

         padding-left:  4vw;
         padding-right: 4vw;
      }
         #section1 .right .textbox span{
         }


/* KONTAKT & IMPRINT & DATENSCHUTZ */
#hero-kontakt { 
   height:           80vh;
   padding-top:      20vh;
   background-color: var(--color3);
                                                      /*border: solid 1px #F51828;*/
}



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




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

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