


  .module-video .module-wrap {
    display: flex;
    flex-flow: row nowrap;
    background: var(--base-color-dark-blue);
    color: var(--base-color-white);
    border-radius: var(--radius-s);
    overflow: hidden;
  }
  
  .module-video .module-wrap .col-1 {
    width: calc(520 * var(--px));
    flex-shrink: 0;
    box-sizing: border-box;
    padding-block: max(24px, calc(58 * var(--px))) max(24px, calc(58 * var(--px)));
    padding-inline: var(--page-padding-left);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
  
  .module-video .module-wrap .col-1 .wysiwyg {
    max-width: 28.82352941176470588235em;
  }
  
  .module-video .module-wrap .col-1 .wysiwyg .headline {
    margin-bottom: 0.75em;
  }
  
  .module-video .module-wrap .col-2 {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
  }
  
  .module-video .module-wrap .col-2 .sn-video,
  .module-video .module-wrap .col-2 .sn-plyr,
  .module-video .module-wrap .col-2 .sn-plyr-inner {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
  }
  
  .module-video .module-wrap .col-2 .sn-plyr .plyr {
    height: 100%;
  }
  
  .module-video .module-wrap .col-2 .sn-plyr video {
    object-fit: cover;
  }
  
  
  
  
  
  @media (max-width: 800px) {
    
    .module-video .module-wrap {
      flex-flow: column nowrap;
      gap: 20px 0;
    }
    
    .module-video .module-wrap .col-1 {
      padding-inline: 15px;
      padding-top: 25px;
      padding-bottom: 0;
      width: 100%;
    }
    
    .module-video .module-wrap .col-1 .wysiwyg {
      max-width: none;
    }
    
    .module-video .module-wrap .col-2 {
      width: 100%;
      box-sizing: border-box;
      padding-inline: 15px;
      padding-bottom: 15px;
    }
    
  }