





  .module-image-copy-teaser {
    --col-1-width: max(300px, calc(454 * var(--px)));
    --col-2-width: calc(535 * var(--px));
  }
  
  .module-image-copy-teaser[data-image-type="animation"] {
    --col-1-width: max(300px, calc(590 * var(--px)));
    --col-2-width: calc(460 * var(--px));
  }
  
  .module-image-copy-teaser[data-image-type="animation"].has-icon {
    --col-1-width: max(300px, calc(438 * var(--px)));
    --col-2-width: calc(590 * var(--px));
  }
  
  body.view-case .module-image-copy-teaser[data-image-type] {
    --col-1-width: max(300px, calc(501 * var(--px)));
    --col-2-width: calc(522 * var(--px));
  }

  .module-image-copy-teaser .col-set {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  
  .module-image-copy-teaser[data-layout="image|copy"] .col-set {
    flex-flow: row-reverse;
  }
  
  .module-image-copy-teaser .col-1 {
    width: var(--col-1-width);
    margin-right: auto;
    flex-shrink: 0;
  }
  
  .module-image-copy-teaser[data-layout="image|copy"] .col-1 {
    margin-right: 0;
  }
  
  .module-image-copy-teaser .col-2 {
    width: var(--col-2-width);
    padding-left: 1em;
    box-sizing: border-box;
  }
  
  .module-image-copy-teaser[data-layout="image|copy"] .col-2 {
    margin-right: auto;
  }
  
  
  

  .module-image-copy-teaser .cms-icon-wrap img {
    object-position: left center;
  }
  
  .module-image-copy-teaser .headline {
    margin-bottom: .17142857142857142857em;
  }
  
  .module-image-copy-teaser.has-icon .headline,
  body.view-case .module-image-copy-teaser .headline {
    margin-bottom: .5em;
  }
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-image-copy-teaser .col-set {
      flex-flow: column-reverse nowrap;
      gap: 50px 0;
    }
    
    .module-image-copy-teaser[data-image-type="animation"] .col-set {
      flex-flow: column nowrap;
    }
    
    .module-image-copy-teaser .col-1 {
      width: 100%;
      text-align: center;
    }
    
    .module-image-copy-teaser[data-image-type="animation"] .col-1 {
      text-align: left;
    }
    
    .module-image-copy-teaser[data-image-type="animation"].has-icon .col-1 {
      text-align: center;
    }
    
    .module-image-copy-teaser .col-2 {
      width: 100%;
    }
    
    .module-image-copy-teaser .headline {
      margin-bottom: .57142857142857142857em;
    }
    
    .module-image-copy-teaser .cms-icon-wrap img {
      object-position: center center;
    }
    
  }