/*  Author:   Martin Stettler (https://www.dieweberei.ch/)
    Version:  07/12/2023 // based on Bootstrap v5.2.3
*/

/* ==========================================================================
   HEADER
   ========================================================================== */

.keyvisual img {
   width: 100%;
   height: 100vh;
   object-fit: cover;
}

h1 {
   font-size: 28px;
}

.intro {
   position: absolute;
   bottom: 0;
   right: 0;
}

.logo {
   background: #FFF;
   width: 280px;
   height: auto;
   padding: 25px 25px 45px 25px;
}


.lead {
   width: 50vw;
   padding: 50px;
}

.enter {
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translate(-50%, -50%);
   display: block;
}

.enter span {
   display: block;
   content: '';
   background: url(../img/arrow-down.svg) no-repeat;
   width: 40px;
   height: 20px;
}

.enter:hover span {
   transform: translateY(10px);
}

@media only screen and (max-width: 992px) and (orientation: landscape) {
   .intro {
      position: relative;
   }

   .keyvisual img {
      height: auto;
      object-fit: contain;
   }

   .lead {
      width: 100vw;
   }

   .enter {
      display: none;
   }
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */

.unit {
   margin-top: 50px;
   margin-bottom: 50px;
}

.docs {
   background: linear-gradient(to bottom,
      #304C5C 0%,
      #304C5C 66%,
      #FFF 34%,
      #FFF 100%);
   ;
   padding-top: 50px;
   margin-bottom: 0;
}