.module-subpage-teasers .sn-col-set {
		--margin: calc(85 * var(--base-unit));
    
    --base-width: 100%;
    --columns: 3;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: var(--grid-gap);
    --row-gap: var(--margin);
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
    
	}

	.module-subpage-teasers .sn-col-set > li {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
	}
  
  .module-subpage-teasers .teaser {
    display: block;
    --figure-padding-y: calc(28 * var(--base-unit));
    --background-color: #394390;
    --image-color: #ec3d80;
  }
  
  .module-subpage-teasers .teaser[data-color-scheme="2"] {
    --background-color: #ffd92f;
    --image-color: #3a4390;
  }
  
  .module-subpage-teasers .teaser[data-color-scheme="3"] {
    --background-color: #243745;
    --image-color: #06b1c2;
  }
  
  .module-subpage-teasers .teaser[data-color-scheme="4"] {
    --background-color: #00b2c2;
    --image-color: #243745;
  }
  
  .module-subpage-teasers .teaser[data-color-scheme="5"] {
    --background-color: #adaeb0;
    --image-color: #029dd8;
  }
	
  .module-subpage-teasers .teaser .image {
    width: 61.74334140435835351000%;
    height: auto;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    transition: transform 750ms var(--ttf-7);
  }
  
  @media (hover: hover) {
    .module-subpage-teasers .teaser:hover .image {
      transform: scale(1.05);
      transition: transform 250ms var(--ttf-5);
    }
  }
  
  .module-subpage-teasers .teaser .image img {
    filter: saturate(0) contrast(1.5);
  }
  
  .module-subpage-teasers .teaser .image::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--image-color);
    z-index: 2;
    mix-blend-mode: screen;
  }
  
  .module-subpage-teasers .teaser figure {
    padding: var(--figure-padding-y) 0;
    text-align: center;
    background: var(--background-color);
    margin-bottom: calc(30 * var(--base-unit));
    position: relative;
  }
  
  .module-subpage-teasers[data-layout="with-images"] .teaser .arrow {
    --size: max(35px, calc(65 * var(--base-unit)));
    width: var(--size);
    height: var(--size);
    display: block;
    position: absolute;
    bottom: var(--figure-padding-y);
    left: 50%;
    z-index: 2;
    background: #fff;
    border-radius: 50%;
    transform: translateX(100%);
  }
  
  .module-subpage-teasers[data-layout="with-images"] .teaser .arrow svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(20px, calc(40 * var(--base-unit)));
    height: auto;
  }
  
  .module-subpage-teasers[data-layout="with-images"] .teaser .arrow svg path {
    fill: #1e1f1c;
  }
  
  

	




  .module-subpage-teasers[data-layout="simple"] .teaser {
    color: #fff;
    background: #394390;
    padding: 1.8125em 1.25em;
  }
  
  .module-subpage-teasers[data-layout="simple"] .teaser .arrow {
    display: block;
    margin-top: 15px;
  }
  
  .module-subpage-teasers[data-layout="simple"] .teaser .arrow svg {
    width: max(20px, calc(40 * var(--base-unit)));
    height: auto;
    transition: transform 750ms var(--ttf-7);
  }
  
  @media (hover: hover) {
    .module-subpage-teasers[data-layout="simple"] .teaser:hover .arrow svg {
      transform: translateX(20%);
      transition: transform 250ms var(--ttf-5);
    }
  }
  
  .module-subpage-teasers[data-layout="simple"] .teaser .arrow svg path {
    fill: #fff;
  } 






	

	
	
	@media (max-width: 700px) {
		
		.module-subpage-teasers .sn-col-set {
			--columns: 2;
		}
		
	}
	
	
	
	@media (max-width: 500px) {

    .module-subpage-teasers .hdln-36 {
      --min-font-size: 18px;
    }
    
    .module-subpage-teasers[data-layout="simple"] .teaser {
      padding: var(--page-padding-left);
    }
    
    .module-subpage-teasers[data-layout="simple"] .teaser .arrow {
      margin-top: 5px;
    }
		
	}