

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


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

/* TEXTE */
.ch_bt_label      { font-size: 0.85rem; }  /* Button Label */   




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




/* =============================================================================
   Icons
   ========================================================================== */
   
i{
   transform-origin: top left;
   transform:        scale(1.2);
   margin-right:     25px;
}





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






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


/*-------------------------------*/
/*            NAVBAR             */
/*-------------------------------*/

#navbar { 
   padding:    30px var(--pagemargin-header) 25px var(--pagemargin-header);
}

   /* LOGO */
   #navbar .lrg-logo,
   #navbar .sml-logo {
      transform-origin: top left;
      transform:        scale(1.2);
                                                   /*border:  solid 1px #2433FF;*/
   }

   /* BURGER */
   #navbar .bt_burger {
      transform-origin: top right;
      transform: scale(0.8);
                                                   /*border:  solid 1px #2433FF;*/
   }


   /* MENU */
   #navbar .menu {
      padding-left:  var(--pagemargin-header);
      padding-right: var(--pagemargin-header);
   }

      /* KONTAKT NOTRUF 
      #navbar .menu .kontakt-emergency {
         right:         -1vw !important; /* hack 
         width:         33.3vw;
         padding-right: var(--pagemargin-header);
      }
       #navbar .menu .kontakt-emergency .links i{
            transform-origin: top left;
            transform:        scale(1.2);
            margin-right:     30px;
                                                                                 /*background-color: #FC00FD;
         }        */




/*-------------------------------*/
/*        HERO FULLSCREEN        */
/*-------------------------------*/

.hero-start{ }

   /* BRANDICON */
   .hero-start .brandicon{ 
      /* 1/3 of height in pixels */
      width:      400px;   
      height:     400px;
      top:        calc(85vh - 200px - 20px); 
      right:      var(--pagemargin-header);
   }

   /* IMAGE */
   .hero-start .imagebox{ 
      height:     85vh;
      padding-right:  var(--pagemargin-header);
      padding-left:   var(--pagemargin-header);
   }

      /* TITLE */
      .hero-start .imagebox .titlebox {
         margin-top: 40vh;
         width:      70%;
      }






/* =============================================================================
   CHANGE: BASE and ADDONS
   ========================================================================== */



/*-------------------------------*/
/*             PAGE              */
/*-------------------------------*/

/* PADDING */
:root {
   --pagemargin:        18vw;    /* padding left & right */
   --pagemargin-header: 5vw;     /* padding for hero elements */
}



/*-------------------------------*/
/*           BUTTONS             */
/*-------------------------------*/

/* BUTTON DEFAULT */
.button {
   padding:       6px 20px 6px 20px;
}
   .button span:after {
      transform:     scale(2.2);
      top:           -6px;
      right:         -20px;
   }
   .button:hover span {
      padding-right: 25px;
   }
