.ce_modelhousemap {
  position: relative;
  padding-block: clamp(4.5rem, 3.1047rem + 4.6512vw, 7.5rem);
  background-color: #FCFBF6;
}
.ce_modelhousemap:first-child {
  padding-top: 8rem;
}
.ce_modelhousemap .inside {
  width: clamp(87.75rem, 22.4656rem + 69.084vw, 133rem);
  max-width: 93vw;
  margin-inline: auto;
}
.ce_modelhousemap .section-header {
  margin-bottom: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
}
.ce_modelhousemap .section-overline {
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #787547;
  display: block;
  margin-bottom: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
}
.ce_modelhousemap .section-headline {
  font-size: clamp(2.625rem, 2.218rem + 1.3566vw, 3.5rem);
  line-height: 1.07;
  letter-spacing: -2%;
  color: #36332C;
  max-width: 24ch;
}
.ce_modelhousemap .section-headline em,
.ce_modelhousemap .section-headline i {
  letter-spacing: -1%;
}
.ce_modelhousemap .modelhouse-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
}
@media only screen and (max-width: 1079.98px) {
  .ce_modelhousemap .modelhouse-wrapper {
    flex-direction: column-reverse;
  }
}
.ce_modelhousemap .modelhouse-list {
  width: 100%;
}
@media only screen and (min-width: 1080px) {
  .ce_modelhousemap .modelhouse-list {
    width: calc(50% - clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem));
    padding-block: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
  }
}
.ce_modelhousemap .modelhouse-map {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 9/12;
  max-height: calc(100vh - clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem) * 2);
  border-radius: 20px;
  background-color: #F0ECE2;
}
@media only screen and (min-width: 1080px) {
  .ce_modelhousemap .modelhouse-map {
    width: 50%;
    position: sticky;
    top: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
  }
}
.ce_modelhousemap .modelhouse-map-canvas {
  height: 100%;
}
.ce_modelhousemap .modelhouse-map-canvas .leaflet-map-pane .leaflet-tile-pane,
.ce_modelhousemap .modelhouse-map-canvas .leaflet-control-attribution {
  filter: brightness(1.15) grayscale(0.95);
}
.ce_modelhousemap .modelhouse-map-canvas .leaflet-marker-pane .okal-map-pin img {
  width: 100%;
  height: auto;
}
.ce_modelhousemap .modelhouse-map-canvas .leaflet-marker-pane .okal-map-pin-active {
  z-index: 800 !important;
}
.ce_modelhousemap .modelhouse-map-canvas .leaflet-marker-pane .okal-map-pin-active img {
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5));
}
.ce_modelhousemap .modelhouse-map-canvas .leaflet-marker-pane:has(.okal-map-pin-active) .okal-map-pin:not(.okal-map-pin-active) img {
  filter: brightness(1.8) grayscale(0.95);
}
.ce_modelhousemap .modelhouse-item {
  position: relative;
  max-width: 43.125rem;
  scroll-margin-top: 16px;
}
.ce_modelhousemap .modelhouse-item > a {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  color: unset;
}
.ce_modelhousemap .modelhouse-item > a:hover .modelhouse-image img {
  scale: 1.08;
}
.ce_modelhousemap .modelhouse-item:where(:not(:last-child)) {
  margin-bottom: 16px;
}
.ce_modelhousemap .modelhouse-image {
  position: relative;
  width: 30%;
  aspect-ratio: 5/4;
  border-radius: 20px;
  overflow: hidden;
  background-color: #F0ECE2;
}
@media only screen and (min-width: 580px) {
  .ce_modelhousemap .modelhouse-image {
    aspect-ratio: 16/9;
  }
}
.ce_modelhousemap .modelhouse-image picture {
  display: block;
  width: 100%;
  height: 100%;
}
.ce_modelhousemap .modelhouse-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.4s linear;
}
.ce_modelhousemap .modelhouse-info {
  width: calc(70% - 16px);
}
.ce_modelhousemap .modelhouse-header {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}
.ce_modelhousemap .modelhouse-header span {
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #787547;
  display: flex;
  align-items: center;
}
.ce_modelhousemap .modelhouse-header svg {
  width: 16px;
  margin-right: 0.5rem;
}
.ce_modelhousemap .modelhouse-title {
  font-size: clamp(1.3125rem, 1.2253rem + 0.2907vw, 1.5rem);
  line-height: 1.3;
  color: #36332C;
}
.ce_modelhousemap .modelhouse-title em,
.ce_modelhousemap .modelhouse-title i {
  letter-spacing: 1%;
}
.ce_modelhousemap .modelhouse-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 8px;
}
.ce_modelhousemap .modelhouse-badge {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 20px;
}
.ce_modelhousemap .modelhouse-badge-aktion {
  background-color: #fff68f;
  color: #36332C;
}
.ce_modelhousemap .modelhouse-badge-kfn {
  background-color: #F0ECE2;
  color: #36332C;
}
.ce_modelhousemap .modelhouse-badge-musterhaus {
  background-color: #f1ddff;
  color: #36332C;
}
.ce_modelhousemap .modelhouse-badge-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ce_modelhousemap .modelhouse-badge-icon svg {
  display: block;
  width: 1rem;
  height: 1rem;
}
.ce_modelhousemap .modelhouse-badge-icon svg path {
  fill: currentColor;
}
.ce_modelhousemap .modelhouse-favorite {
  position: absolute;
  top: 8px;
  left: calc(30% - 8px);
  translate: -100% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: rgba(252, 251, 246, 0.5);
  backdrop-filter: blur(7.5px);
  border: none;
  cursor: pointer;
  color: #36332C;
  transition: background-color 0.2s ease;
  z-index: 2;
}
.ce_modelhousemap .modelhouse-favorite:hover {
  background-color: #F0ECE2;
}
.ce_modelhousemap .modelhouse-favorite svg {
  display: block;
  width: 1rem;
  height: 1rem;
}
.ce_modelhousemap .modelhouse-favorite .icon-active {
  display: none;
}
.ce_modelhousemap .modelhouse-favorite.is-active {
  background-color: #F0ECE2;
  color: #69628C;
}
.ce_modelhousemap .modelhouse-favorite.is-active .icon-default {
  display: none;
}
.ce_modelhousemap .modelhouse-favorite.is-active .icon-active {
  display: block;
}
.ce_modelhousemap .modelhouse-favorite.is-active:hover {
  background-color: #FCFBF6;
}

/*# 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%2Felements%5C%2Fce_modelhousemap.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%3BEACC%3BEACA%2CeC0Fa%3BEDzFb%2CkBC2CW%3B%3BADzCX%3BEACC%3B%3BAAGD%3BEEaA%3BEACA%3BEACA%3B%3BAFVC%3BEACC%2CeC4EU%3B%3BAD1EX%3BEGgIE%3BEACA%2CaFrFQ%3BEEsFR%3BEACA%3BEACA%3BEACA%2COF1IQ%3BEDOT%3BEACA%2CeCoES%3B%3BADlEV%3BEGSE%3BEACA%3BEACA%3BEACA%2COFjCQ%3BEDuBT%3B%3BAGYC%3BAAAA%3BEAEI%3B%3BAHTN%3BEACC%3BEACA%3BEACA%2CKCwDS%3B%3BACjFX%3BEFsBC%3BIAME%3B%3B%3BAAIF%3BEACC%3B%3BAEvCF%3BEFsCC%3BIAIE%3BIACA%2CeC%2BCS%3B%3B%3BAD3CX%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%2CeCuBU%3BEDtBV%2CkBC7CS%3B%3BACRX%3BEF%2BCC%3BIASE%3BIACA%3BIACA%2CKC6BQ%3B%3B%3BAD1BT%3BEACC%3B%3BAAEA%3BAAAA%3BEAEC%3B%3BAAKC%3BEACC%3BEACA%3B%3BAAGD%3BEACC%3B%3BAAEA%3BEACC%3B%3BAAOD%3BEACC%3B%3BAAQN%3BEACC%3BEACA%3BEACA%2CmBC3BG%3B%3BAD6BH%3BEACC%3BEACA%3BEACA%2CKChCE%3BEDiCF%3BEACA%3B%3BAAGC%3BEACC%3B%3BAAKH%3BEACC%2CeC5CE%3B%3BADgDJ%3BEACC%3BEACA%3BEACA%3BEACA%2CeCjDU%3BEDkDV%3BEACA%2CkBCtHS%3B%3BACRX%3BEFwHC%3BIASE%3B%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3B%3BAAED%3BEACC%3BEACA%3BEACA%3BEACA%3B%3BAAIF%3BEACC%3B%3BAAGD%3BEACC%3BEACA%3BEACA%2CKChFG%3BEDiFH%3BEACA%3B%3BAAEA%3BEGZC%3BEACA%2CaFrFQ%3BEEsFR%3BEACA%3BEACA%3BEACA%2COF1IQ%3BEDmJR%3BEACA%3B%3BAAGD%3BEACC%2COC3FE%3BED4FF%3B%3BAAIF%3BEG7EE%3BEACA%3BEACA%2COF7FQ%3B%3BAE%2BFR%3BAAAA%3BEAEI%3B%3BAH2EN%3BEACC%3BEACA%3BEACA%3BEACA%2CYC3FW%3B%3BAD8FZ%3BEGzEE%3BEAOI%3BEACA%3BEHmEL%3BEACA%3BEACA%2CKClGW%3BEDmGX%3BEACA%2CeC9GU%3B%3BADgHV%3BEACC%3BEACA%2COC7LQ%3B%3BADgMT%3BEACC%2CkBCzLQ%3BED0LR%2COClMQ%3B%3BADqMT%3BEACC%3BEACA%2COCvMQ%3B%3BAD2MV%3BEACC%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3B%3BAAKH%3BEACC%3BEACA%2CKCxIW%3BEDyIX%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2COC1OS%3BED2OT%3BEACA%3B%3BAAEA%3BEACC%2CkBCvOQ%3B%3BAD0OT%3BEACC%3BEACA%3BEACA%3B%3BAAGD%3BEAAgB%3B%3BAAEhB%3BEACC%2CkBCnPQ%3BEDoPR%2COCnOS%3B%3BADqOT%3BEAAgB%3B%3BAAChB%3BEAAgB%3B%3BAAEhB%3BEACC%2CkBCrNO%22%7D */