.module-hero {
    position: relative;
    margin-top: calc(var(--page-padding-top) * -1);
    display: grid;
    grid-template-columns: 100%;
  }
  
  .module-hero > .module-inner,
  .module-hero > figure.background {
    grid-area: 1 / 1;
  }
  
  @media (max-width: 500px) {
    .module-hero:has(+.module-two-col-boxes) {
      margin-bottom: var(--page-padding-left-s);
    }
  }
  
  
  
  
  .module-hero .module-inner {
    position: relative;
    width: 100%;
    z-index: 2;
    color: var(--base-color-white);
    padding-inline: calc(162 * var(--px));
    display: flex;
    flex-flow: column nowrap;
    box-sizing: border-box;
  }
  
  .module-hero .headline {
    --max-font-size: 76;
    line-height: 1.05;
  }
  
  .module-hero .kicker {
    --max-font-size: 32;
  }
  
  .module-hero .subline {
    max-width: 27em;
    margin-top: 1em;
  }
  
  .module-hero .btn-set {
    --margin-top: max(25px, calc(35 * var(--px)));
  }
  
  
  
  
  
  
  
  .module-hero[data-type="home"] .module-wrap {
    padding-top: calc(var(--page-padding-top) + 40px);
    padding-bottom: max(25px, calc(113 * var(--px)));
    margin-top: auto;
  }
  
  .module-hero[data-type="home"] .headline {
    --max-font-size: 75;
    max-width: 8em;
  }
  
  
  
  
  
  
  
  .module-hero[data-type="subpage"] .module-wrap {
    padding-top: max(165px, calc(365 * var(--px)));
    padding-bottom: max(50px, calc(80 * var(--px)));
  }
  
  .module-hero[data-type="subpage"] .headline-group {
    position: relative;
  }
  
  .module-hero[data-type="subpage"] .headline {
    max-width: 12em;
  }
  
  body.single-propnews .module-hero[data-type="subpage"] .headline {
    max-width: none;
  }
  
  .module-hero[data-type="subpage"] .kicker {
    position: absolute;
    left: 0;
    bottom: calc(100% + .36111111111111111111em);
  }
  
  @media (max-width: 500px) {
    
    .module-hero[data-type="subpage"] .module-wrap {
      padding-top: calc(var(--page-padding-top) + 40px);
      height: 100%;
      box-sizing: border-box;
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-end;
      padding-bottom: 25px;
    }
    
    .module-hero[data-type="subpage"] .kicker {
      --min-font-size: 19;
    }
    
  }
  
  
  
  
  
  
  
  .module-hero figure.background {
    position: relative;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    height: 100%;
  }
  
  .module-hero[data-type="subpage"] figure.background img {
    transition: transform 12s var(--ttf-7);
  }
  
  .module-hero[data-type="subpage"].is-on-screen figure.background img,
  :is(.sn-pt-enter-to, .barba-once-to) .module-hero figure.background img {
    transform: scale(1.06);
    transform-origin: center top;
  }
  
  .module-hero figure.background :is(img, video) {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    max-width: none;
    height: 100%;
    min-height: max(374px, calc(795 * var(--px)));
    object-fit: cover;
    object-position: center top;
    pointer-events: none;
    display: block;
  }

  .module-hero figure.background :is(img, picture) + video {
    position: absolute;
    inset: 0;
  }

  .module-hero figure.background .gradient {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 0.77;
    background-image: linear-gradient(61deg, rgba(0,0,0,0.55) 31%, rgba(0,0,0,0.00) 71%);
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-hero .btn-set .btn {
      width: 100%;
    }
    
    .module-hero .module-inner {
      padding-inline: var(--page-padding-left);
    }
    
    .module-hero figure.background :is(img, video) {
      min-height: 561px;
    }
    
    .module-hero figure.background .gradient {
      background: #000;
      opacity: 0.5;
    }
    
  }