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


/* ROOT TEXT */
html           { font-size: 17px; line-height: 1.5; letter-spacing: 0.03em; }

/* HEADLINES */ 
h1             { font-size: 2.7rem; line-height: 1.2; }              /* Headline */ 
h2             { font-size: 0.7rem; line-height: 1.4; }              /* Titel Rubric */ 
h3             { font-size: 1.8rem; line-height: 1.2; }              /* Titel Kapitel */ 
h4             { font-size: 1.2rem; }                                /* Absatztitel */  

/* TEXTE */
.ch_intro      { font-size: 1.2rem; line-height: 1.4; }              /* Intro */

/* BUTTONS */
.ch_bt_label   { font-size: 1.0rem ; line-height: 1.6; letter-spacing: 0.15em; } 

/* HIGHLIGHTING */
.label         { font-size: 0.7rem; line-height: 1.4; letter-spacing: 0.1em; }



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


/*-------------------------------*/
/*             Page              */
/*-------------------------------*/

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



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

#header{  }

   /* LOGO */
   #header .lrg-logo{
      width:         260px;
      height:        18px;
   }



/*-------------------------------*/
/*         HERO / INTRO          */
/*-------------------------------*/

#section1 {  
}
   .hero-teaser { 
   }
      /* TEXT INTRO */
      .hero-teaser .txt-intro {  
      }
         /* TEXT INTRO BOX */
         .hero-teaser .txt-intro .box{              
            grid-column: span 3 !important;
         }





/*-------------------------------*/
/*       FOCUS / POSITION        */
/*-------------------------------*/

/*#section2 {
}
   .focus {
   }
      /* Text Animation 
      .focus .txt-ani {
      }
   .focus .img-scroll{
   }
      .focus .txt {
      }
         .focus .txt .box {
            grid-column: span 2 !important;
            padding-right: 20%;
         }
*/



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

/* DEFAULT */
.button,
.button-boarder,
.button-no-boarder {
}
      .button span:after,
      .button-boarder span:after, 
      .button-no-boarder span:after {
                     
         background-size:  69px 17px;
         width:            69px; 
         height:           17px;
      }



/*-------------------------------*/
/*            SLIDER             */
/*-------------------------------*/
.projektGallery { }
   .owl-carousel { }

      /* NAV (Custom) */   
      .owl-nav{
         display:  none;
      }
      .btns{ }
         .customNextBtn, 
         .customPreviousBtn{
            display:  none;
         }
         .customPreviousBtn{
             margin-top:      0;
         }

   /* DOTS */
   .owl-theme .owl-dots { 
      text-align:    left;
   }
      .owl-theme .owl-dots .owl-dot {  }
          .owl-theme .owl-dots .owl-dot span {
            /* Circle */
            width:         10px;
            height:        10px;
          }



/*-------------------------------*/
/*           IMPRINT             */
/*-------------------------------*/

#impressum .txt,
#datenschutz .txt {
   grid-column: span 2 !important;
                                    /*border: solid 1px #FC253A;*/
}