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


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




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




/* =============================================================================
   Icons
   ========================================================================== */
   
i{
   width:            70px;
   height:           70px;
   margin-right:     25px;
}





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






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


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

#navbar { 
   padding-left:  var(--pagemargin-header);
   padding-right: var(--pagemargin-header);
}

   /* LOGO */
   #navbar .lrg-logo,
   #navbar .sml-logo {
      width:      190px;
      height:     58px;
   }

   /* BURGER */
   #navbar .bt_burger {
      transform-origin: top right;
      transform: scale(1.2);
   }



   /* 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{
         }     
            #navbar .menu .kontakt-emergency .links a {
               display:          flex;
               align-items:      center;
               text-decoration:  none;
            }
            #navbar .menu .kontakt-emergency .links i {
               margin-right:  30px;
            }
            #navbar .menu .kontakt-emergency .links.phone {
               margin-top:  5vh;
            }




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

.hero-start{ }
   .hero-start .diagonal-shape-left {  }

   .hero-start .titlebox {
      margin-right:  var(--pagemargin-header);
      margin-left:   var(--pagemargin-header);
   }




/*-------------------------------*/
/*          HERO SUBPAGE         */
/*-------------------------------*/

.hero-subpage{ 
   padding-top:  25vh !important; /* addtional padding */
}
   .hero-subpage .diagonal-shape {
      width:      100vw;
      height:     90vh;
      -webkit-clip-path: polygon(0 30%, 100% 0%, 100% 70%, 0% 100%);
   }




/*-------------------------------*/
/*        BUTTON: NOTRUF         */
/*-------------------------------*/

.bt_sticky-emergency {
   transform-origin: bottom right;
   transform:        scale(1.3);
   right:            var(--pagemargin-header);
}



/*-------------------------------*/
/*         TEXT: CENTER          */
/*-------------------------------*/

.txt-intro {
}
   .txt-intro .colpos-2-to-3 {
      grid-column: span 4 !important;
      margin-left:   10vw;
      margin-right:  10vw;
                                          /*background-color:  #D000C8;*/
   }




/*-------------------------------*/
/*             FOOTER            */
/*-------------------------------*/

#footer {
}
   #footer .logo {
      transform-origin: top left;
      transform: scale(1.2);

      /*background-color:  #D000C8;*/
   }








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



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

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




/*-------------------------------*/
/*         HOVER:EFFECTS         */
/*-------------------------------*/

/* LINK NAV: ANIMATE UNDERLINE */
.linknav.animate{  }
   .linknav.animate:after {
      height:     4px;
   }
   .linknav.animate:hover:after {  }




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

/* BUTTON DEFAULT */
.button {  }
   .button span{  }
   .button span:after {
      transform:  scale(1.4);
      top:        -2px;
   }

   /* BUTTON INVERS */
   .button.invers {  }
      .button.invers span:after{  }