.module-intro {
    position: relative;
    color: var(--base-color-white);
  }
  
  
  
  
  
  
  
  
  
  .module-intro .module-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-flow: column nowrap;
    padding-inline: var(--page-padding-left-l) 0;
  }
  
  .module-intro .module-wrap {
    margin-top: max(125px, calc(240 * var(--px)));
    padding-bottom: max(50px, calc(75 * var(--px)));
  }
  
  .module-intro .headline {
    padding-top: .34615384615384615384em;
  }
  
  .module-intro .subheadline {
    margin-top: 1.06666666666666666666em;
  }

  
  
  
  
  
  
  
  
  .module-intro .col-set {
    display: flex;
    flex-flow: row nowrap;
    gap: 0 calc(48 * var(--px));
  }
  
  .module-intro .col-set .col-1 {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    padding-bottom: 2.5em;
  }
  
  .module-intro .col-set .col-2 {
    width: calc(676 * var(--px));
    flex-shrink: 0;
  }
  
  
  
  
  
  
  
  .module-intro section.news-teaser {
    position: relative;
    left: calc(var(--page-padding-left-l) * -1);
    margin-top: auto;
    padding-top: 2em;
    max-width: max(410px, calc(410 * var(--px)));
  }
  
  .module-intro section.news-teaser > div {
    --border-width: calc(15 * var(--px));
    border-left: var(--border-width) solid var(--base-color-pink);
    padding-left: calc(var(--page-padding-left) - var(--border-width));
  }
  
  .module-intro section.news-teaser .headline {
    margin-bottom: 0.35em;
  }
  
  
  
  
  
  
  .module-intro .background {
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  
  .module-intro .background .shade {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    background: var(--base-color-green);
    opacity: 0.88;
  }
  
  .module-intro .background :is(img, video) {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    z-index: 1;
  }
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    .module-intro .col-set {
      flex-flow: column nowrap;
    }
    
    .module-intro .col-set .col-1 {
      display: contents;
      padding-bottom: 0;
    }
    
    .module-intro .headline {
      order: 1;
    }
    
    .module-intro .subheadline {
      order: 2;
    }
    
    .module-intro .col-set .col-2 {
      order: 3;
      margin-top: 35px;
      width: 100%;
    }
    
    .module-intro section.news-teaser {
      order: 4;
      padding-top: 45px;
    }
    
    .module-intro .scroll-hint {
      display: none;
    }
    
  }