.module-newsletter {
    position: relative;
    --slant-top: calc(-150 * var(--base-unit));
    z-index: 1;
  }
  
  .module-newsletter.has-big-slant {
    --slant-top: calc(var(--image-copy-teaser-height) * -1px);
  }
  
  .module-newsletter.has-big-slant::before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: var(--page-padding-left);
    right: var(--page-padding-right);
    height: 2px; 
    background: var(--base-color-white);
    pointer-events: none;
    z-index: 2;
  }

  .module-newsletter .module-inner {
    position: relative;
    z-index: 2;
    --padding-y: calc(150 * var(--base-unit));
    padding-top: var(--padding-y);
    padding-bottom: var(--padding-y);
  }

  .module-newsletter > .background {
    position: absolute;
    top: var(--slant-top);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
  }

  .module-newsletter > .background .slant {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--base-color-light-blue);
    z-index: 1;
    clip-path: polygon(0% var(--slant-angle), 100% 0, 100% 100%, 0% 100%);
  }
  
  
  
  .newsletter-form-col-set {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .newsletter-form-col-set > * {
    width: var(--grid-4-);
  }
  
  .newsletter-form-col-set .col-1 {
    margin-right: auto;
  }
  
  
  
  
  
  
  
  @media (max-width: 900px) {
    
    .newsletter-form-col-set > * {
      width: calc((100% - var(--grid-gap) * 2) / 2);
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    .newsletter-form-col-set {
      flex-flow: row wrap;
    }
    
    .newsletter-form-col-set > * {
      width: 100%;
    }
    
    .newsletter-form-col-set > .col-2 {
      margin-top: 20px;
    }
    
    .module-newsletter .module-col-set .module-header.col-1 {
      margin-bottom: 20px;
    }
    
    .module-newsletter .cpy-20 {
      --min-font-size: 14px;
    }
    
  }