.hausbau{position:relative}.hat-js .hausbau{height:340vh}.hausbau-buehne{padding-block:var(--raum-8);position:relative}.hat-js .hausbau-buehne{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-block:88px 0}.hausbau-kopf{margin-bottom:var(--raum-5)}.hausbau-kopf h2{max-width:34ch;font-size:var(--text-xl)}@media(max-width:899px){.hausbau-kopf h2{font-size:var(--text-l);max-width:none}.hausbau-kopf{margin-bottom:var(--raum-4)}}.hausbau-raster{display:grid;gap:var(--raum-6);align-items:center;width:100%}@media(min-width:900px){.hausbau-raster{grid-template-columns:1.35fr 1fr;gap:var(--raum-7)}}.hausbau-bild{margin:0}.hausbau-bild svg{width:100%;height:auto;max-height:min(70vh,620px);display:block;margin-inline:auto}@media(max-width:899px){.hausbau-bild svg{max-height:34vh}}.hb-linien path,.hb-linien rect,.hb-linien circle{stroke-dasharray:1;stroke-dashoffset:0}.hb-licht rect{opacity:.9}.hb-licht{filter:drop-shadow(0 0 14px rgba(201,164,82,.5))}.hat-js .hb-linien path,.hat-js .hb-linien rect,.hat-js .hb-linien circle{stroke-dashoffset:1}.hat-js .hb-fenster circle{fill-opacity:0}.hat-js .hb-licht rect{opacity:0;transition:opacity .55s ease}.hausbau-stufe{padding-block:var(--raum-5)}.hat-js .hausbau-stufen{position:relative;min-height:360px}@media(max-width:899px){.hat-js .hausbau-stufen{min-height:320px}}.hat-js .hausbau-stufe{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.61,.36,1);pointer-events:none;padding-block:0}.hat-js .hausbau-stufe.aktiv{opacity:1;transform:none;pointer-events:auto}.hausbau-nr{font-family:var(--schrift-titel);font-size:var(--text-l);color:var(--gold-hell);letter-spacing:.12em;margin-bottom:var(--raum-3)}.hausbau-nr span{opacity:.45;font-size:var(--text-s)}.hausbau-stufe h3{font-size:var(--text-2xl);margin-bottom:var(--raum-3)}.hausbau-text{opacity:.85;max-width:42ch}.hausbau-stufe a{color:var(--gold-hell);font-weight:600;text-decoration:none}.hausbau-stufe a:hover{text-decoration:underline;text-decoration-color:var(--gold)}.hausbau-balken{display:none}.hat-js .hausbau-balken{display:block;position:absolute;left:0;bottom:84px;width:min(280px,70%);height:1px;background:#faf8f42e}@media(max-width:899px){.hat-js .hausbau-balken{display:none}}.hausbau-balken span{display:block;height:100%;background:var(--gold);transform:scaleX(var(--hb-p, 0));transform-origin:left center}.hat-js .hausbau-schluss{position:absolute;bottom:0;left:0;margin:0;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.hat-js .hausbau-schluss.aktiv{opacity:1;transform:none}.hausbau-schluss{margin-top:var(--raum-5)}@media(prefers-reduced-motion:reduce){.hausbau{height:auto!important}.hausbau-buehne{position:static!important;height:auto!important}.hb-linien path,.hb-linien rect,.hb-linien circle{stroke-dashoffset:0!important}.hb-licht rect{opacity:.9!important}.hausbau-stufe{position:static!important;opacity:1!important;transform:none!important;pointer-events:auto!important}.hausbau-schluss{position:static!important;opacity:1!important}}.manifest{padding-block:var(--raum-9)}.manifest-satz{font-family:var(--schrift-titel);font-weight:500;font-size:var(--text-4xl);line-height:var(--zeilenhoehe-titel);max-width:22ch;margin:0 auto var(--raum-6);text-wrap:balance}.manifest-gold{color:var(--gold-hell);position:relative;white-space:nowrap}.manifest-gold:after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left center}.manifest-wer{font-size:var(--text-s);letter-spacing:.18em;text-transform:uppercase;color:#faf8f48c;margin:0}@media(prefers-reduced-motion:no-preference){.hat-js .manifest-gold:after{transition:transform 1s cubic-bezier(.22,.61,.36,1)}.hat-js .manifest.sichtbar .manifest-gold:nth-of-type(1):after{transform:scaleX(1);transition-delay:.4s}.hat-js .manifest.sichtbar .manifest-gold:nth-of-type(2):after{transform:scaleX(1);transition-delay:.9s}}@media(prefers-reduced-motion:reduce){.manifest-gold:after{transform:scaleX(1)}}