/* Client final adjustments, 18 September 2026. */
.phase.aktuell{background:transparent;border:0;border-top:1px solid var(--linie-stark);padding:32px 18px 20px;gap:12px}
.phase-status{background:transparent;color:var(--akzent-text);padding:0;font-size:11px;font-weight:600;letter-spacing:.035em}
.phase-status:before{content:"";width:5px;height:5px;margin:5px 7px 0 0;border-radius:50%;background:currentColor}
.phase.aktuell .phase-name{font-weight:400;font-size:20px}
.phase.aktuell .phase-datum{color:var(--fg-2);font-weight:400}
.ensemble-plan figcaption a{background:#000;color:var(--bg);text-decoration:none;padding:13px 18px;justify-self:start;min-height:48px}
.ensemble-plan figcaption a:hover{background:var(--akzent-text)}
.townhouse-interiors{display:grid;grid-template-columns:1fr 1fr;gap:40px 5%;padding-top:65px}
.townhouse-interiors figure{margin:0;min-width:0}
.townhouse-interiors a{display:block;overflow:hidden}
.townhouse-interiors img{display:block;width:100%;height:auto}
.townhouse-interiors figcaption{font-size:13px;line-height:1.6;padding-top:12px;color:var(--fg-2)}
.badge-reserviert{font-size:12px;letter-spacing:.025em;color:oklch(40% .055 69);background:oklch(94% .022 80);padding:5px 8px;white-space:nowrap}
.stellplaetze{width:100%;max-width:none;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:start;gap:50px;padding:36px;margin-top:52px}
.stellplaetze h3{font-size:clamp(28px,3vw,38px);line-height:1.15}
.stellplaetze-preise{min-width:0;padding-top:3px}
.stellplaetze-preise>p{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;line-height:1.2;margin:16px 0 0;max-width:none}
.stellplaetze-preise>p>.stellplatz-preis{font-family:var(--font-display);font-size:clamp(25px,2.4vw,36px);color:var(--fg);white-space:nowrap}
.stellplaetze-preise>p>.stellplatz-oder{font-size:14px;color:var(--fg-2)}
.gewerbe-hinweis{max-width:78ch;font-size:14px;line-height:1.75;color:var(--fg-2);margin-top:24px}
.gewerbe-visualisierung{margin:0 0 36px}
.gewerbe-visualisierung a{display:block}
.gewerbe-visualisierung img{display:block;width:100%;height:auto}
.gewerbe-visualisierung figcaption{font-size:13px;line-height:1.65;padding-top:12px;color:var(--fg-2)}
.foerderung-inhalte{isolation:isolate;background:var(--bg-2)}
.kfw-logo{mix-blend-mode:multiply;background:transparent}
.nav .nav-instagram{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0}
.nav-instagram svg{display:block;flex-shrink:0}
@media(min-width:1000px){.kopf .nav{align-items:center}}
@media(max-width:999px){.stellplaetze{gap:28px;padding:28px}.nav{gap:18px}}
@media(max-width:759px){
 .phase.aktuell{margin-left:0;margin-bottom:0;padding:22px 18px;border:0;border-left:1px solid var(--linie);gap:6px 14px}
 .phase-status{margin-bottom:2px;font-size:11px}
 .phase.aktuell .phase-name{font-size:17px}
 .townhouse-interiors{grid-template-columns:1fr;gap:30px;padding-top:35px}
 .townhouse-interiors figcaption{font-size:12px}
 .stellplaetze{grid-template-columns:1fr;padding:24px;gap:26px;margin-top:36px}
 .stellplaetze-preise>p{gap:9px 12px;margin-top:12px}
 .stellplaetze-preise>p>.stellplatz-preis{font-size:26px}
 .gewerbe-hinweis{font-size:13px;margin-top:20px}
 .gewerbe-visualisierung{margin-bottom:25px}
 .gewerbe-visualisierung figcaption{font-size:12px}
 .badge-reserviert{font-size:11px;padding:4px 6px}
 .nav .nav-instagram{justify-content:flex-start;width:44px}
}

/* Register architecture edges, not illuminated interiors or people.
   Measured against the night frame at 1750 x 1000; cover-scaled offsets also work on phones. */
.vergleich[data-view="front"] img{transform:scale(1.02)}
.vergleich[data-view="front"] .vergleich-tag img{transform:scale(1.02) translate(max(0.066275578cqw,0.115982262cqh),max(0.058261457cqw,0.101957549cqh)) matrix(1.004959196,0.000159257,0.002596261,1.009325093,0,0)}

/* Review follow-up: shared image viewer and aligned commercial/footer rows. */
[data-gallery]{cursor:zoom-in}
.lightbox button{background:color-mix(in srgb,var(--fg) 88%,transparent)}
.lightbox button:hover{background:var(--bg);color:var(--fg)}
.townhouse-details figure>a{display:block}
.gewerbe-visualisierung img{aspect-ratio:7/4;object-fit:cover}
.fuss .legal{align-items:center}
.fuss .instagram-link{display:inline-flex;align-items:center;white-space:nowrap;line-height:1}
.fuss .instagram-link svg{display:block}
@media(min-width:760px){.fuss .instagram-link{margin-left:auto}}