.module-subpage-teasers {
    position: relative;
  }
  
  .module-subpage-teasers + .module {
    position: relative;
    z-index: 2;
  }
  
  .module-subpage-teasers .module-inner {
    position: relative;
    z-index: 2;
  }

  .module-subpage-teasers > .background {
    position: absolute;
    top: calc(-150 * var(--base-unit));
    left: 0;
    right: 0;
    bottom: calc(-100 * var(--base-unit));
    z-index: 1;
    pointer-events: none;
  }
  
  .module-subpage-teasers:nth-last-child(2) > .background {
    bottom: calc(-350 * var(--base-unit));
  }

  .module-subpage-teasers > .background .slant {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--base-color-sand);
    z-index: 1;
    clip-path: polygon(0% var(--slant-angle), 100% 0, 100% calc(100% - var(--slant-angle)), 0% 100%);
  }

  .subpage-teasers-list {
    --columns: 3;
    --item-gap: var(--grid-gap);
    --item-width: calc((100% - (var(--columns) * var(--item-gap))) / var(--columns));
    margin-right: calc(var(--item-gap) * -1);    
    --margin: max(40px, calc(100 * var(--base-unit)));
    margin-bottom: calc(var(--margin) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .subpage-teasers-list.has-no-images {
    --margin: var(--grid-gap);
  }
  
  .subpage-teasers-list > li {
    width: var(--item-width);
    margin-right: var(--item-gap);
    margin-bottom: var(--margin);
    display: flex;
    flex-flow: column nowrap;
  }
  
  article.subpage-teaser-article a {
    display: block;
    pointer-events: none;
  }
  
  article.subpage-teaser-article figure,
  article.subpage-teaser-article .headline,
  article.subpage-teaser-article .copy,
  article.subpage-teaser-article .lnk {
    pointer-events: all;
  }

  article.subpage-teaser-article .headline {
    color: var(--base-color-blue);
    --scale-breakpoint: 1600;
  }
  
  article.subpage-teaser-article.has-no-image .headline {
    color: var(--base-color-white);
  }
  
  article.subpage-teaser-article figure {
    margin-bottom: 1em;
  }
  
  article.subpage-teaser-article .headline + .copy {
    margin-top: 0.8em;
  }
  
  article.subpage-teaser-article .btn-set {
    margin-top: max(20px, calc(40 * var(--base-unit)));
  }
  
  article.subpage-teaser-article.has-no-image .btn-set {
    margin-top: 1.25em;
  }
  
  article.subpage-teaser-article.has-no-image {
    flex-grow: 1;
  }
  
  article.subpage-teaser-article.has-no-image a {
    background: var(--base-color-dark-blue);
    color: var(--base-color-white);
    pointer-events: all;
    padding: 1.875em;
    box-sizing: border-box;
    min-height: calc(280 * var(--base-unit));
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    height: 100%;
    transition: filter 750ms;
    transition-timing-function: var(--ttf);
  }
  
  article.subpage-teaser-article.has-no-image a:hover {
    filter: brightness(1.1);
  }
  
  
  
  
  
  @media (max-width: 900px) {
    
    .subpage-teasers-list {
      --columns: 2;
      --item-gap: var(--page-padding-left);
    }
    
    .subpage-teasers-list.has-no-images {
      --item-gap: var(--grid-gap);
    }
    
  }
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    .subpage-teasers-list {
      --columns: 1;
    }
    
    article.subpage-teaser-article.has-no-image a {
      padding: 1.4em 1.2em;
    }
    
    article.subpage-teaser-article.has-no-image .btn-set {
      margin-top: 0.6em;
    }
    
    .module-subpage-teasers:nth-last-child(2) > .background {
      bottom: calc(-600 * var(--base-unit));
    }
    
  }