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

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





  .module-teaser-grid.mrgn-50 {
    margin-bottom: max(40px, calc(80 * var(--px)));
  }

  .teasers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: max(30px, calc(30 * var(--px))) max(10px, calc(30 * var(--px)));
  }
  
  .teasers-grid[data-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .teasers-grid > li {
    display: flex;
    flex-flow: column nowrap;
  }
  
  
  
  @media (min-width: 2001px) {
    
/*    .teasers-grid:not([data-columns="2"]) {
      grid-template-columns: repeat(4, 1fr);
    }*/
    
  }
  

  
  
  
  @media (max-width: 900px) {
    
    .teasers-grid:not([data-columns="2"]) {
      grid-template-columns: repeat(2, 1fr);
    }
    
    .module-teaser-grid[data-columns="2"] .module-inner {
      padding-inline: var(--page-padding-left-s);
    }
    
    .module-teaser-grid:not([data-columns="2"]) .module-body,
    .module-gallery-teasers .module-body {
      margin-inline: calc(var(--page-padding-left) * -1);
  		overflow: hidden;
  		overflow-x: scroll;
      position: relative;
  		-ms-overflow-style: none;
  		scrollbar-width: none;
  		-webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
      padding-bottom: 1px;
    }
    
    .module-teaser-grid:not([data-columns="2"]) .module-body::-webkit-scrollbar,
    .module-gallery-teasers .module-body::-webkit-scrollbar {
      display: none;
    }
    
    .module-teaser-grid:not([data-columns="2"]) .teasers-grid,
    .module-gallery-teasers .teasers-grid {
      display: flex;
      flex-flow: row nowrap;
      padding-inline: var(--page-padding-left-s);
      width: fit-content;
    }
    
    .module-teaser-grid:not([data-columns="2"]) .teasers-grid > li,
    .module-gallery-teasers .teasers-grid > li {
      width: 300px;
      flex-shrink: 0;
      scroll-snap-align: start;
      scroll-margin-left: var(--page-padding-left-s);
    }
    
  }
  
  
  
  
  
  
  @media (max-width: 700px) {

    .module-teaser-grid[data-columns="2"] .module-inner {
      padding-inline: var(--page-padding-left);
    }
    
    .module-teaser-grid[data-columns="2"] .module-body {
      margin-inline: calc(var(--page-padding-left) * -1);
  		overflow: hidden;
  		overflow-x: scroll;
      position: relative;
  		-ms-overflow-style: none;
  		scrollbar-width: none;
  		-webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
    }
    
    .module-teaser-grid[data-columns="2"] .module-body::-webkit-scrollbar {
      display: none;
    }
    
    .module-teaser-grid[data-columns="2"] .teasers-grid {
      display: flex;
      flex-flow: row nowrap;
      padding-inline: var(--page-padding-left-s);
      width: fit-content;
    }
    
    .module-teaser-grid[data-columns="2"] .teasers-grid > li {
      width: 300px;
      flex-shrink: 0;
      scroll-snap-align: start;
      scroll-margin-left: var(--page-padding-left-s);
    }
    
  }