.module-video-manuals .module-body {
    max-width: max(1312px, calc(1312 * var(--px)));
    margin: 0 auto;
  }
  
  .video-manuals-grid {
    --columns: 3;
    --base-width: 100%;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: max(var(--page-padding-left), calc(32 * var(--px)));
    --row-gap: var(--column-gap);
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .video-manuals-grid > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
  }
  
  .module-video-manuals video {
    object-fit: cover;
  }
  
  .module-video-manuals .plyr__poster {
    background-size: cover;
  }
  
  @media (max-width: 900px) {
    
    .module-video-manuals .module-body {
      margin-left: calc(var(--page-padding-left) * -1);
      margin-right: calc(var(--page-padding-right) * -1);
      overflow: hidden;
      overflow-x: auto;
    }
    
    .video-manuals-grid {
      flex-flow: row nowrap;
      margin: 0;
    }
    
    .video-manuals-grid > * {
      width: auto;
      flex-shrink: 0;
      margin-right: 0;
      padding-left: var(--page-padding-left);
    }
    
    .video-manuals-grid > *:last-child {
      padding-right: var(--page-padding-right);
    }
    
    .video-manuals-grid article.video-manual-teaser {
      width: 274px;
    }
    
  }
  
  @media (max-width: 500px) {
    
    .module-video-manuals .module-body {
  		-ms-overflow-style: none;
  		scrollbar-width: none;
  		-webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
    }
    
  	.module-video-manuals .module-body::-webkit-scrollbar {
  		display: none;
  	}

    .video-manuals-grid > * {
      scroll-snap-align: start;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  article.video-manual-teaser {
    position: relative;
  }
  
  body.view-b2b article.video-manual-teaser {
    color: var(--base-color-black);
  }
  
  article.video-manual-teaser .headline {
    margin-bottom: 0.5em;
  }

  article.video-manual-teaser {
    display: flex;
    flex-flow: column nowrap;
    gap: 32px 0;
  }