.module-image-copy-teaser-2 {
    --background-color: var(--base-color-black);
    --color: var(--base-color-white);
    --button-background-color: var(--base-color-yellow);
    --button-color: var(--base-color-black);
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .module-image-copy-teaser-2[data-copy-background-color="yellow"] {
    --background-color: var(--base-color-yellow);
    --color: var(--base-color-black);
    --button-background-color: var(--base-color-purple);
    --button-color: var(--base-color-white);
  }
  
  .module-image-copy-teaser-2[data-copy-background-color="purple"] {
    --background-color: var(--base-color-purple);
    --button-background-color: var(--base-color-yellow);
  }
  

  .module-image-copy-teaser-2 .col-set {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .module-image-copy-teaser-2[data-layout="copy|image"] .col-set {
    flex-flow: row-reverse nowrap;
  }
  
  .module-image-copy-teaser-2 .col-1 {
    width: 50%;
    position: relative;
    aspect-ratio: 1 / 1;
  }
  
  .module-image-copy-teaser-2 .col-1 img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .module-image-copy-teaser-2 .col-2 {
    width: 50%;
    background: var(--background-color);
    color: var(--color);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
  
  .module-image-copy-teaser-2 .col-2 > div {
    align-self: center;
    padding: max(40px, calc(80 * var(--px)));
  }
  
  .module-image-copy-teaser-2 .wysiwyg .headline {
    margin-bottom: max(12px, .44444444444444444444em);
    --min-font-size: 1.625rem;
  }
  
  .module-image-copy-teaser-2 .wysiwyg a {
    color: var(--base-color-purple);
  }
  
  .module-image-copy-teaser-2 .btn-set {
    margin-top: max(24px, calc(24 * var(--px)));
  }
  
  .module-image-copy-teaser-2 .btn {
    --color: var(--button-color);
    --background-color: var(--button-background-color);
  }
  
  
  
  
  
  
  @media (max-width: 700px) {
    
    .module-image-copy-teaser-2 .module-inner {
      padding-left: 0;
      padding-right: 0;
    }
    
    .module-image-copy-teaser-2 .col-1 {
      display: none;
    }
  
    .module-image-copy-teaser-2 .col-2 {
      width: 100%;
    }
    
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-image-copy-teaser-2 .col-set {
      flex-flow: column nowrap;
    }
    
    .module-image-copy-teaser-2 .col-1 {
      display: block;
      width: 100%;
    }
    
    .module-image-copy-teaser-2 .col-2 > div {
      padding: calc(var(--page-padding-left) * 2) var(--page-padding-left) calc(var(--page-padding-left) * 2.5);
    }
    
  }