



  .module-houses .module-inner {
    padding-left: 0;
    padding-bottom: max(60px, calc(230 * var(--px)));
  }
  
  .module-houses .col-set {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .module-houses .cpy-11 {
    --min-font-size: 8;
  }
  
  @media (max-width: 750px) {
    
    .module-houses .module-inner {
      padding-right: 0;
    }
    
  }
  
  
  
  
  
  
  
  
  
  .module-houses .col-1 {
    width: calc(992 * var(--px));
    flex-shrink: 0;
  }
  
  .module-houses .col-1 div.image {
    position: sticky;
    top: 0;
  }
  
  .module-houses .map-wrap {
    position: relative;
  }
  
  .module-houses .map-wrap .marker {
    display: block;
    position: absolute;
    padding: calc(9 * var(--px));
    border-radius: 100%;
    background: var(--base-color-white);
    will-change: transform;
    transition: transform 500ms var(--ttf-4);
    transform: scale(0.35);
    cursor: pointer;
    user-select: none;
  }
  
  .module-houses .map-wrap .marker.current {
    transform: none;
  }
  
  .module-houses .map-wrap .marker > span {
    display: block;
    width: calc(45 * var(--px));
    aspect-ratio: 1;
    background: var(--background-url, url(../../imgs/signet--passagen.svg)) no-repeat center center;
    background-size: contain;
    transition: opacity 500ms var(--ttf-4);
    opacity: 0;
  }
  
  .module-houses .map-wrap .marker.current > span {
    opacity: 1;
  }
  
  .module-houses .map-wrap .marker[data-type="passagen"] {
    top: 43.049881%;
    left: 11.445005%;
  }
  
  .module-houses .map-wrap .marker[data-type="icon"] {
    top: 51.049881%;
    left: 22.445005%;
    --background-url: url(../../imgs/signet--icon.svg);
  }
  
  .module-houses .map-wrap .marker[data-type="urban"] {
    top: 45.049881%;
    left: 63.445005%;
    --background-url: url(../../imgs/signet--urban.svg);
  }
  
  .module-houses .map-wrap .marker[data-type="garden"] {
    top: 39.049881%;
    left: 39.445005%;
    --background-url: url(../../imgs/signet--garden.svg);
  }
  
  .module-houses .map-wrap .marker[data-type="light"] {
    top: 50.049881%;
    left: 39.445005%;
    --background-url: url(../../imgs/signet--light.svg);
  }
  
  @media (max-width: 750px) {
    
    .module-houses .col-1 {
      display: none;
    }
  
  }
  
  
  
  
  
  
  
  
  
  
  
  .module-houses .houses-list {
    display: flex;
    flex-flow: column nowrap;
    --padding-y: max(20px, calc(26 * var(--px)));
    padding-bottom: 75vh;
  }
  
  .module-houses .houses-list > li {
    padding-left: calc(87 * var(--px));
  }
  
  .module-houses .house-teaser {
    border-bottom: 1px solid var(--base-color-green);
    padding-top: calc(var(--padding-y) * 1.5);
    padding-bottom: calc(var(--padding-y) * 1.5);
  }
  
  .module-houses figure {
    margin-bottom: var(--padding-y);
    position: relative;
  }
  
  .module-houses .house-teaser .headline {
    margin-bottom: var(--padding-y);
    position: relative;
  }
  
  .module-houses .house-teaser .headline::before {
    content: '';
    display: block;
    position: absolute;
    right: calc(100% + 1em);
    top: 50%;
    transform: translateY(-50%);
    width: calc(45 * var(--px));
    aspect-ratio: 1;
    background: var(--background-url, url(../../imgs/signet--passagen.svg)) no-repeat center center;
    background-size: contain;
  }
  
  .module-houses .house-teaser[data-type="icon"] {
    --background-url: url(../../imgs/signet--icon.svg);
  }
  
  .module-houses .house-teaser[data-type="garden"] {
    --background-url: url(../../imgs/signet--garden.svg);
  }
  
  .module-houses .house-teaser[data-type="light"] {
    --background-url: url(../../imgs/signet--light.svg);
  }
  
  .module-houses .house-teaser[data-type="urban"] {
    --background-url: url(../../imgs/signet--urban.svg);
  }
  
  .module-houses .house-teaser:is([data-type="urban"], [data-type="light"]) {
    pointer-events: none;
    opacity: 0.5;
    interactivity: inert;
  }
  
  
  @media (max-width: 1000px) {
    
    .module-houses .houses-list {
      padding-bottom: 10vh;
    }
    
  }
  
  @media (max-width: 750px) {
    
    .module-houses .houses-list {
      padding-bottom: 0;
    }
    
    .module-houses .houses-list > li {
      padding-left: 76px;
    }
    
    .module-houses .house-teaser .headline::before {
      width: 45px;
      right: calc(100% + 16px);
    }
    
  }
  
  
  
  
  
  
  
  
  
  .module-houses div.facts {
    padding-right: 15px;
  }
  
  .module-houses .facts-grid {
    display: flex;
    flex-flow: row wrap;
    gap: 0.4em 0.8em;
  }
  
  .module-houses .facts-grid > li {
    display: flex;
    flex-flow: column nowrap;
  }
  
  .module-houses .facts-grid .label {
    text-transform: uppercase;
    margin-bottom: 0.25em;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .module-houses .house-teaser div.icon {
    position: absolute;
    right: max(15px, calc(20 * var(--px)));
    bottom: max(15px, calc(20 * var(--px)));
    background: var(--base-color-white);
    border-radius: 50%;
    width: max(40px, calc(50 * var(--px)));
    aspect-ratio: 1;
    pointer-events: none;
  }
  
  .module-houses .house-teaser div.icon svg {
    display: block;
    width: max(18px, calc(18 * var(--px)));
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .module-houses .house-teaser div.icon svg path {
    fill: currentColor;
  }