.house-intro {
  position: relative;
  padding-block: clamp(4.5rem, 3.1047rem + 4.6512vw, 7.5rem);
  background-color: #FCFBF6;
  border-radius: 40px 40px 0 0;
}
.house-intro .overview {
  width: clamp(87.75rem, 22.4656rem + 69.084vw, 133rem);
  max-width: 93vw;
  margin-inline: auto;
  width: clamp(72.875rem, 18.5916rem + 57.4427vw, 110.5rem);
  margin-bottom: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
}
.house-intro .headline {
  font-size: clamp(2.625rem, 2.218rem + 1.3566vw, 3.5rem);
  line-height: 1.07;
  letter-spacing: -2%;
  color: #36332C;
  max-width: 18ch;
  margin-bottom: 40px;
  text-wrap: balance;
}
.house-intro .headline em,
.house-intro .headline i {
  letter-spacing: -1%;
}
.house-intro .badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
}
.house-intro .favorite {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
  border-radius: 50%;
  background-color: #eee;
  backdrop-filter: blur(7.5px);
  border: none;
  cursor: pointer;
  color: #36332C;
  transition: background-color 0.2s ease;
}
.house-intro .favorite:hover {
  background-color: #F0ECE2;
}
.house-intro .favorite svg {
  display: block;
  width: 1rem;
  height: 1rem;
}
.house-intro .favorite .icon-active {
  display: none;
}
.house-intro .favorite.is-active {
  background-color: #F0ECE2;
  color: #69628C;
}
.house-intro .favorite.is-active .icon-default {
  display: none;
}
.house-intro .favorite.is-active .icon-active {
  display: block;
}
.house-intro .favorite.is-active:hover {
  background-color: #FCFBF6;
}
.house-intro .badge {
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.8459rem + 0.0969vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1%;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  background-color: #F0ECE2;
  color: #36332C;
}
.house-intro .badge.is-aktion {
  color: #36332C;
  background-color: #fff68f;
}
.house-intro .badge.is-musterhaus {
  color: #36332C;
  background-color: #f1ddff;
}
.house-intro .badge.is-kfn {
  color: #36332C;
  background-color: #F0ECE2;
}
.house-intro .badge-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.house-intro .badge-icon svg {
  display: block;
  width: 1rem;
  height: 1rem;
}
.house-intro .badge-icon svg path {
  fill: currentColor;
}
.house-intro .details {
  display: grid;
  grid-template-columns: 60% 30%;
  gap: 10%;
}
@media only screen and (max-width: 1079.98px) {
  .house-intro .details {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.house-intro .text p {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  color: #564E46;
}
.house-intro .specs {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1079.98px) {
  .house-intro .specs {
    width: 100%;
    max-width: 25rem;
    margin-inline: auto;
  }
}
.house-intro .spec {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem);
  padding: clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem) 1rem;
  margin: 0;
  border-bottom: 1px solid #D1CBC2;
}
.house-intro .spec:first-child {
  padding-top: 0;
}
.house-intro .spec .icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  color: #756960;
}
.house-intro .spec .icon svg {
  width: 100%;
  height: auto;
}
.house-intro .spec .label {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  letter-spacing: -2%;
  font-weight: 600;
  line-height: 1.2;
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  letter-spacing: normal;
  font-weight: 600;
  color: #756960;
  transform: translateY(0.5em);
}
.house-intro .spec .value {
  font-size: clamp(1.3125rem, 1.2253rem + 0.2907vw, 1.5rem);
  line-height: 1.3;
  color: #36332C;
  transform: translateY(0.25em);
}
.house-intro .spec .value em,
.house-intro .spec .value i {
  letter-spacing: 1%;
}
.house-intro .highlights {
  width: clamp(87.75rem, 22.4656rem + 69.084vw, 133rem);
  max-width: 93vw;
  margin-inline: auto;
}
.house-intro .highlights-column {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 0.4012rem + 1.1628vw, 1.5rem);
  max-width: 58.25%;
}
@media only screen and (max-width: 1511.98px) {
  .house-intro .highlights-column {
    max-width: 100%;
  }
}
.house-intro .quote {
  width: fit-content;
  font-size: clamp(1.3125rem, 1.2253rem + 0.2907vw, 1.5rem);
  line-height: 1.3;
  color: #36332C;
  font-family: "IvyPresto Headline Italic";
  font-style: italic;
  font-weight: 300;
  max-width: 32ch;
  color: #787547;
}
.house-intro .quote em,
.house-intro .quote i {
  letter-spacing: 1%;
}
.house-intro .quote::before {
  content: "“";
}
.house-intro .quote::after {
  content: "”";
}
.house-intro .quote:has(p) {
  max-width: none;
}
.house-intro .quote:has(p)::before, .house-intro .quote:has(p)::after {
  content: none;
}
.house-intro .quote:has(p) p {
  font-size: clamp(1.3125rem, 1.2253rem + 0.2907vw, 1.5rem);
  line-height: 1.3;
  color: #36332C;
  font-family: "IvyPresto Headline Italic";
  font-style: italic;
  font-weight: 300;
  max-width: 32ch;
  color: #787547;
  margin: 0 0 0.5em;
}
.house-intro .quote:has(p) p em,
.house-intro .quote:has(p) p i {
  letter-spacing: 1%;
}
.house-intro .quote:has(p) p:last-child {
  margin-bottom: 0;
}
.house-intro .quote:has(p) p:first-child::before {
  content: "“";
}
.house-intro .quote:has(p) p:last-child::after {
  content: "”";
}
.house-intro .award {
  margin-left: auto;
}
@media only screen and (max-width: 1511.98px) {
  .house-intro .award {
    margin-inline: auto;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fpartials%5C%2Fhouse%5C%2Fhouse-intro.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEACI%3BEACA%2CeC0FU%3BEDzFV%2CkBC2CQ%3BED1CR%3B%3BAAEA%3BEEgBH%3BEACA%3BEACA%3BEAGC%3BEFnBM%2CeCmFK%3B%3BADhFT%3BEGoBA%3BEACA%3BEACA%3BEACA%2COFjCQ%3BEDYJ%3BEACA%2CeC4EI%3BED3EJ%3B%3BAGqBJ%3BAAAA%3BEAEI%3B%3BAHpBJ%3BEACI%3BEACA%3BEACA%3BEACA%2CKCgEM%3BED%5C%2FDN%2CeCoEK%3B%3BADjET%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CcCwDI%3BEDvDJ%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2COCrCI%3BEDsCJ%3B%3BAAEA%3BEACI%2CkBCjCA%3B%3BADoCJ%3BEACI%3BEACA%3BEACA%3B%3BAAGJ%3BEAAgB%3B%3BAAEhB%3BEACI%2CkBC7CA%3BED8CA%2COC7BC%3B%3BAD%2BBD%3BEAAgB%3B%3BAAChB%3BEAAgB%3B%3BAAEhB%3BEACI%2CkBCfJ%3B%3BADoBR%3BEG4FA%2CaFtGW%3BEEuGX%3BEACA%2CaFnGQ%3BEEoGR%3BEACA%3BEH9FI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CkBChEI%3BEDiEJ%2COCzEI%3B%3BAD2EJ%3BEACI%2COC5EA%3BED6EA%3B%3BAAGJ%3BEACI%2COCjFA%3BEDkFA%3B%3BAAGJ%3BEACI%2COCtFA%3BEDuFA%2CkBC%5C%2FEA%3B%3BADmFR%3BEACI%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3B%3BAAKZ%3BEACI%3BEACA%3BEACA%3B%3BAExGP%3BEFqGG%3BIAMQ%3BIACA%2CKCzBA%3B%3B%3BAD6BR%3BEGZA%3BEHcI%2COCtHI%3B%3BADyHR%3BEACI%3BEACA%3B%3BAEvHP%3BEFqHG%3BIAKQ%3BIACA%3BIACA%3B%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%2CKClDI%3BEDmDJ%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%2COCnJA%3B%3BADqJA%3BEACI%3BEACA%3B%3BAAIR%3BEGpCJ%3BEACA%3BEACA%2CaFhEU%3BEEiEV%3BEAQI%3BEACA%3BEH0BI%2CaCpGE%3BEDqGF%2COC9JA%3BED%2BJA%3B%3BAAGJ%3BEG3EJ%3BEACA%3BEACA%2COF7FQ%3BEDwKA%3B%3BAGzER%3BAAAA%3BEAEI%3B%3BAH2EJ%3BEEvJH%3BEACA%3BEACA%3B%3BAFyJG%3BEACI%3BEACA%3BEACA%2CKCjGC%3BEDkGD%3B%3BAE9KP%3BEF0KG%3BIAOQ%3B%3B%3BAAIR%3BEACI%3BEGjGJ%3BEACA%3BEACA%2COF7FQ%3BEDgMJ%2CaCxIU%3BEDyIV%3BEACA%2CaCxIG%3BEDyIH%3BEACA%2COCzLI%3B%3BAEoFR%3BAAAA%3BEAEI%3B%3BAHsGA%3BEACI%3B%3BAAEJ%3BEACI%3B%3BAAIJ%3BEACI%3B%3BAAGA%3BEAEI%3B%3BAAGJ%3BEG7HR%3BEACA%3BEACA%2COF7FQ%3BED0NI%2CaClKE%3BEDmKF%3BEACA%2CaClKL%3BEDmKK%3BEACA%2COCnNJ%3BEDoNI%3B%3BAGhIZ%3BAAAA%3BEAEI%3B%3BAHgIQ%3BEACI%3B%3BAAGJ%3BEACI%3B%3BAAEJ%3BEACI%3B%3BAAMhB%3BEACI%3B%3BAE1OP%3BEFyOG%3BIAIQ%22%7D */