/* MODULE MARGINS */

  .modules::before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    background-image: linear-gradient(-19deg, rgba(255,255,255,0.00) 60%, #003399 150%);
    pointer-events: none;
  }

  .mrgn-100 {
    margin-bottom: var(--module-margin);
  }
  
  .mrgn-50 {
    margin-bottom: calc(var(--module-margin) / 2);
  }

  .mrgn-0-if-last:last-child {
    margin-bottom: 0;
  }








  /* MODULE COLUMNS */

  .module-col-set,
  .image-copy-teaser-col-set {
    display: flex;
    flex-flow: row nowrap;
  }

  .module-col-set > .col-1,
  .image-copy-teaser-col-set > .col-1 {
    width: var(--grid-4-);
    margin-right: auto;
  }

  .module-col-set > .col-2,
  .image-copy-teaser-col-set > .col-2 {
    width: var(--grid-8-);
  }

  @media (max-width: 900px) {
  
    .module-col-set {
      display: block;
    }
  
    .module-col-set > .col-1,
    .module-col-set > .col-2 {
      width: 100%;
      margin-right: 0;
    }
    
    .module-col-set .module-header.col-1 {
      margin-bottom: max(50px, calc(50 * var(--base-unit)));
    }
    
    .module-header .headline.spanned > span {
      display: inline;
    }
  
  }
  







  /* MODULE HEADERS */

  .module-header-a {
    margin-bottom: max(50px, calc(100 * var(--base-unit)));
  }

  .module-header-b {
    margin-bottom: max(50px, calc(150 * var(--base-unit)));
  }

  .module-header-c {
    margin-bottom: max(50px, calc(50 * var(--base-unit)));
  }

  .module-header .headline {
    color: var(--base-color-blue);
  }
  









  /* MODULE FOOTERS */

  .module-footer-a {
    margin-top: max(50px, calc(120 * var(--base-unit)));
  }