.module-hero,
  .module-hero-navigation {
    position: relative;
    z-index: 101;
  }
  
  .module-hero-navigation {
    z-index: 102;
  }
  
  .module-hero {
    pointer-events: none;
    margin-top: -1px;
  }
  
  .module-hero .module-wrap {
    position: relative;
    z-index: 2;
    padding-top: max(100px, calc(110 * var(--base-unit)));
    padding-bottom: max(100px, calc(180 * var(--base-unit)));
    max-width: var(--grid-9);
    margin: 0 auto;
  }
  
  .module-hero .module-wrap > * {
    pointer-events: all;
  }

  .module-hero .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--base-color-dark-blue);
    z-index: 1;
    pointer-events: all;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-angle)), 0% 100%);
  }
  
  .module-hero .headline-1 {
    color: var(--base-color-light-green);
  }
  
  .module-hero .headline-2 {
    color: var(--base-color-rose);
    margin-top: max(25px, calc(25 * var(--base-unit)));
  }
  
  .module-hero .btn-set {
    margin-top: max(40px, calc(62 * var(--base-unit)));
  }
  
  
  
  
  
  
  
  
  .module-hero-slant {
    background: var(--hero-background-image) no-repeat center var(--header-height) / cover;
    background-attachment: fixed;
    clip-path: polygon(0 calc(0% + var(--slant-angle)), 100% 0, 100% calc(100% - var(--slant-angle)), 0% 100%);
    margin-top: calc((var(--slant-angle) + 0.1vw) * -1);
    height: 100vmin;
  }
  
  html.touchevents .module-hero-slant {
    background-position: center top;
    background-attachment: scroll;
  }
  
  
  
  
  .module-hero-navigation {
    background: var(--base-color-dark-blue);
  }
  










  @media (max-width: 1100px) {
    
    .module-hero-navigation {
      display: none;
    }
    
    .module-hero {
      margin-top: var(--header-height);
      z-index: 99;
    }
    
  }
  
  
  
  
  
  
  @media (max-width: 700px) {
    
    .module-hero .module-wrap {
      max-width: 473px;
    }
    
  }
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-hero .hdln-52 {
      line-height: 1.63636363636363636363;
    }
    
    .module-hero .module-wrap {
      padding-top: 50px;
      padding-bottom: 60px;
    }
    
  }