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

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





/* =============================================================================
   Links
   ========================================================================== */
  
/* NAVIGATION */
.linknav.active   { padding-bottom: 2px; }





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








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




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

/* PADDING */
:root {
   --pagemargin:  3vw;     /* padding left & right */
}





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


   /* LOGO */
   .lrg-logo,
   .lrg-logo-white,
   .sml-logo {
      bottom:     4vh;
      left:       var(--pagemargin);
/*                                                                               border:  solid 1px red;*/
   }



/*-------------------------------*/
/*          HERO MASTER          */
/*-------------------------------*/



   /*-------------------------------*/
   /*       HERO 1-3 (Projekte)     */
   /*-------------------------------*/

   /* LINES */
   .hero.template-1-3 .border.line2 {
      /* left:       calc(66.66vw - 0.4vw);*/
      left: 66.5%;
   }






/*-------------------------------*/
/*      TEASER GROUP (1-3)       */
/*-------------------------------*/

.teaser-group-3 { }
      /* TXT + BUTTON */
      .teaser-group-3 .teaser .txt .button {
      }
         .teaser-group-3 .teaser .txt .button .label  {            
         }




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

#footer {
}


   #footer .contact  {
   }
      #footer .contact .social {
         text-align:    right;
      }

   #footer .imprint {
   }
      #footer .imprint .links {
         text-align:    right;

         height: auto !important;;  
         padding-bottom: 0 !important;
/*                                                                border:  solid 1px red;*/
      }







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




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


/* BUTTON DEFAULT */
button {  }

   /* ARROW IN CIRCLE */
   button .arrow,
   button .arrow-plain {
      width:            45px;
      height:           45px;
      transform:        translateY(-5px); /* feintuning */
   }
   button .arrow::before,
   button .arrow-plain::before {
      top:     5px; /* feintuning */
   }


   /* ARROW WITHOUT CIRCLE */
   button .arrow-plain {   
      top:        -10px !important;
      font-size:  1.8rem;
      transform:  translateX(40%);
   }