@charset "UTF-8";
/* Kleine Duene, Entwurf 02: Eckdaten-Leiste als Glas-Leiste im unteren Rand der Karte (Unschaerfe, kein Weiss).
   Basis: home-entwurf-ki.css + leuchtturm-entwurf-01.css (gemeinsame Wohnungs-Bausteine). */

body.kd2 { --kd-bar: 96px; }

/* Leiste ueberlagert den unteren Rand von Text-Panel und Galerie */
.kd2 .fw-splitsec { padding-bottom: 0; }
/* Hauptkarte unten ebenfalls gerundet, damit unter der runden Glas-Leiste keine spitze Ecke (z. B. der Galerie) hervorschaut */
.kd2 .fw-split { border-radius: var(--h-radius); }
.kd2 .fw-split__panel { padding-bottom: calc(clamp(36px, 4.6vw, 68px) + var(--kd-bar)); }
.kd2 .fw-facts {
  position: relative; z-index: 3; margin-top: calc(var(--kd-bar) * -1); padding: 0 0 clamp(64px, 7vw, 110px);
  background: linear-gradient(180deg, transparent var(--kd-bar), var(--h-warm) var(--kd-bar));
}
.kd2 .fw-facts__bar {
  position: relative; box-sizing: border-box; min-height: var(--kd-bar); border: 0; border-radius: 0 0 var(--h-radius) var(--h-radius);
  background: linear-gradient(180deg, rgba(26, 30, 34, .5), rgba(18, 21, 24, .72));
  -webkit-backdrop-filter: blur(24px) saturate(1.35); backdrop-filter: blur(24px) saturate(1.35); box-shadow: 0 34px 60px -44px rgba(34, 34, 34, .6);
}
.kd2 .fw-facts__bar::before { left: 0; right: 0; background: linear-gradient(90deg, transparent, rgba(169, 205, 234, .75), transparent); }
.kd2 .fw-fact { padding: 0 clamp(20px, 2.6vw, 40px); }
.kd2 .fw-fact + .fw-fact { border-left: 1px solid rgba(255, 255, 255, .16); }
.kd2 .fw-fact figure { width: 52px; height: 52px; border: 1px solid rgba(169, 205, 234, .6); background: rgba(255, 255, 255, .07); transition: background-color .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1); }
.kd2 .fw-fact figure img { width: 24px; height: 24px; filter: invert(1); transition: filter .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1); }
.kd2 .fw-fact:hover figure { background: #fff; transform: scale(1.08); }
.kd2 .fw-fact:hover figure img { filter: none; transform: scale(1.12); }
.kd2 .fw-fact p { color: #fff; font-size: .92rem; font-weight: 500; letter-spacing: .05em; }

@media (max-width: 960px) {
  body.kd2 { --kd-bar: 0px; }
  .kd2 .fw-split { border-radius: var(--h-radius) var(--h-radius) 0 0; }
  .kd2 .fw-split__panel { padding-bottom: clamp(36px, 4.6vw, 68px); }
  .kd2 .fw-facts { margin-top: 0; background: var(--h-warm); }
  .kd2 .fw-facts__bar { background: linear-gradient(180deg, #262a2e, #1d2024); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .kd2 .fw-fact { padding: 24px clamp(22px, 5vw, 40px); }
  .kd2 .fw-fact + .fw-fact { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .14); }
}

/* Ausstattung (responsive): Hinweis und Reservieren-Button zentriert */
@media (max-width: 767px) {
  .kd2 .fw-eqfoot { flex-direction: column; align-items: center; text-align: center; }
  .kd2 .fw-hint, .kd2 .fw-notes { justify-content: center; }
  .kd2 .fw-note { text-align: left; }
  .kd2 .fw-reserve, .kd2 .fw-reserve .wp-block-buttons { justify-content: center; width: 100%; }
}

/* Wohnungen mit 6 Ausstattungs-Punkten (Turmwohnung) und ohne Hinweis (Seestern) */
@media (min-width: 1101px) {
  .kifw .fw-eq--six { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
.kifw .fw-eqfoot:not(:has(.fw-hint)) { justify-content: center; }