.module-subpage-teaser .module-inner {
    padding-top: max(90px, calc(220 * var(--px)));
    padding-bottom: max(80px, calc(130 * var(--px)));
  }

  .module-subpage-teaser .cell--intro {
    max-width: calc(1384 * var(--px));
    margin-inline: auto;
    margin-bottom: max(34px, calc(66 * var(--px)));
  }
  
  
  
  
  
  
  
  .module-subpage-teaser .row--houses {
    margin-bottom: max(50px, calc(83 * var(--px)));
  }
  
  .module-subpage-teaser .house-teaser-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  
  .module-subpage-teaser .house-teaser-grid a {
    display: block;
    height: max(130px, calc(170 * var(--px)));
    position: relative;
    box-sizing: border-box;
    padding: 1.17647058823529411764em;
    background: var(--background-color, transparent);
  }
  
  .module-subpage-teaser .house-teaser-grid li[data-type="garden-house"] { --background-color: #87998F; }
  .module-subpage-teaser .house-teaser-grid li[data-type="icon-house"] { --background-color: #918381; }
  .module-subpage-teaser .house-teaser-grid li[data-type="passagen-house"] { --background-color: #B67973; }
  .module-subpage-teaser .house-teaser-grid li[data-type="urban-house"] { --background-color: #CCCCCC; }
  .module-subpage-teaser .house-teaser-grid li[data-type="light-house"] { --background-color: #C2BA9E; }
  
  .module-subpage-teaser .house-teaser-grid :is(li[data-type="urban-house"], li[data-type="light-house"]) {
    opacity: 0.3;
  }
  
  .module-subpage-teaser .house-teaser-grid a > span {
    position: relative;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
  }
  
  .module-subpage-teaser .house-teaser-grid a .row-1 {
    margin-bottom: .70588235294117647058em;
    display: block;
  }
  
  .module-subpage-teaser .house-teaser-grid a .row-1 svg {
    display: block;
    width: calc(45 * var(--px));
    height: auto;
    aspect-ratio: 1;
  }
  
  .module-subpage-teaser .house-teaser-grid a .row-2 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  
  .module-subpage-teaser .house-teaser-grid a .icon {
    margin-left: auto;
  }
  
  .module-subpage-teaser .house-teaser-grid a .icon svg {
    display: block;
    width: 1.05882352941176470588em;
    height: auto;
  }
  
  .module-subpage-teaser .house-teaser-grid a .icon path {
    fill: currentColor;
  }
  
  .module-subpage-teaser .house-teaser-grid a:is([href*="urban"], [href*="light"]) {
    pointer-events: none;
    interactivity: inert;
  }
  
  
  
  
  
  
  
  
  
  .module-subpage-teaser .subpage-teaser-grid {
    display: flex;
    flex-flow: row nowrap;
    gap: 0 calc(46 * var(--px));
    justify-content: center;
  }
  
  .module-subpage-teaser .subpage-teaser-grid > li {
    width: 100%;
    max-width: max(200px, calc(356 * var(--px)));
  }
  
  .module-subpage-teaser .subpage-teaser-grid a {
    display: block;
  }
  
  .module-subpage-teaser .subpage-teaser-grid a > span {
    display: block;
  }
  
  .module-subpage-teaser .subpage-teaser-grid a > span.title {
    margin-bottom: 0.2em;
  }
  
  .module-subpage-teaser .subpage-teaser-grid a > span.btn-set {
    margin-top: 1em;
  }

  
  
  
  
  
  
  @media (max-width: 750px) {
    
    .module-subpage-teaser .cell--intro {
      max-width: none;
    }
    
    .module-subpage-teaser .house-teaser-grid {
      display: flex;
      flex-flow: column nowrap;
    }
    
    .module-subpage-teaser .house-teaser-grid a .row-1 {
      margin-bottom: 20px;
    }
    
    .module-subpage-teaser .house-teaser-grid a .row-1 svg {
      width: 44px;
    }
    
    .module-subpage-teaser .house-teaser-grid a .icon svg {
      width: 23px;
    }
    
  }
  
  
  
  
  
  
  
  
  @media (max-width: 750px) {
    
    .module-subpage-teaser .subpage-teaser-grid {
      flex-flow: column nowrap;
      gap: 40px 0;
    }
    
    .module-subpage-teaser .subpage-teaser-grid > li {
      max-width: none;
    }
    
  }
  
  
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-subpage-teaser .subpage-teaser-grid a {
      position: relative;
      padding-right: 55px;
    }
    
    .module-subpage-teaser .subpage-teaser-grid a > span.btn-set {
      margin-top: 0;
      position: absolute;
      right: 0;
      top: 36px;
    }
    
  }