html body.hybrid-v20:not(.focus-detail) main#main>#intro{padding-bottom:24px!important}html body.hybrid-v20:not(.focus-detail) main#main>#bestand-optionen{background:#fff!important;padding-top:32px!important;padding-bottom:clamp(80px,9vw,142px)!important}html body #bestand-optionen #signature-thesis .geo-copy #h-signature-thesis{font-size:clamp(34px,4vw,58px)!important;font-weight:400!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0!important;max-width:22ch!important;color:var(--color-ink)!important;overflow-wrap:normal;text-wrap:pretty}#h-signature-thesis .signature-keep-line{white-space:nowrap}@media (max-width:400px){#h-signature-thesis .signature-keep-line{white-space:normal}}html body #bestand-optionen #signature-thesis>.signature-road{margin-top:24px}html body #bestand-optionen #signature-thesis{scroll-margin-top:100px}@media (min-width:901px){html body #bestand-optionen #signature-thesis .qc-development>.geo-copy{align-self:start!important;padding-top:clamp(40px,4vw,56px)!important}html body #bestand-optionen #signature-thesis #qc-architecture-stage{max-width:580px!important;justify-self:end;translate:none}}html body :is(#intro,#bestand-optionen) .geo.qc-development{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;grid-template-rows:auto!important;gap:clamp(28px,5vw,72px)!important;align-items:center!important;background:#fff!important;margin-top:32px!important;padding:48px 0 32px!important}html body :is(#intro,#bestand-optionen) .qc-development>.geo-copy{display:block!important;grid-column:1!important;grid-row:1!important;min-width:0;max-width:none!important;padding:0!important;align-self:center!important}html body :is(#intro,#bestand-optionen) .qc-development .geo-copy .lbl{margin:0 0 22px!important}html body :is(#intro,#bestand-optionen) .qc-development #qc-options-title{font-size:clamp(34px,3.8vw,54px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0 0 26px!important;max-width:18ch!important;color:var(--color-ink)!important;overflow-wrap:normal}html body :is(#intro,#bestand-optionen) .qc-development .geo-copy p{font-size:18px!important;line-height:1.65!important;letter-spacing:normal!important;font-weight:400!important;color:var(--color-muted)!important;max-width:42ch!important;margin:0!important;text-wrap:pretty}html body :is(#intro,#bestand-optionen) .qc-development .geo-copy .development-conclusion{margin-top:20px!important;color:var(--color-muted)!important}html body :is(#intro,#bestand-optionen) .qc-development>#qc-architecture-stage{display:flex!important;flex-direction:column;grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;width:100%!important;min-width:0;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;background:#fff!important;border:0!important;box-shadow:none!important;overflow:visible!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage::before,html body :is(#intro,#bestand-optionen) #qc-architecture-stage::after{display:none!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .hero-film-canvas{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1;max-height:680px!important;opacity:1!important;transform:none!important;filter:none!important;mix-blend-mode:normal!important;margin:0!important;overflow:hidden;z-index:auto!important;will-change:auto}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .hero-film-canvas *{animation:none!important;transition:none!important;stroke-dashoffset:0!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.film-building,.film-shell,.film-floor){opacity:1!important;transform:none!important;clip-path:none!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.film-axis,.film-core,.film-columns,.film-dissolve,.film-titleblock,.film-finish-details,.film-boundary,.film-site circle,.film-office text,.film-office>path){display:none!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-site{display:inline!important;opacity:var(--development-site,.3)!important;fill:none;stroke:var(--color-line);transform:none!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-shell .film-outline{stroke-dasharray:1 1!important;stroke-dashoffset:var(--development-outline-offset,0)!important;opacity:var(--development-lines,1)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-shell .film-slabs{stroke-dasharray:1 1!important;stroke-dashoffset:var(--development-slabs-offset,0)!important;opacity:var(--development-lines,1)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.film-shell-face,.film-shell-side,.film-shell-roof){opacity:var(--development-shell-fill,1)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-shell-face{fill:var(--color-softest)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-shell-side{fill:color-mix(in srgb,var(--color-soft) 92%,var(--color-accent))!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-shell-roof{fill:var(--color-soft)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-outline{stroke:var(--color-muted)!important;stroke-width:1.3;fill:none}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.film-slabs,.film-columns){stroke:color-mix(in srgb,var(--color-line) 75%,var(--color-accent))!important;stroke-width:1;fill:none}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-office{display:inline!important;opacity:var(--development-office,0)!important;transform:none!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-office rect{fill:var(--color-line)!important;stroke:var(--color-muted)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-facade{display:inline!important;opacity:var(--development-facade,1)!important;transform:none!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-facade-skin{fill:var(--color-soft)!important;stroke:var(--color-muted)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-facade-side-skin{fill:color-mix(in srgb,var(--color-soft) 88%,var(--color-accent))!important;stroke:var(--color-muted)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-facade rect{fill:color-mix(in srgb,var(--color-soft) 70%,var(--color-accent))!important;stroke:var(--color-muted)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-new-floor{display:inline!important;opacity:var(--development-floor,1)!important;transform:translateY(var(--development-floor-y,0px))!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-setback{display:inline!important;opacity:var(--development-setback,1)!important;transform:translateY(var(--development-setback-y,0px))!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.film-new-face,.film-setback-face){fill:color-mix(in srgb,var(--brand-signal,#0e7467) 26%,#fff)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.film-new-side,.film-setback-side){fill:color-mix(in srgb,var(--brand-signal,#0e7467) 44%,#fff)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.film-new-roof,.film-setback-roof,.film-roof-terrace){fill:color-mix(in srgb,var(--brand-signal,#0e7467) 10%,#fff)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.film-new-outline,.film-setback-outline,.film-terrace,.film-new-windows-front,.film-new-windows-side,.film-setback-glass){stroke:var(--brand-signal,#0e7467)!important;fill:none}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.film-new-floor rect,.film-setback rect){fill:color-mix(in srgb,var(--brand-signal,#0e7467) 58%,#fff)!important;stroke:var(--brand-signal,#0e7467)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-analysis{display:inline!important;opacity:var(--development-analysis,0)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-scan-line{fill:url(#film-scan-gradient)!important;height:2px;opacity:var(--development-scan,0)!important;transform:translateY(var(--development-scan-y,0px)) scaleX(var(--development-scan-scale,.7))!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage #film-scan-gradient stop{stop-color:var(--brand-signal,#0e7467)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-analysis-point{display:inline!important;transform:none!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-analysis-point-1{opacity:var(--development-point-1,0)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-analysis-point-2{opacity:var(--development-point-2,0)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-analysis-point-3{opacity:var(--development-point-3,0)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-analysis-point path{display:inline!important;fill:none;stroke:var(--color-accent)!important;stroke-width:1.2;stroke-dasharray:3 4}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-analysis-point text{display:inline!important;fill:var(--color-dark)!important;font:500 16px/1 var(--sans)!important;text-anchor:middle;dominant-baseline:central;letter-spacing:0!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-analysis-point circle{r:12px;fill:#fff;fill-opacity:1;stroke:var(--brand-signal,#0e7467)!important;stroke-width:1.2}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-pv{opacity:var(--development-pv,1)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .pv-face{fill:#4d766b;stroke:#a6bfb5;stroke-width:1}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .pv-shadow{fill:var(--color-dark);opacity:.12;stroke:none}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .pv-edge{fill:#a6bfb5;stroke:none}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .pv-edge-side{fill:#315b50;stroke:none}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .pv-support{fill:none;stroke:#6d8b80;stroke-width:1.3}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .pv-cells{fill:none;stroke:#bdd1c9;stroke-width:.65;opacity:.75}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-shading{opacity:var(--development-facade,1)!important;fill:none;stroke:var(--color-accent)!important;stroke-width:1.6}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-economics{opacity:var(--development-economics,0)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-economics path{stroke:var(--color-accent)!important;stroke-width:2.5;fill:none}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-structure{opacity:var(--development-structure,0)!important;fill:none;stroke:var(--color-dark);stroke-width:1.3}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-services{opacity:var(--development-services,0)!important;fill:none;stroke:var(--color-accent);stroke-width:1.4;stroke-dasharray:4 5}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-callouts{opacity:var(--development-outcome,1)!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-callouts path{fill:none;stroke:var(--color-muted);stroke-width:1;stroke-dasharray:3 5}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.development-callouts text,.film-analysis-point .development-point-label){font:400 22px/1.2 var(--sans)!important;fill:var(--color-muted)!important;stroke:#fff;stroke-width:4;paint-order:stroke fill;letter-spacing:0!important;dominant-baseline:auto;text-anchor:start}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.development-callouts text,.film-analysis-point .development-point-label)[text-anchor=end]{text-anchor:end!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-analysis-point .development-point-label{text-anchor:start!important;dominant-baseline:auto!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .film-analysis-point .development-point-label[text-anchor=end]{text-anchor:end!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-phase{font:400 22px/1.2 var(--sans)!important;fill:var(--color-muted)!important;letter-spacing:0!important;opacity:var(--development-ready,1)}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-toggle{flex-shrink:0;min-width:88px;min-height:44px;padding:8px 4px;border:0;background:0 0;text-align:right;color:var(--color-muted);font:400 14px/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-toggle:hover{color:var(--color-dark)}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-toggle[hidden]{display:none!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-note{display:block!important;position:static!important;font:400 12px/1.6 var(--sans)!important;color:var(--color-muted)!important;letter-spacing:normal!important;margin:6px 0 0!important;width:auto!important;max-width:none!important}.js #qc-architecture-stage{--development-lines:0;--development-outline-offset:1;--development-slabs-offset:1;--development-shell-fill:0;--development-site:0;--development-office:0;--development-facade:0;--development-floor:0;--development-setback:0;--development-pv:0;--development-outcome:0;--development-ready:0}@media (max-width:900px){html body :is(#intro,#bestand-optionen) .geo.qc-development{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;padding:40px 0 24px!important}html body :is(#intro,#bestand-optionen) .qc-development>.geo-copy{grid-column:1!important;grid-row:1!important}html body :is(#intro,#bestand-optionen) .qc-development>#qc-architecture-stage{grid-column:1!important;grid-row:2!important;max-width:620px!important;justify-self:center}html body :is(#intro,#bestand-optionen) .qc-development .geo-copy p{max-width:56ch!important}html body :is(#intro,#bestand-optionen) .qc-development #qc-options-title{max-width:none!important}}@media (max-width:480px){html body :is(#intro,#bestand-optionen) .qc-development .geo-copy p{font-size:17px!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage :is(.development-callouts text,.film-analysis-point .development-point-label,.development-phase){font-size:30px!important}}@media (prefers-reduced-motion:reduce),print{html body :is(#intro,#bestand-optionen) #qc-architecture-stage{--development-lines:1!important;--development-outline-offset:0!important;--development-slabs-offset:0!important;--development-shell-fill:1!important;--development-site:.3!important;--development-office:0!important;--development-facade:1!important;--development-floor:1!important;--development-setback:1!important;--development-pv:1!important;--development-outcome:1!important;--development-ready:1!important;--development-floor-y:0px!important;--development-setback-y:0px!important;--development-analysis:0!important;--development-scan:0!important;--development-economics:0!important;--development-structure:0!important;--development-services:0!important}html body :is(#intro,#bestand-optionen) #qc-architecture-stage .development-toggle{display:none!important}}