/* ==========================================================================
   LAYOUT
   Basic structure of the website. 
   ========================================================================== */

/*
 * PAGE
 */

.chunk-page {
    padding-top: 8.0em;
    position: relative;
    z-index: 5;
}

/*
 * HEADER
 */

.chunk-header {
    background-color: #ffffff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
}
  .chunk-header__wrap {
    align-items: center;
    display: flex;
    flex: 1;
    height: 10.0em;  /* reob 250905 Original: height: 8.0em; */
  }
  .chunk-header .chunk-logo {
    margin-right: 7.5em;
    width: 22.0em;  /* reob 250905 Original: width: 18.0em; */
  }
    .chunk-header .chunk-logo img {
      height: 9.5em;  /* reob 250905 Original: height: 8.0em; */
      width: 100%;
    }
  .chunk-header .chunk-showcase {
    display: flex;
    flex: 1;
  }
    .chunk-header .chunk-showcase__item {
      padding: 0 2.5em;
    }
      .chunk-header .chunk-showcase__link {
        align-items: center;
        display: flex;
        height: 8.0em;
        justify-content: center;
        position: relative;
      }
        .chunk-header .chunk-showcase__link span {
          font-size: 1.8em;
          font-weight: 600;
          letter-spacing: 0.1em;
          text-transform: uppercase;
        }
        .chunk-header .chunk-showcase__link:after {
          background-color: #c3d609;
          bottom: 0;
          content: '';
          display: block;
          height: 0.4em;
          max-width: 0;
          pointer-events: none;
          position: absolute;
          right: 0;
          transition: max-width 0.25s linear;
          width: 100%;
          z-index: 5;
        }
        .chunk-header .chunk-showcase__link:hover:after {
          left: 0;
          max-width: 100%;
          right: auto;
        }
    .chunk-header .chunk-lang {
      line-height: 1.2;
      margin-right: 4.0em
    }
      .chunk-header .chunk-lang span {
        font-size: 1.6em;
      }
      .chunk-header .chunk-lang .chunk-lang__item {
        display: inline-block;
        padding: 0 0.5em;
      }
      .chunk-header .chunk-lang .chunk-lang__item:hover {
        color: #c3d609;
      }
      .chunk-header .chunk-lang .chunk-lang__item.chunk-lang__item--act {
        font-weight: 600;
      }
  .chunk-header .chunk-burger {
    cursor: pointer;
  }
  .chunk-header .chunk-burger:hover {
    color: #c3d609;
  }
    .chunk-header .chunk-burger .chunk-icon {
      font-size: 3.5em;
    }

/*
 * HERO
 */
		
.chunk-hero {
    position: relative;
    z-index: 20;
}
  .chunk-hero__footer {
    display: flex;
  }
    .chunk-hero__controls,
    .chunk-hero__teaser {
      height: 8.0em;
      width: 50%;
    }
    .chunk-hero__controls {
      align-items: center;
      display: flex;
    }
    .chunk-hero__teaser {
      position: relative;
    }
  .chunk-hero .chunk-vista {
    background-color: #000000;
    overflow: hidden;
  }
    .chunk-hero .chunk-vista__item {
      float: left;
      width: 100%;
    }
      .chunk-hero .chunk-vista__item img {
        height: auto;
        width: 100%;
      }
  .chunk-hero .chunk-arrows {
    display: flex;
  }
    .chunk-hero .chunk-arrows__arrow {
      color: #C8C8C8;
      cursor: pointer;
      transition: transform 0.25s ease-in-out;
    }
    .chunk-hero .chunk-arrows__arrow:hover {
      color: #c3d609;
    }
    .chunk-hero .chunk-arrows__arrow.chunk-arrows__arrow--next {
      margin-left: 1.0em;
    }
    .chunk-hero .chunk-arrows__arrow.chunk-arrows__arrow--prev:hover {
      transform: translateX(-0.5em);
    }
    .chunk-hero .chunk-arrows__arrow.chunk-arrows__arrow--next:hover {
      transform: translateX(0.5em);
    }
      .chunk-hero .chunk-arrows__arrow .chunk-icon {
        font-size: 5.0em;
      }
  .chunk-hero .chunk-pagination {
    margin-left: 3.0em;
  }
  .chunk-hero .chunk-teaser {
    bottom: 0;
    color: #ffffff;
    max-width: 60.0em;
    position: absolute;
    right: 0;
    width: 100%;
  }
    .chunk-hero .chunk-teaser__wrap {
      background-color: #c3d609;
      height: 70vh;
      max-height: 75.0em;
      min-height: 45.0em;
      padding: 2.5em 5.0em;
    }
      .chunk-hero .chunk-teaser__content {
        height: 100%; /* for edge */
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
      }
        .chunk-hero .chunk-teaser__title span {
          font-size: 5.0em;
          font-weight: 700;
          text-transform: uppercase;
        }
        .chunk-hero .chunk-teaser__text {
          margin-top: 2.5em;
        }
          .chunk-hero .chunk-teaser__text p {
            font-size: 2.0em;
          }
    
/*
 * MAIN
 */

.chunk-main {
    position: relative;
    z-index: 10;
}

/*
 * FOOTER
 */

.chunk-footer {
    position: relative;
    z-index: 30;
}
  .chunk-footer__wrap {
    background-color: #000000;
    padding: 4.0em 0;
  }
    .chunk-footer__frame {
      color: #ffffff;
    }
    .chunk-footer__frame a {
      color: #ffffff;
    }
    .chunk-footer__frame a:hover {
      color: #ffffff;
      opacity: 0.8;
    }
  .chunk-footer .chunk-address {
    display: flex;
    justify-content: space-between;
  }
    .chunk-footer .chunk-address__left,
    .chunk-footer .chunk-address__center,
    .chunk-footer .chunk-address__right {
      font-size: 1.6em;
    }
    .chunk-footer .chunk-address__left,
    .chunk-footer .chunk-address__center {
      padding-right: 2.0em;
    }
    .chunk-footer .chunk-address__left {
      width: 43%;
    }
    .chunk-footer .chunk-address__center,
    .chunk-footer .chunk-address__right {
      width: 28.5%;
    }
  .chunk-footer .chunk-legal {
    display: flex;
    margin-top: 4.0em;
  }
    .chunk-footer .chunk-legal__left,
    .chunk-footer .chunk-legal__right {
      font-size: 1.2em;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    .chunk-footer .chunk-legal__right {
      margin-left: auto;
    }
      .chunk-footer .chunk-legal__break--phablet {
        display: none;
      }

/*
 * CONTACT
 */

.chunk-contact {
  left: 0;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 4.0em;
  z-index: 40;
}
  .chunk-contact__item {
    display: block;
    position: relative;
    margin-top: 0.5em;
  }
  .chunk-contact__item:first-child {
    margin-top: 0
  }
    .chunk-contact__icon,
    .chunk-contact__title {
      background: #c3d609;
      color: #ffffff;
      height: 4.0em;
    }
    .chunk-contact__icon {
      align-items: center;
      display: flex;
      justify-content: center;
      width: 4.0em;
    }
      .chunk-contact__icon .chunk-icon {
        font-size: 1.8em;
      }
    .chunk-contact__title {
      border-left: 2px solid #ffffff;
      display: none;
      left: 100%;
      line-height: 4.0em;
      padding: 0 1.0em;
      position: absolute;
      white-space: nowrap;
      top: 0;
      z-index: 5;
    }
    .chunk-contact__item:hover .chunk-contact__title {
      display: block;
    }
      .chunk-contact__title span {
        font-size: 1.4em;
        font-weight: 600;
      }

/*
 * Control
 */

.chunk-control {
  background-color: rgba(93, 93, 93, 0.35);
  backdrop-filter: blur(5px);
  display: none;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
.chunk-control.js-open {
  display: flex;
}
  .chunk-control__wrap {
    display: flex;
    justify-content: flex-end;
  }
    .chunk-control__frame {
      background-color: #c3d609;
      max-width: 60.0em;
      padding: 0 6.0em;
      width: 100%;
    }
      .chunk-control__header {
        align-items: center;
        display: flex;
        height: 8.0em;
        justify-content: flex-end;
      }
      .chunk-control__content {
        max-height: calc(100% - 8.0em);
        overflow-y: auto;
      }
  .chunk-control .chunk-close {
    color: #ffffff;
    cursor: pointer;
  }
  .chunk-control .chunk-close:hover {
    opacity: 0.8;
  }
    .chunk-control .chunk-close .chunk-icon {
      font-size: 3.5em;
    }
  .chunk-control .chunk-menu {
    color: #ffffff;
    max-height: 100%;
    padding: 2.5em 0;
  }
    .chunk-control .chunk-menu a {
      color: #ffffff;
    }
    .chunk-control .chunk-menu a:hover {
      color: #ffffff;
      opacity: 0.8;
    }
    .chunk-control .chunk-menu__lvl {
      list-style-type: none;
      padding: 0
    }
      .chunk-control .chunk-menu__item--lvl-1 {
        margin-top: 0.5em;
      }
      .chunk-control .chunk-menu__item--lvl-2 {
        margin-top: 0.25em;
      }
      .chunk-control .chunk-menu__item--lvl-1:first-child {
        margin-top: 0;
      }
        .chunk-control .chunk-menu__sub {
          padding-bottom: 1.5em;
          padding-left: 5.0em;
        }
          .chunk-control .chunk-menu__link {
            line-height: 1.2;
          }
          .chunk-control .chunk-menu__link--lvl-1 span {
            font-size: 3.5em;
            font-weight: 300;
          }
          .chunk-control .chunk-menu__link--lvl-2 span {
            font-size: 1.8em;
            font-weight: 600;
          }