.module-location-teaser {
    background: var(--base-color-beige);
    position: relative;
  }

  .module-location-teaser .module-inner {
    padding-block: max(265px, calc(430 * var(--px))) var(--inner-padding-350);
    position: relative;
    z-index: 2;
  }

  .module-location-teaser .col-set {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .module-location-teaser .col-1 {
    width: var(--col-1-width);
    flex-shrink: 0;
  }
  
  .module-location-teaser .wysiwyg {
    max-width: 23.18em;
  }
  
  @media (max-width: 500px) {
    
    .module-location-teaser .col-set {
      flex-flow: column nowrap;
      gap: 8px;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  .module-location-teaser .images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  
  .module-location-teaser .images figure {
    position: absolute;
  }
  
  .module-location-teaser :is(.image-1, .image-2) {
    width: calc(268 * var(--px));
  }
  
  .module-location-teaser .image-1 {
    top: calc(140 * var(--px));
    left: calc(320 * var(--px));
  }
  
  .module-location-teaser .image-2 {
    top: calc(130 * var(--px));
    left: calc(1313 * var(--px));
    z-index: 2;
  }
  
  .module-location-teaser .image-3 {
    width: calc(374 * var(--px));
    top: calc(574 * var(--px));
    left: calc(545 * var(--px));
    z-index: 2;
  }
  
  .module-location-teaser .image-4 {
    width: calc(536 * var(--px));
    top: 0;
    left: calc(856 * var(--px));
  }
  
  
  @media (max-width: 500px) {
    
    .module-location-teaser :is(.image-2, .image-4) {
      display: none;
    }
    
    .module-location-teaser .image-1 {
      top: 34px;
      left: 44px;
      width: 200px;
    }
    
    .module-location-teaser .image-3 {
      bottom: 40px;
      top: auto;
      right: 16px;
      left: auto;
      width: 121px;
    }
    
  }