@font-face{font-family:Figtree;src:url(/fonts/figtree-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-800.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{--suite-canvas:#f4f7fb;--suite-surface:#fff;--suite-surface-muted:#f8fafc;--suite-border:#e2e8f0;--suite-ink:#14213d;--suite-muted:#64748b;--suite-muted-strong:#475569;--suite-accent:#2563eb;--suite-accent-strong:#1d4ed8;--suite-accent-soft:#eff6ff;--suite-accent-ink:#1e3a8a;--suite-accent-text:#1d4ed8;--suite-radius:1rem;--suite-shadow:0 1px 2px #0f172a0a, 0 10px 30px #0f172a0f;--suite-glow:#dbeafe8c;--button-ink:#fff;--font-ui:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-read:"Source Serif 4", Georgia, "Times New Roman", serif;--space-inner:clamp(1.75rem, 3.6vw, 3.25rem);--space-section:clamp(5rem, 10vw, 9rem);--suite-text-xs:.8125rem;--suite-text-sm:.9375rem;--suite-text-base:1.0625rem;--suite-text-lg:clamp(1.125rem, 1.6vw, 1.3125rem);--suite-text-xl:clamp(1.375rem, 2.2vw, 1.75rem);--suite-text-section:clamp(2.25rem, 5.2vw, 3.75rem);--suite-text-display:clamp(2.75rem, 6.5vw, 4.5rem);--suite-radius-flaeche:1.375rem;--suite-radius-bedienung:.625rem;--text-xs:var(--suite-text-xs);--text-sm:var(--suite-text-sm);--text-base:var(--suite-text-base);--text-lg:var(--suite-text-lg);--text-xl:var(--suite-text-xl);--text-section:var(--suite-text-section);--text-display:var(--suite-text-display);--radius-flaeche:var(--suite-radius-flaeche)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--suite-canvas:#0b1120;--suite-surface:#141c2e;--suite-surface-muted:#1b2439;--suite-border:#263349;--suite-ink:#e8edf5;--suite-muted:#93a1b8;--suite-muted-strong:#aab6c9;--suite-accent:#60a5fa;--suite-accent-strong:#3b82f6;--suite-accent-soft:#16233f;--suite-accent-ink:#bfdbfe;--suite-accent-text:#93c5fd;--suite-shadow:0 1px 2px #00000059, 0 12px 32px #00000080;--suite-glow:#2563eb1f;--button-ink:#0b1120}}:root[data-theme=dark]{--suite-canvas:#0b1120;--suite-surface:#141c2e;--suite-surface-muted:#1b2439;--suite-border:#263349;--suite-ink:#e8edf5;--suite-muted:#93a1b8;--suite-muted-strong:#aab6c9;--suite-accent:#60a5fa;--suite-accent-strong:#3b82f6;--suite-accent-soft:#16233f;--suite-accent-ink:#bfdbfe;--suite-accent-text:#93c5fd;--suite-shadow:0 1px 2px #00000059, 0 12px 32px #00000080;--suite-glow:#2563eb1f;--button-ink:#0b1120}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:100%}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{color:var(--suite-ink);background:radial-gradient(circle at 15% 0%, var(--suite-glow), transparent 24rem), var(--suite-canvas);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}a{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--suite-accent) 45%, transparent);outline-offset:3px;border-radius:.5rem}.wrap{width:100%;max-width:1600px;margin:0 auto;padding:0 clamp(1.25rem,5vw,4rem)}.lesespur{max-width:62ch}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.sprungmarke{z-index:20;background:var(--suite-accent);color:var(--button-ink);border-radius:.5rem;padding:.6rem 1rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:top .16s;position:absolute;top:-4rem;left:1rem}.sprungmarke:focus{top:1rem}main:focus{outline:none}.topbar a,.topnav a,.back,footer a{align-items:center;min-height:1.5rem;display:inline-flex}.wordmark{align-items:center;gap:.55rem;display:inline-flex}.wordmark .marke{color:var(--suite-accent);flex:none}.fussmarke{color:var(--suite-muted-strong);align-items:center;gap:.5rem;display:inline-flex}.fussmarke .marke{flex:none}.staging-hinweis{background:var(--suite-accent-soft);border-bottom:1px solid var(--suite-accent);color:var(--suite-ink);text-align:center;margin:0;padding:.55rem clamp(1.25rem,5vw,2.5rem);font-size:.82rem;font-weight:500}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:1.25rem 0;display:flex}.wordmark{font-weight:800;font-size:var(--text-base);letter-spacing:-.02em;color:var(--suite-ink);align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.wordmark-kurz{display:none}.topnav{font-size:var(--text-sm);gap:clamp(1rem,2vw,2rem);font-weight:500;display:flex}.topnav a{color:var(--suite-muted-strong);text-decoration:none;transition:color .16s}.topnav a:hover{color:var(--suite-accent)}.topnav a[aria-current=page]{color:var(--suite-ink);font-weight:600}@media (width<=40rem){.wordmark-lang{display:none}.wordmark-kurz{display:inline}.topnav-neben{display:none}}@media (width<=47.99rem){.topnav{justify-content:space-between;gap:.5rem;width:100%}}main{padding:clamp(2.5rem,7vw,5rem) 0 4rem}h1{font-size:var(--text-section);letter-spacing:-.035em;text-wrap:balance;margin:0 0 .75rem;font-weight:800;line-height:1.08}.updated{color:var(--suite-muted-strong);font-size:var(--text-sm);margin:0 0 2.75rem}h2{font-size:var(--text-xl);letter-spacing:-.025em;margin:3rem 0 .75rem;font-weight:700}h3{font-size:var(--text-base);margin:1.75rem 0 .5rem;font-weight:700}p,li{text-wrap:pretty;max-width:65ch}@media (width<=700px){p,li{-webkit-hyphens:auto;hyphens:auto}}p{margin:0 0 1rem}ul{padding-left:1.2rem}li{margin-bottom:.4rem}address{background:var(--suite-surface);border-radius:var(--radius-flaeche);margin:0 0 1.5rem;padding:1.15rem 1.35rem;font-style:normal;line-height:1.75}.note{background:var(--suite-surface);border-radius:var(--radius-flaeche);color:var(--suite-muted-strong);font-size:var(--text-sm);margin:2rem 0;padding:1.25rem 1.5rem}.note strong{color:var(--suite-ink)}.tbd{color:var(--suite-ink);border-bottom:1px dashed var(--suite-accent)}footer{border-top:1px solid var(--suite-border);font-size:var(--text-sm);color:var(--suite-muted-strong);flex-wrap:wrap;justify-content:space-between;gap:1.25rem;padding:1.75rem 0 3rem;display:flex}footer nav{flex-wrap:wrap;gap:1.25rem;display:flex}footer a{text-decoration:underline;-webkit-text-decoration-color:var(--suite-border);text-decoration-color:var(--suite-border);text-underline-offset:.22em}footer a:hover{text-decoration-color:currentColor}.leer{border-radius:var(--radius-flaeche);background:var(--suite-surface);color:var(--suite-muted-strong);padding:1.4rem 1.6rem}.notiz-text>p,.notiz-text>ul,.notiz-text>ol,.notiz-text>blockquote{max-width:62ch}.notiz-text>:first-child{margin-top:0}.notiz-text--ui p,.notiz-text--ui li,.notiz-text--ui blockquote{font-family:var(--font-ui);font-size:var(--text-base);line-height:1.6}.notiz-text :not(pre)>code{background:var(--suite-accent-soft);color:var(--suite-accent);border-radius:.3rem;padding:.05rem .3rem;font-size:.88em}.notiz-text pre{background:var(--suite-surface);border-radius:var(--suite-radius-bedienung);max-width:100%;padding:1rem 1.15rem;font-size:.88rem;line-height:1.55;overflow-x:auto}.notiz-text pre code{color:inherit;background:0 0;padding:0}.notiz-text blockquote{border-left:2px solid var(--suite-accent);color:var(--suite-muted-strong);margin:1.5rem 0;padding:.2rem 0 .2rem 1.15rem}.notiz-text ul{padding-left:1.2rem}.zurueck{margin-top:var(--space-section);font-size:var(--text-base);color:var(--suite-accent-text);text-underline-offset:.2em;font-weight:500;text-decoration:none;display:inline-block}.zurueck:hover{text-decoration:underline}.projekte-kopf{margin:0 0 var(--space-section)}.projekte-kopf p{color:var(--suite-muted-strong);font-size:var(--text-lg);max-width:62ch;margin:.6rem 0 0;line-height:1.55}.projekte-raster{gap:clamp(1.25rem,3vw,2rem);margin:0;padding:0;list-style:none;display:grid}@media (width>=56.25rem){.projekte-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}.projekt-karte{border-radius:var(--radius-flaeche);background:var(--suite-surface);color:inherit;flex-direction:column;gap:.55rem;padding:clamp(1.25rem,2.5vw,1.75rem);text-decoration:none;transition:box-shadow .2s;display:flex}.projekt-karte:hover{box-shadow:var(--suite-shadow)}.projekt-karte-bild{border-radius:calc(var(--radius-flaeche) - .15rem);aspect-ratio:16/10;background:var(--suite-surface-muted);margin:-.25rem -.25rem .5rem;overflow:hidden}.projekt-karte-bild img{object-fit:cover;width:100%;height:100%;display:block}.bildhinweis{font-size:var(--text-xs);color:var(--suite-muted-strong);margin:.35rem 0 .65rem;line-height:1.4}.projekt-karte h2{font-size:var(--text-lg);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.25}.projekt-karte .status{font-size:var(--text-sm);color:var(--suite-muted-strong);align-items:center;gap:.45rem;margin:0;font-weight:500;display:inline-flex}.projekt-karte .status .dot{background:var(--suite-accent);border-radius:50%;width:.5rem;height:.5rem}.projekt-karte .status.building .dot{background:var(--suite-muted-strong)}.projekt-karte .status.planned .dot{box-shadow:inset 0 0 0 1.5px var(--suite-muted-strong);background:0 0}.projekt-karte-stack{font-size:var(--text-sm);color:var(--suite-muted-strong);flex-wrap:wrap;gap:.35rem .75rem;margin:0;padding:0;list-style:none;display:flex}.projekt-karte-kurz{font-size:var(--text-sm);color:var(--suite-muted-strong);margin:0;line-height:1.55}.projekt-karte-mehr{font-weight:600;font-size:var(--text-sm);color:var(--suite-accent-text);margin-top:auto;padding-top:.5rem}.projekte-fuss{margin:var(--space-section) 0 0;font-weight:500}.projekte-fuss a{color:var(--suite-accent-text);text-underline-offset:.2em;padding-block:.4rem;text-decoration:none;display:inline-block}.projekte-fuss a:hover{text-decoration:underline}.projekt-einzeln{gap:var(--space-inner);display:grid}@media (width>=62.5rem){.projekt-einzeln{grid-template-columns:minmax(14rem,20rem) minmax(0,1fr);align-items:start;gap:clamp(2rem,4vw,4rem)}.projekt-meta{position:sticky;top:5rem}.projekt-titel{grid-column:1/-1}}.projekt-meta .status{font-size:var(--text-sm);color:var(--suite-muted-strong);align-items:center;gap:.45rem;margin:0 0 1rem;font-weight:500;display:inline-flex}.projekt-meta .status .dot{background:var(--suite-accent);border-radius:50%;width:.5rem;height:.5rem}.projekt-meta .status.building .dot{background:var(--suite-muted-strong)}.projekt-meta .status.planned .dot{box-shadow:inset 0 0 0 1.5px var(--suite-muted-strong);background:0 0}.projekt-meta-stack{margin:0 0 1.25rem;padding:0;list-style:none}.projekt-meta-stack li{font-size:var(--text-sm);color:var(--suite-muted-strong);padding:.25rem 0}.projekt-lead{max-width:62ch;font-size:var(--text-lg);color:var(--suite-muted-strong);margin:0 0 var(--space-inner);line-height:1.55}.projekt-hero{margin:0 0 var(--space-inner)}.projekt-hero img{border-radius:var(--radius-flaeche);border:1px solid var(--suite-border);width:100%;height:auto;box-shadow:var(--suite-shadow);display:block}.projekt-hero .bildhinweis{margin-top:.5rem}.projekt-abschnitt{max-width:62ch;margin:0 0 var(--space-inner)}.projekt-abschnitt h2{font-size:var(--text-xl);letter-spacing:-.02em;margin:0 0 .6rem;font-weight:700}.projekt-abschnitt p{font-size:var(--text-base);color:var(--suite-muted-strong);margin:0;line-height:1.6}.projekt-rumpf,.projekt-rumpf>p,.projekt-rumpf>ul,.projekt-rumpf>ol{max-width:62ch}.projekt-links{margin-top:var(--space-section);flex-wrap:wrap;gap:1.25rem 1.75rem;font-weight:500;display:flex}.projekt-links a{color:var(--suite-accent-text);text-underline-offset:.2em;text-decoration:none}.projekt-links a:hover{text-decoration:underline}.projekt-anwendung{margin:var(--space-inner) 0 0;color:var(--suite-accent-text);text-underline-offset:.2em;font-weight:600;text-decoration:none;display:inline-block}.projekt-anwendung:hover{text-decoration:underline}@media (prefers-color-scheme:dark){.projekt-karte-bild img{filter:brightness(.86)}}.so-baue-ich{max-width:62ch}.so-baue-ablauf{counter-reset:schritt}.so-baue-ablauf h3{counter-increment:schritt;margin:var(--space-inner) 0 .75rem;font-size:var(--text-lg);letter-spacing:-.015em;grid-template-columns:3rem 1fr;align-items:baseline;gap:1rem;font-weight:700;line-height:1.3;display:grid;position:relative}.so-baue-ablauf h3:before{content:counter(schritt);font-size:var(--text-section);letter-spacing:-.04em;color:var(--suite-accent);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.so-baue-ablauf h3+p{margin-top:0;padding-left:4rem}@media (width<=30rem){.so-baue-ablauf h3{grid-template-columns:2.25rem 1fr;gap:.75rem}.so-baue-ablauf h3:before{font-size:var(--text-xl)}.so-baue-ablauf h3+p{padding-left:0}}