.module-home-teaser-grid *[data-ios-item] {
    transition: 1500ms var(--ttf-7);
    transition-property: opacity, transform;
    transition-delay: calc(var(--ios-item-index, 0) * 150ms);
  }

  .module-home-teaser-grid:not(.is-on-screen) *[data-ios-item] {
    opacity: 0;
    transform: translateY(100px);
  }



  .home-teasers-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) repeat(2, calc(389 * var(--px)));
    gap: max(10px, calc(12 * var(--px)));
    color: var(--base-color-white);
  }
  
  .home-teasers-grid :is(.teaser-1, .teaser-2, .teaser-3) {
    grid-row-start: 1;
  }
  
  .home-teasers-grid :is(.teaser-1, .teaser-4) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  
  .home-teasers-grid .teaser-3 {
    grid-row-start: 1;
    grid-row-end: span 2
  }
  
  .home-teasers-grid img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
    object-fit: cover;
    height: calc(385 * var(--px));
  }
  
  @media (hover: hover) {
    .home-teasers-grid figure {
      overflow: hidden;
    }
    .home-teasers-grid img {
      transition: transform 3000ms var(--ttf-7);
      will-change: transform;
    }
    .home-teasers-grid a:hover img {
      transform: scale(1.05);
    }
  }
  
  .home-teasers-grid :is(.teaser-1, .teaser-4) img {
    aspect-ratio: 730 / 385 !important;
  }
  
  .home-teasers-grid :is(.teaser-2, .teaser-5) img {
    aspect-ratio: 390 / 385 !important;
  }
  
  .home-teasers-grid :is(.teaser-3) img {
    aspect-ratio: 390 / 780 !important;
    height: calc(780 * var(--px));
  }
  
  article.home-teaser a {
    position: relative;
    display: block;
  }
  
  article.home-teaser .cell-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-flow: column nowrap;
    box-sizing: border-box;
    padding: max(15px, calc(30 * var(--px))) max(15px, calc(24 * var(--px)));
    justify-content: flex-end;
  }
  
  article.home-teaser .title.hdln-36 {
    --max-font-size: 36;
  }
  
  article.home-teaser .kicker {
    text-transform: uppercase;
    margin-bottom: 0.2em;
  }
  
  
  
  
  
  @media (max-width: 1000px) {
    
    .home-teasers-grid .teaser-3 {
      display: none;
    }
    
    .home-teasers-grid :is(.teaser-2, .teaser-5) {
      grid-column-start: 3;
      grid-column-end: 5;
    }
    
  }
  
  
  
  
  
  @media (max-width: 600px) {
    
    .module-home-teaser-grid .module-inner {
      padding-inline: var(--page-padding-left-s);
    }
    
    .home-teasers-grid article.home-teaser img {
      aspect-ratio: 359 / 267 !important;
      height: auto;
    }
    
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .home-teasers-grid {
      display: flex;
      flex-flow: column nowrap;
      gap: 10px 0px;
    }
    
    .home-teasers-grid .teaser-3 {
      display: block;
    }
    
    article.home-teaser .hdln-36 {
      --min-font-size: 25;
    }
    
    article.home-teaser .hdln-20 {
      --min-font-size: 15;
    }
    
  }