@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-standard-normal.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/fraunces-latin-standard-normal.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:100 900;src:url(/fonts/fraunces-latin-standard-italic.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2)format("woff2")}:root{--weiss:#fff;--creme:#fffbf5;--tinte:#1c365b;--blau:#006ba5;--himmel:#23a9de;--dimm:#4e5f7a;--linie:#1c365b29;--linie-zart:#1c365b17;--code-text:#c9d9ee;--code-dimm:#7488a8;--hoho:#b08150;--schatten:0 26px 70px #1c365b1f;--radius:16px;--rand:clamp(20px,4vw,48px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--weiss);color:var(--tinte);font-optical-sizing:auto;font-family:Inter,sans-serif;font-size:16px;line-height:1.65}::selection{background:var(--himmel);color:var(--tinte)}a{color:inherit;text-decoration:none}button,input{font:inherit}p{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}img,svg,canvas{max-width:100%}.mono{font-family:IBM Plex Mono,monospace}.serif{font-optical-sizing:auto;font-family:Fraunces,serif}.wrap{width:min(1200px,100%);padding-inline:var(--rand);margin:0 auto}:focus-visible{outline-offset:4px;border-radius:5px;outline:3px solid #23a9de6b}.scroll-fortschritt{z-index:30;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-fortschritt i{background:var(--himmel);width:0;height:100%;display:block}header{backdrop-filter:blur(12px);border-bottom:1px solid var(--linie-zart);z-index:20;background:#ffffffeb;transition:box-shadow .25s,margin-bottom .28s;position:sticky;top:0;overflow:visible}header>.wrap{overflow:visible}header.gescrollt{box-shadow:0 6px 24px #1c365b12}header.schmal{margin-bottom:24px}header.schmal .topbar{min-height:48px}header.schmal .logo svg{height:clamp(27px,3.9vw,32px)}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:72px;transition:min-height .28s;display:flex;position:relative;overflow:visible}.logo{flex:none;align-items:center;display:flex;overflow:visible}.logo svg{width:auto;height:clamp(30px,4.6vw,38px);fill:var(--tinte);transition:fill .4s,height .28s;display:block;overflow:visible}.logo:hover svg{fill:var(--blau)}.logo .marke{transform-box:fill-box;transform-origin:56.7% 50.3%}@media (hover:hover){.logo .marke{transition:transform .62s cubic-bezier(.45,.05,.2,1);transform:rotate(0)}.logo:hover .marke{transform:rotate(-120deg)}}nav.haupt{white-space:nowrap;align-items:center;gap:clamp(14px,2.4vw,30px);display:flex}nav.haupt a{color:var(--dimm);font-size:.88rem;font-weight:550;transition:color .18s;position:relative}nav.haupt a:after{content:"";background:var(--himmel);height:1px;transition:right .2s;position:absolute;bottom:-5px;left:0;right:100%}nav.haupt a:hover,nav.haupt a.aktiv{color:var(--blau)}nav.haupt a:hover:after,nav.haupt a.aktiv:after{right:0}nav.haupt .mono{letter-spacing:.08em;color:var(--himmel);font-size:.7rem}nav.haupt a.knopf,nav.haupt a.knopf:hover{color:#fff}nav.haupt a.knopf:after{content:none}.knopf{background:var(--blau);color:#fff;border:1.5px solid var(--blau);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:13px 24px;font-size:.94rem;font-weight:650;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.knopf:after{content:"→";transition:transform .18s}.knopf:hover{background:var(--tinte);border-color:var(--tinte);transform:translateY(-2px);box-shadow:0 10px 24px #1c365b21}.knopf:hover:after{transform:translate(3px)}.knopf.leise{color:var(--tinte);border-color:var(--linie);background:0 0}.knopf.leise:after{content:"↓"}.knopf.leise:hover{background:var(--creme);color:var(--blau);box-shadow:none;border-color:#006ba566}.knopf.klein{border-radius:9px;min-height:38px;padding:8px 15px;font-size:.84rem}.hero{padding:clamp(50px,6.5vw,96px) 0 clamp(46px,6vw,86px);position:relative;overflow:hidden}.hero:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#23a9de13,#23a9de00 66%);border-radius:50%;width:min(44vw,620px);position:absolute;inset:10% -16% auto auto}.hero-gitter{grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(34px,5vw,78px);display:grid;position:relative}.augenbraue{letter-spacing:.14em;text-transform:uppercase;color:var(--blau);align-items:center;gap:12px;margin-bottom:28px;font-family:IBM Plex Mono,monospace;font-size:.74rem;display:flex}.augenbraue:before{content:"";background:var(--himmel);width:28px;height:1px}h1{letter-spacing:-.035em;max-width:11.4ch;font-size:clamp(3rem,7vw,5.65rem);font-weight:820;line-height:1.01}h1 .serif{letter-spacing:-.012em;color:var(--blau);font-style:italic;font-weight:420}.hero-sub{max-width:560px;color:var(--dimm);margin-top:28px;font-size:clamp(1rem,1.45vw,1.1rem)}.hero-sub b{color:var(--tinte);font-weight:650}.cta-zeile{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.hero-fakten{border-block:1px solid var(--linie);grid-template-columns:repeat(3,1fr);gap:0;max-width:650px;margin-top:36px;display:grid}.hero-fakt{min-width:0;padding:15px 18px 16px 0}.hero-fakt+.hero-fakt{border-left:1px solid var(--linie-zart);padding-left:18px}.hero-fakt b{letter-spacing:.05em;color:var(--blau);margin-bottom:3px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;display:block}.hero-fakt span{color:var(--dimm);font-size:.83rem;line-height:1.4;display:block}.buehne{justify-items:center;gap:12px;display:grid;position:relative}.buehne:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#006ba50b,#0000 70%);border-radius:50%;width:78%;position:absolute;top:8%}.buehne canvas{aspect-ratio:1;cursor:grab;touch-action:pan-y;z-index:1;width:100%;max-width:470px;display:block;position:relative}.buehne canvas.zieht{cursor:grabbing}.physik-leiste{background:var(--creme);border:1px solid var(--linie);border-radius:16px;grid-template-columns:78px minmax(0,1fr) 52px auto;align-items:center;gap:12px;width:100%;max-width:470px;padding:13px 18px;transition:border-color .2s,box-shadow .2s;display:grid}.physik-leiste.impuls{border-color:#23a9de8c;box-shadow:0 0 0 4px #23a9de12}.physik-leiste label{letter-spacing:.08em;text-transform:uppercase;color:var(--dimm);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:.69rem}.physik-leiste input[type=range]{width:100%;min-width:0;accent-color:var(--blau);cursor:pointer}.physik-leiste .wert{color:var(--blau);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace;font-size:.71rem}.physik-leiste .schuettel{border:1px solid var(--blau);background:var(--blau);cursor:pointer;border-radius:12px;grid-area:1/4/3;align-self:center;place-items:center;width:42px;height:42px;padding:0;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;display:grid;position:relative}.physik-leiste .schuettel svg{fill:none;stroke:#fff;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;animation:4s ease-in-out infinite ruhe-wackel}.physik-leiste .schuettel:after{content:"";border-radius:inherit;border:1.5px solid var(--himmel);opacity:0;pointer-events:none;animation:4s ease-out infinite ruhe-puls;position:absolute;inset:-1px}@keyframes ruhe-wackel{0%,80%{transform:rotate(0)}85%{transform:rotate(-13deg)}90%{transform:rotate(10deg)}95%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes ruhe-puls{0%,72%{opacity:0;transform:scale(1)}78%{opacity:.65}to{opacity:0;transform:scale(1.34)}}.physik-leiste .schuettel:hover{background:var(--tinte);border-color:var(--tinte);box-shadow:0 6px 16px #1c365b2e}.physik-leiste .schuettel:active{transform:scale(.94)}.physik-hinweise{letter-spacing:.03em;width:100%;max-width:470px;color:var(--dimm);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;font-family:IBM Plex Mono,monospace;font-size:.66rem;display:flex}.physik-hinweise span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.physik-hinweise svg{fill:none;width:15px;height:15px;stroke:var(--blau);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}.buehne .unterschrift{color:var(--dimm);text-align:center;letter-spacing:.025em;max-width:58ch;font-family:IBM Plex Mono,monospace;font-size:.7rem}.buehne .unterschrift b{color:var(--blau);font-weight:500}.kapitel{border-top:1px solid var(--linie-zart);padding:clamp(58px,7vw,104px) 0;position:relative}.kapitel-kopf{align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.kapitel-nr{color:var(--himmel);letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:500}h2{letter-spacing:-.026em;font-size:clamp(1.9rem,4vw,3rem);font-weight:820;line-height:1.08}.kapitel-kopf h1{letter-spacing:-.026em;max-width:none;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08}h2 .serif{color:var(--blau);font-style:italic;font-weight:420}.kapitel-sub{color:var(--dimm);max-width:680px;margin-bottom:clamp(30px,4vw,50px);font-family:Fraunces,serif;font-size:clamp(1.05rem,1.8vw,1.2rem);font-style:italic;font-weight:380}.prozess{padding-top:clamp(44px,5.5vw,78px)}.prozess-intro{grid-template-columns:minmax(0,1fr) minmax(250px,.52fr);align-items:end;gap:clamp(28px,5vw,70px);margin-bottom:32px;display:grid}.prozess-intro .kapitel-sub{margin-bottom:0}.reaktion{border-left:2px solid var(--himmel);color:var(--dimm);padding:4px 0 4px 18px;font-size:.91rem}.reaktion b{color:var(--tinte);margin-bottom:3px;font-size:.97rem;display:block}.prozess-gitter{border:1px solid var(--linie);border-radius:var(--radius);background:#fff;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden;box-shadow:0 18px 44px #1c365b11}.prozess-schritt{min-height:230px;padding:clamp(24px,3.2vw,40px);transition:background .2s;position:relative}.prozess-schritt+.prozess-schritt{border-left:1px solid var(--linie)}.prozess-schritt:hover{background:var(--creme)}.prozess-schritt .nr{color:var(--himmel);letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:.74rem}.prozess-schritt h3{letter-spacing:-.018em;margin:24px 0 10px;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.17}.prozess-schritt p{color:var(--dimm);max-width:34ch;font-size:.92rem}.prozess-schritt .kern{color:var(--blau);font-weight:650}.prozess-folge{color:var(--dimm);border-bottom:1px solid var(--linie-zart);justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:14px 0;font-size:.88rem;display:flex}.prozess-folge .mono{letter-spacing:.06em;color:var(--blau);white-space:nowrap;font-size:.7rem}.projekt-buehne{grid-template-columns:1.18fr .82fr;align-items:center;gap:clamp(28px,4.5vw,58px);margin-bottom:clamp(38px,5vw,62px);display:grid}.browser-link{border-radius:17px;display:block;position:relative}.browser-link:after{content:"Ansehen ↗";color:var(--blau);border:1px solid var(--linie);opacity:0;z-index:4;background:#fffffff0;border-radius:999px;padding:7px 12px;font-size:.75rem;font-weight:650;transition:opacity .2s,transform .2s;position:absolute;bottom:16px;right:16px;transform:translateY(5px);box-shadow:0 8px 22px #1c365b1f}.browser-link:hover:after{opacity:1;transform:none}.browser{border:1px solid var(--linie);box-shadow:var(--schatten);background:#fff;border-radius:17px;transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s;overflow:hidden}.browser-link:hover .browser{transform:translateY(-5px);box-shadow:0 32px 80px #1c365b29}.browser-kopf{background:var(--creme);border-bottom:1px solid var(--linie-zart);align-items:center;gap:7px;padding:11px 14px;display:flex}.browser-kopf .punkt,.code-kopf .punkt{background:#e7decf;border-radius:50%;width:9px;height:9px}.browser-kopf .adresse{border:1px solid var(--linie-zart);min-width:0;color:var(--dimm);white-space:nowrap;background:#fff;border-radius:7px;flex:1;align-items:center;margin-left:8px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:.7rem;display:flex;overflow:hidden}.browser-kopf .adresse .url{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stand-punkt{background:var(--himmel);border-radius:50%;flex:none;width:6px;height:6px;margin-right:8px;display:inline-block;position:relative}.stand-punkt:after{content:"";border:1px solid var(--himmel);opacity:0;border-radius:50%;animation:2.4s ease-out infinite puls-ring;position:absolute;inset:-3px}@keyframes puls-ring{0%{opacity:.8;transform:scale(.4)}70%{opacity:0}to{opacity:0;transform:scale(1.4)}}.stand-punkt.arbeit{background:#b08150}.stand-punkt.arbeit:after{border-color:#b08150}.stand-punkt.entwurf{background:#98a0ab;border-radius:2px}.stand-punkt.entwurf:after{content:none}.adresse .status-tag{letter-spacing:.07em;text-transform:uppercase;color:#8a6842;border:1px solid #b0815080;border-radius:999px;flex:none;margin-left:auto;padding:1px 7px;font-family:IBM Plex Mono,monospace;font-size:.56rem;font-style:normal;font-weight:500}.adresse .status-tag.live{color:var(--blau);border-color:#006ba573}.adresse .status-tag.entwurf{color:#fff;background:#6e7885;border-color:#6e7885}.stand-satz{max-width:52ch;color:var(--dimm);border-left:2px solid #98a0ab;margin-bottom:20px;padding:3px 0 3px 17px;font-size:.88rem;display:block}.stand-satz b{color:var(--tinte);font-weight:650}.karte-stand{letter-spacing:.04em;color:var(--dimm);margin-top:7px;font-family:IBM Plex Mono,monospace;font-size:.66rem;display:block}.projekt-info .eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--himmel);margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:.7rem}.projekt-info h3{letter-spacing:-.026em;margin-bottom:10px;font-size:clamp(1.7rem,3.4vw,2.45rem);line-height:1.05}.projekt-info .rolle{color:var(--dimm);max-width:470px;margin-bottom:20px;font-family:Fraunces,serif;font-size:1.08rem;font-style:italic;font-weight:380}.projekt-besonderheit{border-left:2px solid var(--himmel);max-width:46ch;margin-bottom:21px;padding:3px 0 3px 17px}.projekt-besonderheit b{margin-bottom:4px;font-size:.88rem;display:block}.projekt-besonderheit p{color:var(--dimm);font-size:.9rem}.fakten{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.fakt{border:1px solid var(--linie);background:var(--creme);border-radius:999px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:.7rem}.fakt b{color:var(--blau);font-weight:500}.projekt-live,.mehr-link{color:var(--blau);align-items:center;gap:7px;font-size:.9rem;font-weight:650;display:inline-flex}.projekt-live span,.mehr-link span{transition:transform .18s}.projekt-live:hover span{transform:translate(3px,-2px)}.mehr-link:hover span{transform:translate(4px)}.projekt-reihe{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.projekt-karte{border:1px solid var(--linie);background:#fff;border-radius:15px;transition:transform .2s,box-shadow .2s,border-color .2s;display:block;overflow:hidden}.projekt-karte:hover{border-color:#006ba547;transform:translateY(-5px);box-shadow:0 18px 48px #1c365b1f}.projekt-karte .browser-kopf{padding:8px 12px}.projekt-karte .adresse{font-size:.67rem}.viewport{background:#fff;height:360px;position:relative;overflow:hidden}.shot-flaeche{width:var(--desktop,1440px);transform-origin:0 0;transform:scale(var(--skala,.44));will-change:transform;backface-visibility:hidden;position:absolute;top:0;left:0}.shot-flaeche.manuell{transition:transform .3s cubic-bezier(.2,.75,.25,1)}.shot-flaeche img{width:100%;height:auto;display:block}html:not(.js) .shot-flaeche{width:100%;position:static;transform:none}.hoho-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:clamp(38px,5vw,62px);display:grid}.details-kopf{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:-4px;display:flex}.details-kopf .mono{letter-spacing:.1em;text-transform:uppercase;color:var(--himmel);font-size:.72rem}.details-kopf small{color:var(--dimm);font-size:.82rem}.detail-karte{border:1px solid var(--linie);background:#fff;border-radius:15px;transition:box-shadow .2s,border-color .2s;overflow:hidden}.detail-karte:hover{border-color:#006ba53d;box-shadow:0 18px 48px #1c365b1a}.detail-buehne{aspect-ratio:5/3;background:var(--creme);border-bottom:1px solid var(--linie-zart);position:relative}.detail-video{object-fit:cover;width:100%;height:100%;display:block}.video-schalter{color:var(--blau);border:1px solid var(--linie);cursor:pointer;opacity:.28;background:#ffffffeb;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 10px;font-size:.74rem;font-weight:650;transition:opacity .2s,background .2s,color .2s;display:inline-flex;position:absolute;bottom:12px;right:12px}.detail-karte:hover .video-schalter,.video-schalter:focus-visible,.video-schalter[aria-pressed=false]{opacity:1}.video-schalter:hover{color:var(--tinte);background:#fff}.video-schalter .ikon{border:5px solid #0000;border-left:8px solid;border-right-width:0;width:0;height:0}.video-schalter[aria-pressed=true] .ikon{background:linear-gradient(90deg,currentColor 0 3px,#0000 3px 5px,currentColor 5px 8px);border:0;width:8px;height:10px}.detail-karte figcaption{padding:17px 20px 20px}.detail-karte h4{letter-spacing:-.012em;margin-bottom:5px;font-size:1.1rem;font-weight:730}.detail-karte p{color:var(--dimm);max-width:52ch;font-size:.88rem}.projekt-karte .unten{border-top:1px solid var(--linie-zart);padding:19px 20px 20px}.projekt-karte .mini-label,.detail-karte .mini-label{letter-spacing:.08em;text-transform:uppercase;color:var(--himmel);margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:.66rem;display:block}.projekt-karte h4{letter-spacing:-.012em;margin-bottom:5px;font-size:1.18rem;font-weight:730}.projekt-karte p{color:var(--dimm);max-width:52ch;margin-bottom:11px;font-size:.89rem}.projekt-karte .link{color:var(--blau);font-size:.85rem;font-weight:650}.projekt-karte .link .pfeil{transition:transform .18s;display:inline-block}.projekt-karte:hover .link .pfeil{transform:translate(2px,-2px)}.archiv{border-top:1px solid var(--linie);margin-top:clamp(36px,5vw,58px);padding-top:clamp(22px,3vw,32px)}.archiv-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.archiv-kopf h3{font-size:inherit;letter-spacing:0;font-weight:500}.archiv-kopf .mono{letter-spacing:.1em;text-transform:uppercase;color:var(--himmel);font-size:.72rem}.archiv-kopf small{color:var(--dimm);font-size:.82rem}.archiv-reihe{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.archiv-eintrag{color:inherit;display:block}.archiv-bild{aspect-ratio:3/2;border:1px solid var(--linie);background:var(--creme);border-radius:11px;margin-bottom:12px;display:block;position:relative;overflow:hidden}.archiv-bild img{filter:grayscale()contrast(.97);opacity:.9;width:100%;height:auto;transition:filter .25s,opacity .25s,transform 3.2s;display:block}.archiv-eintrag:hover .archiv-bild img,a.archiv-eintrag:focus-visible .archiv-bild img{filter:none;opacity:1;transform:translateY(-25.9%)}.archiv-zeit{letter-spacing:.08em;text-transform:uppercase;color:var(--dimm);margin-bottom:5px;font-family:IBM Plex Mono,monospace;font-size:.64rem;display:block}.archiv-eintrag h4{letter-spacing:-.008em;margin-bottom:3px;font-size:.98rem;font-weight:700}.archiv-rolle{color:var(--dimm);max-width:40ch;font-size:.84rem}.archiv-hinweis{color:var(--dimm);border-left:2px solid var(--linie);max-width:40ch;margin-top:7px;padding-left:9px;font-size:.76rem}.archiv-mehr{color:var(--blau);align-items:center;gap:6px;margin-top:9px;font-size:.8rem;font-weight:650;display:inline-flex}.archiv-mehr span{transition:transform .18s}a.archiv-eintrag:hover .archiv-mehr span{transform:translate(2px,-2px)}.zwischenspiel{background:var(--creme);border-top:1px solid var(--linie-zart);border-bottom:1px solid var(--linie-zart);position:relative;overflow:hidden}.zwischenspiel:after{content:"Aa";color:#006ba509;pointer-events:none;font-family:Fraunces,serif;font-size:clamp(9rem,23vw,21rem);font-style:italic;line-height:1;position:absolute;bottom:-.32em;right:-.02em}.zwischenspiel .innen{z-index:1;padding-block:clamp(48px,6vw,84px);position:relative}.zwischenspiel .titelzeile{letter-spacing:.12em;text-transform:uppercase;color:var(--himmel);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:26px;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:flex}.zwischenspiel .titelzeile .status{color:var(--blau);letter-spacing:.05em}.probe-rahmen{align-items:flex-end;min-height:calc(1.34*clamp(2.5rem,6vw,4.4rem));display:flex}.probe{font-weight:var(--p-gewicht,700);font-size:calc(clamp(2.5rem,6vw,4.4rem) * var(--p-skala,1));letter-spacing:var(--p-laufweite,-.022em);white-space:nowrap;line-height:1.08}.probe .serif{color:var(--blau);font-style:italic;font-weight:420}.werkzeuge{border-top:1px solid var(--linie);flex-wrap:wrap;align-items:center;gap:clamp(16px,3vw,34px);margin-top:30px;padding-top:24px;display:flex}.werkzeug{flex:1;align-items:center;gap:10px;min-width:200px;display:flex}.werkzeug label{white-space:nowrap;font-size:.83rem;font-weight:550}.werkzeug input[type=range]{min-width:0;accent-color:var(--blau);cursor:pointer;flex:1}.werkzeug .wert{color:var(--blau);text-align:right;min-width:58px;font-family:IBM Plex Mono,monospace;font-size:.7rem}.rueckkehr{background:var(--linie-zart);opacity:0;border-radius:2px;height:2px;margin-top:16px;transition:opacity .3s;overflow:hidden}.rueckkehr.aktiv{opacity:1}.rueckkehr span{background:var(--himmel);width:0;height:100%;display:block}.rueckkehr span.laufend{width:100%;transition:width 6s linear}.code-zeile{background:var(--tinte);color:var(--code-text);white-space:nowrap;cursor:copy;border-radius:10px;margin-top:18px;padding:11px 16px;font-family:IBM Plex Mono,monospace;font-size:.76rem;overflow-x:auto}.code-zeile .d{color:var(--code-dimm)}.code-zeile .w{color:var(--himmel)}.zwischenspiel .hinweis{color:var(--dimm);max-width:68ch;margin-top:14px;font-size:.88rem}.leistung,.grundsatz{--nr-spalte:28px;--nr-luft:26px;--nr-oben:5px;--reihe-polster:22px}.leistung h3,.grundsatz h3{letter-spacing:-.018em;font-size:clamp(1.24rem,2.1vw,1.62rem);font-weight:730;line-height:1.22}.leistung .nr,.grundsatz .zeichen{color:var(--himmel);padding-top:var(--nr-oben);font-family:IBM Plex Mono,monospace;font-size:.75rem;line-height:1.2}.leistung,.grundsatz{align-items:start;column-gap:var(--nr-luft);padding:var(--reihe-polster) 0;border-top:1px solid var(--linie);display:grid}.leistung:last-of-type,.grundsatz:last-of-type{border-bottom:1px solid var(--linie)}.leistung-kopf{grid-template-columns:minmax(0,1fr) minmax(270px,.65fr);align-items:end;gap:clamp(26px,4vw,56px);margin-bottom:18px;display:grid}.leistung-kopf .kapitel-sub{margin-bottom:0}.umfang-note{color:var(--dimm);background:var(--creme);border:1px solid var(--linie);border-radius:12px;padding:15px 17px;font-size:.88rem}.umfang-note b{color:var(--tinte)}.leistung{grid-template-columns:var(--nr-spalte) minmax(200px,.82fr) minmax(280px,1.22fr);row-gap:12px}.leistung h3{transition:color .18s}.leistung:hover h3{color:var(--blau)}.leistung p{color:var(--dimm);max-width:620px;font-size:.93rem}.arbeit-gitter{grid-template-columns:1.02fr .98fr;align-items:start;gap:clamp(30px,5vw,64px);display:grid}.grundsatz{grid-template-columns:var(--nr-spalte) minmax(0,1fr);row-gap:12px}.grundsatz h3{margin-bottom:6px}.grundsatz h3 .serif{color:var(--blau);font-style:italic;font-weight:440}.grundsatz p{color:var(--dimm);max-width:500px;font-size:.93rem}.code-fenster{background:var(--tinte);border-radius:15px;position:sticky;top:103px;overflow:hidden;box-shadow:0 22px 54px #1c365b3d}.code-kopf{border-bottom:1px solid #ffffff17;align-items:center;gap:7px;padding:11px 15px;display:flex}.code-kopf .punkt{background:#ffffff2e}.code-kopf .datei{color:var(--code-dimm);margin-left:6px;font-family:IBM Plex Mono,monospace;font-size:.7rem}.code-fenster pre{color:var(--code-text);padding:18px 19px 21px;font-family:IBM Plex Mono,monospace;font-size:.77rem;line-height:1.9;overflow-x:auto}.code-fenster .d{color:var(--code-dimm)}.code-fenster .w{color:var(--himmel)}.studio-gitter{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(26px,4vw,56px);display:grid}.portraet{border:1px solid var(--linie);background:var(--creme);width:144px;height:144px;color:var(--dimm);letter-spacing:.1em;text-transform:uppercase;text-align:center;border-radius:50%;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:.68rem;display:flex;position:relative;overflow:hidden}.portraet img{object-fit:cover;width:100%;height:100%;display:block}.studio-text{max-width:760px;font-family:Fraunces,serif;font-size:clamp(1.22rem,2.5vw,1.72rem);font-weight:400;line-height:1.52}.studio-text b{font-weight:640}.studio-text .blau{color:var(--blau)}.studio-fuss{color:var(--dimm);margin-top:18px;font-family:Inter,sans-serif;font-size:.92rem}.stempel{--stempel:118px;--marke:34px;width:var(--stempel);height:var(--stempel);animation:12s linear infinite drehen;position:relative}.stempel>svg{width:100%;height:100%;display:block}.stempel>svg text{letter-spacing:.1865em;fill:var(--blau);font-family:IBM Plex Mono,monospace;font-size:7.23px;font-weight:600}.stempel .mitte{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stempel .mitte svg{width:var(--marke);height:auto;fill:var(--tinte);transform:translateX(calc(var(--marke) * -.068))}@keyframes drehen{to{transform:rotate(-360deg)}}.formatzeile{grid-template-columns:var(--spalten);gap:var(--luft);display:grid}.mosaik,.galerie{--luft:clamp(9px,1.1vw,15px);gap:var(--luft);display:grid}.mosaik-kachel{aspect-ratio:var(--ar);border:1px solid var(--linie);background:var(--creme);border-radius:12px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.werkbild{height:100%;display:block}.werkbild img{object-fit:cover;width:100%;height:100%;display:block}.mosaik-kachel:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(145deg,#0000 40%,#23a9de0e);transition:opacity .2s;position:absolute;inset:0}.mosaik-kachel:hover{border-color:#006ba540;transform:translateY(-4px);box-shadow:0 14px 34px #1c365b17}.mosaik-kachel:hover:before{opacity:1}.frei-marke{z-index:2;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte);border:1px solid var(--linie);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:999px;padding:3px 9px;font-family:IBM Plex Mono,monospace;font-size:.6rem;position:absolute;bottom:9px;left:9px}.mehr-link{margin-top:clamp(20px,2.6vw,30px)}.logo-band{flex-wrap:wrap;align-items:center;gap:clamp(24px,4vw,46px);padding:10px 0;display:flex}.marke{align-items:center;min-height:56px;display:flex}.marke img{width:var(--b);height:var(--h);object-fit:contain;mix-blend-mode:multiply;max-width:100%;transition:transform .2s;display:block}.marke:hover img{transform:translateY(-2px)}.fussnote{color:var(--dimm);max-width:76ch;margin-top:22px;font-size:.83rem}.fussnote+.fussnote{margin-top:9px}.kontakt{overflow:hidden}.kontakt-box{border:1px solid var(--linie);background:linear-gradient(145deg,#fff 20%,var(--creme));border-radius:22px;padding:clamp(28px,5vw,58px);position:relative;box-shadow:0 24px 64px #1c365b13}.kontakt-box:after{content:"@";color:#006ba50b;pointer-events:none;font-family:Fraunces,serif;font-size:clamp(10rem,24vw,22rem);font-style:italic;line-height:1;position:absolute;bottom:-.35em;right:-.03em}.kontakt-inhalt{z-index:1;max-width:900px;position:relative}.kontakt .gross{letter-spacing:-.035em;text-wrap:balance;max-width:13ch;font-size:clamp(2.65rem,6.5vw,5rem);font-weight:830;line-height:1.02}.kontakt .gross .serif{font-optical-sizing:auto;color:var(--blau);font-family:Fraunces,serif;font-style:italic;font-weight:420}.kontakt .lead{max-width:620px;color:var(--dimm);margin-top:20px;font-size:1rem}.kontakt .lead b{color:var(--tinte)}.ablauf{grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px;margin-top:30px;display:grid}.ablauf .schritt{border:1px solid var(--linie);color:var(--dimm);background:#ffffffb8;border-radius:11px;min-height:84px;padding:14px 15px;font-size:.86rem}.ablauf .schritt b{color:var(--himmel);margin-bottom:5px;font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:500;display:block}.kontakt .zeile{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.kopier{letter-spacing:.04em;border:1.5px solid var(--linie);color:var(--tinte);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:9px;padding:12px 18px;font-family:IBM Plex Mono,monospace;font-size:.75rem;transition:border-color .15s,color .15s;display:inline-flex}.kopier:hover{border-color:var(--blau);color:var(--blau)}.knopf .ikon,.kopier .ikon{flex:none;width:17px;height:17px}.knopf .ikon,.kopier .ikon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;display:block}.kopier .ikon{position:relative}.kopier .ikon svg{width:100%;height:100%;transition:opacity .16s,transform .16s;position:absolute;inset:0}.kopier .ikon-haken{opacity:0;transform:scale(.6)}.kopier.fertig{border-color:var(--blau);color:var(--blau)}.kopier.fertig .ikon-kopie{opacity:0;transform:scale(.6)}.kopier.fertig .ikon-haken{opacity:1;transform:none}.kontakt .hinweis{color:var(--dimm);max-width:56ch;margin-top:18px;font-size:.88rem}.kontakt .hinweis strong{color:var(--tinte);font-weight:650}footer{border-top:1px solid var(--linie-zart);background:var(--creme);padding:36px 0}.fuss{color:var(--dimm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:.82rem;display:flex}.fuss .danke{color:var(--tinte);font-family:Fraunces,serif;font-size:1.03rem;font-style:italic}.fuss a:hover{color:var(--blau)}.fuss a.verdeckt{color:inherit;text-decoration:none}.fuss a.verdeckt:hover{color:var(--blau)}.fuss .geheim{user-select:none;-webkit-touch-callout:none;transition:color .55s}.fuss .geheim.warm{color:var(--himmel)}.unterseite{min-height:62vh}.unter-gitter{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:760px;display:grid}.unter-gitter .schritt{border:1px solid var(--linie);color:var(--dimm);background:#ffffffb8;border-radius:11px;padding:15px 16px;font-size:.88rem}.unter-gitter .schritt b{color:var(--himmel);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:500;display:block}.unter-gitter .schritt .zeile{display:block}.unter-fuss{color:var(--dimm);max-width:640px;margin-top:26px;font-size:.9rem}.unter-fuss a{color:var(--blau);text-underline-offset:3px;text-decoration:underline}.zurueck{margin-top:28px}.rechtstext{max-width:68ch;margin-top:clamp(26px,3.6vw,40px)}.rechtstext h2{letter-spacing:-.018em;margin-top:clamp(28px,3.8vw,42px);margin-bottom:9px;font-size:clamp(1.12rem,2.1vw,1.4rem);font-weight:760}.rechtstext>h2:first-child{margin-top:0}.rechtstext p,.rechtstext li{color:var(--dimm);font-size:.94rem}.rechtstext p{margin-bottom:11px}.rechtstext p:last-child{margin-bottom:0}.rechtstext b{color:var(--tinte);font-weight:650}.rechtstext ul{margin:0 0 11px;padding:0;list-style:none}.rechtstext li{margin-bottom:9px;padding-left:19px;position:relative}.rechtstext li:before{content:"";background:var(--himmel);width:8px;height:1.5px;position:absolute;top:.66em;left:0}.rechtstext a{color:var(--blau);text-underline-offset:3px;text-decoration:underline}.rechtstext a:hover{color:var(--himmel)}.rechtstext .anschrift{border-left:2px solid var(--linie);color:var(--dimm);margin-bottom:11px;padding-left:15px;font-size:.94rem;font-style:normal}.rechtstext .anschrift b{display:block}.rechtstext .unter-gitter{margin-bottom:11px}[data-v]{white-space:nowrap;direction:rtl;unicode-bidi:bidi-override;display:inline-block}a.verdeckt{color:var(--blau);text-underline-offset:3px;text-decoration:underline}a.verdeckt:hover{color:var(--himmel)}a.verdeckt[data-v]{color:inherit;cursor:text;text-decoration:none}@media (width<=620px){.unter-gitter{grid-template-columns:minmax(0,1fr)}}.js .reveal{opacity:0;transition:opacity .62s,transform .62s cubic-bezier(.2,.75,.25,1);transform:translateY(16px)}.js .reveal.sichtbar{opacity:1;transform:none}@media (width<=980px){.hero-gitter,.projekt-buehne,.arbeit-gitter,.leistung-kopf{grid-template-columns:minmax(0,1fr)}.prozess-intro{grid-template-columns:minmax(0,1fr);align-items:start}.archiv-reihe{grid-template-columns:repeat(2,minmax(0,1fr))}.code-fenster{position:relative;top:auto}.studio-gitter{grid-template-columns:auto auto;justify-content:space-between;gap:clamp(24px,4vw,36px) 16px}.portraet{grid-area:1/1}.stempel{grid-area:1/2;justify-self:end}.studio-worte{grid-area:2/1/3/-1}}@media (width<=820px){.formatzeile{grid-template-columns:var(--spalten-mobil)}.formatzeile>.voll-mobil{grid-column:1/-1}}@media (width<=760px){html{scroll-padding-top:74px}.topbar{gap:14px;min-height:62px}header.schmal{margin-bottom:16px}header.schmal .topbar{min-height:46px}header.schmal .logo svg{height:27px}nav.haupt{scrollbar-width:none;padding:4px var(--rand) 4px 0;margin-right:calc(var(--rand) * -1);gap:13px;overflow-x:auto;mask-image:linear-gradient(90deg,#000 calc(100% - 26px),#0000)}nav.haupt::-webkit-scrollbar{display:none}nav.haupt a{font-size:.8rem}nav.haupt .mono{display:none}.hero{padding-top:42px}.hero-gitter{gap:22px}.hero-fakten{grid-template-columns:1fr;margin-top:30px}.hero-fakt{padding:12px 0}.hero-fakt+.hero-fakt{border-left:0;border-top:1px solid var(--linie-zart);padding-left:0}.buehne canvas,.physik-leiste,.physik-hinweise{max-width:400px}.prozess-gitter{grid-template-columns:minmax(0,1fr)}.prozess-schritt{min-height:0}.prozess-schritt+.prozess-schritt{border-left:0;border-top:1px solid var(--linie)}.prozess-folge{flex-direction:column;align-items:flex-start;gap:5px}.projekt-reihe,.hoho-details{grid-template-columns:minmax(0,1fr)}.viewport{height:310px}.projekt-karte .viewport{height:215px}.leistung{grid-template-columns:var(--nr-spalte) minmax(0,1fr)}.leistung p{grid-column:2}.portraet{width:120px;height:120px}.ablauf{grid-template-columns:minmax(0,1fr)}.kontakt-box{border-radius:16px}.probe{white-space:normal}.probe-rahmen{min-height:calc(2.3*clamp(2.5rem,6vw,4.4rem))}}@media (width<=560px){.archiv-reihe{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.marke{min-height:46px}.marke img{width:calc(var(--b) * .8);height:calc(var(--h) * .8)}.augenbraue{margin-bottom:22px;font-size:.67rem}h1{font-size:clamp(2.7rem,14.5vw,4.4rem)}.cta-zeile{align-items:stretch}.cta-zeile .knopf{width:100%}.kontakt .zeile{align-items:stretch}.kontakt .zeile .knopf,.kontakt .zeile .kopier{width:100%}.werkzeug{min-width:100%}.physik-leiste{grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;padding:12px 13px}.code-zeile{font-size:.68rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stempel,.stand-punkt:after{animation:none}.js .reveal{opacity:1;transition:none;transform:none}.browser,.projekt-karte,.detail-karte,.knopf,.mosaik-kachel,.archiv-bild img,.archiv-mehr span{transition:none}.archiv-eintrag:hover .archiv-bild img,a.archiv-eintrag:focus-visible .archiv-bild img{transform:none}.physik-leiste .schuettel svg,.physik-leiste .schuettel:after{animation:none}.logo .marke{transition:none}.logo:hover .marke{transform:none}header{transition:box-shadow .25s}.topbar{transition:none}.logo svg{transition:fill .4s}}