@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/barlow-condensed-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/barlow-condensed-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f3f1ea;--paper-dim:#eae7dd;--ink:#17160f;--ink-soft:#5c584c;--line:#d5d0c1;--line-strong:#b8b2a0;--accent:#f59c00;--accent-ink:#17160f;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--gutter:clamp(1.25rem, 4vw, 3rem);--nav-h-min:4.5rem;--nav-h:var(--nav-h-min);--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}@media (pointer:fine){*,:before,:after{cursor:none}}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.05}p{margin:0}button{font:inherit;cursor:pointer}.wrap{max-width:84rem;padding-inline:var(--gutter);margin-inline:auto}.label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);font-size:.72rem}.section{padding-block:clamp(3rem,8vw,6rem)}.rule{border:none;border-top:1px solid var(--line);margin:0}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.custom-cursor{pointer-events:none;z-index:999;mix-blend-mode:difference;opacity:0;width:22px;height:22px;transition:opacity .15s var(--ease);position:fixed;top:0;left:0}.custom-cursor.is-visible{opacity:1}.custom-cursor-v,.custom-cursor-h{background:#fff;position:absolute}.custom-cursor-v{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.custom-cursor-h{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}@media (pointer:coarse){.custom-cursor{display:none}}.site-header{z-index:50;min-height:var(--nav-h-min);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;padding-block:.5rem;display:flex;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;width:100%;display:flex}.brand{font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:.4rem;font-size:1.05rem;font-weight:500;display:flex}.brand-text{align-items:baseline;gap:.4rem;display:flex}.brand .brand-sub{color:var(--accent)}.brand-logo[data-edit-img]{flex:none;line-height:0;display:none;position:relative;overflow:visible}.brand-logo.has-image{display:block}.brand-logo .img-layer{width:auto;height:calc(var(--brand-logo-h,2rem) * var(--z,1));object-fit:contain;max-width:min(60vw,22rem);position:static;transform:none}html:not(.is-editing) .brand:has(.brand-logo.has-image) .brand-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-editing .brand-logo:not(.has-image){border-radius:5px;place-items:center;width:3.2rem;height:2rem;display:grid}.brand-logo>.img-tools{margin-top:.45rem;top:100%;left:0;right:auto}.nav-links{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;gap:clamp(1.25rem,3vw,2.5rem);font-size:.8rem;display:flex}.nav-links a{color:var(--ink-soft);transition:color .2s var(--ease);padding-block:.3rem;position:relative}.nav-links a:after{content:"";--arm:6px;--luft:.61em;left:calc((var(--luft) + var(--arm)) * -1);top:.76em;right:0;bottom:calc(var(--arm) * -1);pointer-events:none;background-image:linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent));background-repeat:no-repeat;background-position:left 0 bottom calc(var(--arm) - .5px), left calc(var(--arm) - .5px) bottom 0;background-size:0 1px,1px 0;transition:background-size .5s cubic-bezier(.05,.85,.2,1);position:absolute}.nav-links a:hover,.nav-links a.is-active{color:var(--ink)}.nav-links a:hover:after,.nav-links a.is-active:after{background-size:100% 1px,1px 100%}.nav-toggle{border:1px solid var(--line-strong);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;background:0 0;border-radius:999px;padding:.5rem .9rem;font-size:.72rem;display:none}.site-header .wrap>.nav-links{margin-left:auto}.lang-toggle{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);background:0 0;border:0;align-items:baseline;gap:.35rem;margin-left:clamp(1.25rem,3vw,2.5rem);padding:.3rem 0;font-size:.8rem;display:inline-flex}.lang-toggle>span[lang]{transition:color .2s var(--ease);padding-block:.3rem;position:relative}.lang-toggle>span[lang]:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s var(--ease);position:absolute;bottom:0;left:0}.lang-toggle[data-aktiv=de]>span[lang=de],.lang-toggle[data-aktiv=en]>span[lang=en],.lang-toggle:hover>span[lang]{color:var(--ink)}.lang-toggle[data-aktiv=de]>span[lang=de]:after,.lang-toggle[data-aktiv=en]>span[lang=en]:after{width:100%}.lang-sep{color:var(--line-strong)}.lang-toggle:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.is-editing .lang-toggle{opacity:.35;pointer-events:none}@media (width<=640px){.lang-toggle{margin-left:auto;margin-right:1rem}.nav-links{inset:var(--nav-h) 0 auto 0;background:var(--paper);border-bottom:1px solid var(--line);padding:1.5rem var(--gutter) 2rem;opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);flex-direction:column;gap:1.1rem;position:fixed;transform:translateY(-8px)}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-toggle{display:inline-flex}}.btn{isolation:isolate;border:1px solid var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);transition:color 1.1s var(--ease), border-color 1.1s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-size:.78rem;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--ink);clip-path:circle(0% at var(--hx,50%) var(--hy,50%));opacity:1;z-index:-1;position:absolute;inset:-1px}.btn.is-filled:before{transition:clip-path 1.4s var(--ease);clip-path:circle(140% at var(--hx,50%) var(--hy,50%))}.btn.is-fading:before{transition:opacity .5s var(--ease);opacity:0}.btn.is-active{color:var(--paper)}.btn-solid{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-solid:before{background:var(--ink)}.btn-solid.is-active{color:var(--paper);border-color:var(--ink)}.hero{padding-top:clamp(3.5rem,10vw,7rem);padding-bottom:clamp(2.5rem,6vw,4rem)}.hero-kicker{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.hero h1{max-width:20ch;font-size:clamp(2.4rem,7vw,5.4rem)}.hero-sub{max-width:42ch;color:var(--ink-soft);margin-top:1.75rem;font-size:clamp(1.05rem,1.6vw,1.25rem)}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2.5rem;display:flex}.hero-meta{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.5rem;margin-top:clamp(3rem,7vw,5rem);padding-top:1.75rem;display:grid}.hero-meta dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:.4rem;font-size:.7rem}.hero-meta dd{font-family:var(--font-display);margin:0;font-size:1.05rem}.stat-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,auto);gap:clamp(2rem,6vw,5rem);margin-top:clamp(3rem,7vw,5rem);padding-top:clamp(2rem,5vw,3rem);display:grid}.stat-row dt{font-family:var(--font-display);color:var(--ink);font-size:clamp(2.4rem,6vw,4rem);font-weight:400;line-height:1}.stat-row dd{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:.6rem 0 0;font-size:.75rem}@media (width<=640px){.stat-row{grid-template-columns:1fr;gap:1.5rem}}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(2rem,5vw,3rem);display:flex}.section-head h2{font-size:clamp(1.8rem,4vw,2.6rem)}.index-num{font-family:var(--font-mono);color:var(--ink-soft);font-size:.8rem}.grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2.5vw,2rem);display:grid}@media (width<=720px){.grid{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,2rem);display:grid}@media (width<=900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-3{grid-template-columns:1fr}}.card{border:1px solid var(--line);background:var(--paper-dim);transition:border-color .35s var(--ease);will-change:transform;border-radius:4px;display:block;overflow:hidden;transform:perspective(800px)rotateX(0)rotateY(0)translateY(0)}.card:hover{border-color:var(--line-strong)}.card:hover .thumb:before{opacity:1}.card:hover .thumb-index{transform:translate(4px)}.thumb{aspect-ratio:4/3;background:linear-gradient(135deg, transparent 45%, var(--line) 45.5%, var(--line) 46%, transparent 46.5%), repeating-linear-gradient(0deg, transparent 0 calc(100% / 6 - 1px), var(--line) calc(100% / 6 - 1px) calc(100% / 6)), repeating-linear-gradient(90deg, transparent 0 calc(100% / 8 - 1px), var(--line) calc(100% / 8 - 1px) calc(100% / 8)), var(--paper-dim);justify-content:space-between;align-items:flex-end;padding:1rem;display:flex;position:relative;overflow:hidden}.thumb:before{content:"";background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%);opacity:0;transition:opacity .4s var(--ease);position:absolute;inset:0}.thumb-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;background:var(--paper);border:1px solid var(--line-strong);z-index:1;border-radius:999px;padding:.25rem .55rem;font-size:.68rem;position:relative}.thumb-index{font-family:var(--font-mono);color:var(--ink-soft);z-index:1;transition:transform .35s var(--ease);font-size:.75rem;position:relative}.thumb:after{content:"+";font-family:var(--font-mono);color:var(--line-strong);font-size:.9rem;position:absolute;top:.75rem;left:.75rem}.card-body{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.4rem 1.5rem;display:flex}.card-body h3{font-size:1.2rem}.card-body .meta{text-align:right;white-space:nowrap}#work,#about,#kontakt{scroll-margin-top:var(--nav-h)}.project-list{border-top:1px solid var(--line)}.project-row{border-bottom:1px solid var(--line);transition:padding-left .3s var(--ease), color .3s var(--ease);align-items:baseline;gap:1.5rem;padding-block:1.75rem;display:flex}a.project-row:hover{color:var(--accent);padding-left:.75rem}.project-row .index-num{flex:none;width:2.5rem}.project-row h3{text-transform:uppercase;letter-spacing:.02em;flex:auto;font-size:clamp(1.4rem,3.5vw,2.2rem)}.project-row .row-meta{text-align:right;flex:none;align-items:center;gap:1rem;display:flex}.project-row.is-disabled{pointer-events:none;opacity:.45}@media (width<=640px){.project-row{flex-wrap:wrap}.project-row .row-meta{justify-content:space-between;width:100%;margin-top:.5rem}}.site-footer{border-top:1px solid var(--line);padding-block:clamp(2.5rem,6vw,4rem)}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem;display:flex}.footer-top h2{max-width:16ch;font-size:clamp(1.8rem,4vw,3rem)}[data-felder] [hidden]{display:none!important}.is-editing .footer-top,.is-editing .footer-bottom{justify-content:flex-start;align-items:center;gap:.6rem 1rem}.is-editing .footer-links{align-items:center;gap:.6rem 1rem}.felder-weg{margin-right:-.5rem}.felder-weg-block{margin-left:-2.1rem;position:absolute}.felder-adresse.felder-adresse-block{margin-left:-4rem;position:absolute}.felder-neu{justify-self:start}[data-felder-reihe=absatz]>.felder-neu,[data-felder-reihe=zeile]>.felder-neu{margin-top:1.25rem;display:block}.is-editing .contact-links[data-felder-reihe]{display:block}.felder-adresse{margin-left:-.5rem}.felder-griff{border:1px solid var(--line);background:var(--paper);width:1.5rem;height:1.5rem;color:var(--ink-soft);cursor:grab;touch-action:none;transition:color .2s var(--ease), border-color .2s var(--ease);border-radius:50%;place-items:center;margin-left:-4rem;font-size:.8rem;line-height:1;display:inline-grid;position:absolute}.felder-griff:hover{color:var(--ink);border-color:var(--accent)}.is-editing [data-felder-sortierbar]>a{cursor:grab}.felder-ziehen,.felder-ziehen *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.is-gezogen{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.felder-weg,.felder-adresse{border:1px solid var(--line);background:var(--paper);width:1.5rem;height:1.5rem;color:var(--ink-soft);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);border-radius:50%;flex-shrink:0;align-self:center;place-items:center;font-size:.72rem;line-height:1;display:inline-grid}.felder-weg:hover,.felder-adresse:hover{color:var(--ink);border-color:var(--accent)}.felder-neu{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px dashed var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;align-self:center;padding:.35rem .8rem;font-size:.72rem}.felder-neu:hover{color:var(--ink);border-color:var(--accent);border-style:solid}.footer-links{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.footer-links a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);transition:color .2s var(--ease), border-color .2s var(--ease);border-bottom:1px solid #0000;font-size:.8rem}.footer-links a:hover{color:var(--ink);border-color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-top:1.5rem;font-size:.72rem;display:flex}.case-hero{padding-top:clamp(2.5rem,6vw,4rem)}.case-hero .label{margin-bottom:1rem}.case-meta{flex-wrap:nowrap;align-items:baseline;gap:.5rem 1.5rem;margin-top:clamp(.85rem,1.6vw,1.15rem);margin-bottom:clamp(.6rem,1vw,.75rem);display:flex}.case-hero .case-meta p{min-width:0;max-width:none;line-height:1.5;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);margin:0;font-size:.72rem}.case-hero .case-meta .label{flex-shrink:0;margin-bottom:0}.case-team{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);gap:.35rem;margin-top:clamp(.75rem,2vw,1.25rem);font-size:.72rem;line-height:1.5;display:grid}html:not(.is-editing) .case-kooperation:empty{display:none}html:not(.is-editing) .case-team-zeile:has(.case-team-namen:empty){display:none}html:not(.is-editing) .case-team:has(.case-kooperation:empty):has(.case-team-namen:empty){display:none}:is(.case-strip.passt-ganz:has(>.case-team .case-team-namen:not(:empty))>.strip-nav,.case-strip.passt-ganz:has(>.case-team .case-kooperation:not(:empty))>.strip-nav){display:none}.case-hero h1{text-transform:uppercase;letter-spacing:.02em;max-width:24ch;margin-bottom:-.25em;font-size:clamp(2.2rem,6vw,4rem);line-height:.88}.case-hero p{max-width:48ch;color:var(--ink-soft);margin-top:1.25rem;font-size:1.1rem}.case-body{grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4rem);padding-block:clamp(3rem,7vw,5rem);display:grid}@media (width<=820px){.case-body{grid-template-columns:1fr}}.case-block{display:contents}.case-block>.block-head{grid-column:1;position:relative}.case-block>.copy{grid-column:2;position:relative}@media (width<=820px){.case-block>.block-head,.case-block>.copy{grid-column:1}}.block-remove{border:1px solid var(--line);background:var(--paper);width:1.6rem;height:1.6rem;color:var(--ink-soft);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);border-radius:50%;place-items:center;font-size:.8rem;line-height:1;display:none;position:absolute;top:-.35rem;left:-2.1rem}.is-editing .block-remove{display:grid}.block-remove:hover{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.flow-add{flex-wrap:wrap;gap:.5rem;padding-block:.9rem;display:none}.is-editing .flow-add{display:flex}main>.flow-add{max-width:84rem;padding-inline:var(--gutter);margin-inline:auto}.case-body>.flow-add{grid-column:1/-1}.flow-add button,.para-add,.row-remove{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px dashed var(--line);color:var(--ink-soft);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);background:0 0;border-radius:999px;padding:.45rem .85rem;font-size:.72rem}.flow-add button:hover,.para-add:hover,.row-remove:hover{color:var(--ink);border-color:var(--accent);border-style:solid}.para-add{margin-top:.8rem}.row-remove{top:.5rem;right:var(--gutter);z-index:3;background:var(--paper);position:absolute}.para-remove{border:1px solid var(--line);background:var(--paper);width:1.6rem;height:1.6rem;color:var(--ink-soft);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);border-radius:50%;place-items:center;font-size:.75rem;line-height:1;display:grid;position:absolute;left:-2.1rem;transform:translateY(.15rem)}.para-remove:hover,.block-remove:hover{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}@media (width<=980px){.para-remove{left:auto;right:0;transform:translateY(-1.9rem)}}.case-body h2{margin-bottom:1.25rem;font-size:1.6rem}.case-body.titel-vor-reihe{padding-bottom:0}.case-block.titel-an-reihe h2{margin-bottom:0}.case-body .copy p+p{margin-top:1.1rem}.case-body .copy p{color:var(--ink-soft);font-size:1.05rem}.case-body .copy p.lead{color:var(--ink);font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.45}.case-strip{padding-top:0;padding-bottom:clamp(2rem,5vw,3rem);position:relative}.strip{scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;align-items:flex-start;gap:clamp(.75rem,1.5vw,1.25rem);padding-block:2px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.wrap+.case-strip .strip,.case-strip .strip{max-width:84rem;margin-inline:auto}.strip-col{width:calc(var(--sw,40rem) * var(--k,1));height:calc(var(--strip-h,20rem) * var(--k,1));scroll-snap-align:start;flex-direction:column;flex:none;gap:clamp(.5rem,1vw,.9rem);display:flex;position:relative}.slide{flex:var(--sh,1) 1 0;border:1px solid var(--line);background:linear-gradient(135deg, transparent 45%, var(--line) 45.5%, var(--line) 46%, transparent 46.5%), repeating-linear-gradient(0deg, transparent 0 calc(100% / 6 - 1px), var(--line) calc(100% / 6 - 1px) calc(100% / 6)), repeating-linear-gradient(90deg, transparent 0 calc(100% / 8 - 1px), var(--line) calc(100% / 8 - 1px) calc(100% / 8)), var(--paper-dim);min-height:0;position:relative}.slide-caption{z-index:3;color:var(--paper);pointer-events:none;flex-direction:column;gap:.35rem;padding:clamp(1rem,2.5vw,1.75rem);display:none;position:absolute;bottom:0;left:0;right:0}.is-editing .slide-caption{display:flex}.slide-caption:has(h3:not(:empty)){display:flex}.slide-caption:has(p:not(:empty)){display:flex}.slide-caption{opacity:0;transition:opacity .65s var(--ease) 80ms}.slide:hover .slide-caption,.slide:focus-within .slide-caption,.is-editing .slide-caption{opacity:1}@media (prefers-reduced-motion:reduce){.slide-caption{transition:none}}.is-editing .slide-caption{pointer-events:auto}.slide-caption h3{letter-spacing:.02em;margin:0;font-size:clamp(1.2rem,2.4vw,2rem)}.slide-caption p{opacity:.82;max-width:46ch;margin:0;font-size:.95rem}.slide[data-ink=dark] .slide-caption{color:var(--ink)}.is-editing .slide-caption h3:empty:before{content:"Überschrift"}.is-editing .slide-caption p:empty:before{content:"Bildtext"}.is-editing .slide-caption h3:empty:before,.is-editing .slide-caption p:empty:before{opacity:.55}.slide-resize{z-index:7;touch-action:none;cursor:ew-resize;width:16px;position:absolute;top:12%;bottom:12%;right:-4px}.slide-split-handle{z-index:7;touch-action:none;cursor:ns-resize;height:16px;position:absolute;left:10%;right:10%;transform:translateY(-50%)}.slide-resize:after,.slide-split-handle:after{content:"";background:var(--accent);opacity:0;transition:opacity .2s var(--ease), width .2s var(--ease), height .2s var(--ease);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff8c}.slide-resize:after{width:3px;height:40px}.slide-split-handle:after{width:40px;height:3px}.is-editing .slide-resize:after,.is-editing .slide-split-handle:after{opacity:.4}.is-editing .slide-resize:hover:after,.is-editing .slide-resize.is-dragging:after{opacity:1;height:76px}.is-editing .slide-split-handle:hover:after,.is-editing .slide-split-handle.is-dragging:after{opacity:1;width:76px}.strip-height-handle{z-index:8;touch-action:none;cursor:ns-resize;height:22px;position:absolute;left:0;right:0;transform:translateY(-50%)}.strip-height-handle:after{content:"";background:var(--accent);opacity:0;width:96px;height:4px;transition:opacity .2s var(--ease), width .2s var(--ease);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff8c}.is-editing .strip-height-handle:after{opacity:.4}.is-editing .strip-height-handle:hover:after,.is-editing .strip-height-handle.is-dragging:after{opacity:1;width:180px}.slide-move{z-index:6;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(6px);width:1.7rem;height:1.7rem;color:var(--ink);font-family:var(--font-mono);opacity:0;touch-action:none;transition:opacity .2s var(--ease), background .2s var(--ease), color .2s var(--ease);border-radius:999px;place-items:center;font-size:.78rem;line-height:1;display:grid;position:absolute;top:.4rem;left:2.45rem;cursor:grab!important}.is-editing .slide:hover .slide-move,.is-editing .slide:focus-within .slide-move{opacity:1}.slide-move:hover{background:var(--ink);color:var(--paper)}.slide.is-moving{opacity:.45}.slide.is-drop-target{outline:3px solid var(--accent);outline-offset:-3px;z-index:5}.slide-ink{z-index:6;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(6px);width:1.7rem;height:1.7rem;color:var(--ink);font-family:var(--font-mono);opacity:0;transition:opacity .2s var(--ease), background .2s var(--ease), color .2s var(--ease);border-radius:999px;place-items:center;font-size:.85rem;line-height:1;display:grid;position:absolute;top:.4rem;left:4.5rem;cursor:pointer!important}.is-editing .slide:hover .slide-ink,.is-editing .slide:focus-within .slide-ink{opacity:1}.slide-ink:hover{background:var(--ink);color:var(--paper)}.slide-split{z-index:6;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(6px);width:1.7rem;height:1.7rem;color:var(--ink);font-family:var(--font-mono);opacity:0;transition:opacity .2s var(--ease), background .2s var(--ease), color .2s var(--ease);border-radius:999px;place-items:center;font-size:.8rem;line-height:1;display:grid;position:absolute;top:.4rem;left:6.55rem;cursor:pointer!important}.is-editing .slide:hover .slide-split,.is-editing .slide:focus-within .slide-split{opacity:1}.slide-split:hover{background:var(--ink);color:var(--paper)}.slide-add{width:min(28vw,14rem);height:calc(var(--strip-h,20rem) * var(--k,1));scroll-snap-align:start;border:2px dashed var(--line-strong);color:var(--ink-soft);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;transition:border-color .25s var(--ease), color .25s var(--ease);background:0 0;border-radius:2px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.35rem;font-size:.72rem;display:none;cursor:pointer!important}.slide-add span:first-child{font-size:1.6rem;line-height:1}.is-editing .slide-add{display:flex}.slide-add:hover{border-color:var(--accent);color:var(--accent)}.slide-remove{z-index:6;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(6px);width:1.7rem;height:1.7rem;color:var(--ink);font-family:var(--font-mono);opacity:0;transition:opacity .2s var(--ease), background .2s var(--ease), color .2s var(--ease);border-radius:999px;place-items:center;font-size:.8rem;line-height:1;display:grid;position:absolute;top:.4rem;left:.4rem;cursor:pointer!important}.is-editing .slide:hover .slide-remove,.is-editing .slide:focus-within .slide-remove{opacity:1}.slide-remove:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.strip-nav{justify-content:center;align-items:center;gap:clamp(.75rem,2vw,1.25rem);margin-top:clamp(.75rem,2vw,1.25rem);display:flex}.strip-dots{align-items:center;gap:.45rem;display:flex}.strip-dot{background:var(--accent);width:7px;height:7px;transition:opacity .3s var(--ease);border-radius:999px}.strip-arrow{width:1.6rem;height:1.6rem;color:var(--ink);font-family:var(--font-body);transition:opacity .25s var(--ease), color .25s var(--ease);background:0 0;border:none;border-radius:999px;place-items:center;font-size:1.35rem;line-height:1;display:grid}.strip-arrow:hover{color:var(--accent)}.case-strip.passt-ganz .strip-nav{visibility:hidden}.strip-credit{text-align:center;font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-soft);margin:clamp(.6rem,1.5vw,.9rem) auto 0;font-size:.8rem}.case-strip.einzeln.passt-ganz .strip{justify-content:center}.strip-arrow[disabled]{opacity:.2;pointer-events:none}.case-nav{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding-block:clamp(2rem,5vw,3rem);display:grid}.case-nav a:not(.btn){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.case-nav .dir{color:var(--ink-soft);font-size:.7rem}.case-nav .next{text-align:right;grid-column:3;justify-self:end;align-items:flex-end}.case-nav .case-nav-uebersicht{grid-area:1/2;gap:.35em}.case-nav .case-nav-uebersicht .dir{color:inherit;font-size:inherit}@media (width<=640px){.case-nav{text-align:center;grid-template-columns:1fr;justify-items:center}.case-nav a:not(.btn),.case-nav .next{text-align:center;grid-column:1;justify-self:center;align-items:center}.case-nav .case-nav-uebersicht{grid-column:1}}.pinned-region{padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2.5rem,6vw,4rem)}.pinned-grid{grid-template-columns:.7fr 1.3fr;align-items:start;gap:clamp(2rem,6vw,4rem);display:grid}.pinned-media{top:calc(var(--nav-h) + 2rem);align-self:start;position:sticky}.pinned-content .hero{padding-top:clamp(3rem,8vw,5.5rem);padding-bottom:0}@media (width<=820px){.pinned-grid{grid-template-columns:1fr}.pinned-media{max-width:20rem;position:static}}.hey-image-stage{aspect-ratio:3/4;perspective:1200px;max-width:22rem}.hey-image{width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;transform:rotateY(0)}.hey-greeting{font-size:clamp(2.2rem,5.5vw,3.6rem)}.hey-copy{color:var(--ink-soft);max-width:46ch;margin-top:1.25rem;font-size:.95rem;line-height:1.6}.contact-hero{padding-block:clamp(4rem,12vw,8rem)}.contact-hero h1{max-width:18ch;font-size:clamp(2.4rem,8vw,5.5rem)}.contact-links{border-top:1px solid var(--line);gap:0;margin-top:clamp(2.5rem,6vw,4rem);display:grid}.contact-links a,.contact-links .row{border-bottom:1px solid var(--line);font-family:var(--font-display);justify-content:space-between;align-items:center;padding-block:1.4rem;font-size:clamp(1.1rem,2.5vw,1.5rem);display:flex}.contact-links a{transition:color .2s var(--ease), padding-left .25s var(--ease)}.contact-links a:hover{color:var(--accent);padding-left:.5rem}.projekt-liste.hat-vorschau>a:hover{color:inherit;padding-left:0}.projekt-liste.hat-vorschau>a.is-aktiv{color:var(--accent);padding-left:.5rem}.contact-links .row-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-size:.75rem}.projekt-vorschau{z-index:40;aspect-ratio:4/3;pointer-events:none;opacity:0;width:clamp(320px,32vw,500px);transition:opacity .25s var(--ease);will-change:transform;--arm:11px;--stark:1px;position:fixed;top:0;left:0}.projekt-vorschau.is-sichtbar{opacity:1}.projekt-vorschau-bild{background:var(--paper);position:absolute;inset:0;overflow:hidden}.projekt-vorschau-bild.is-leer{background:var(--accent)}.projekt-vorschau-bild img,.projekt-vorschau-bild video{object-fit:cover;width:100%;height:100%;display:block}.projekt-vorschau:after{content:"";inset:calc(var(--arm) * -1);--rand:var(--arm);background-image:linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent));background-repeat:no-repeat;background-position:left 0 top var(--rand), right 0 bottom calc(var(--rand) - var(--stark)), left var(--rand) top 0, right calc(var(--rand) - var(--stark)) bottom 0;background-size:0 var(--stark), 0 var(--stark), var(--stark) 0, var(--stark) 0;position:absolute}.projekt-vorschau.is-gerahmt:after{background-size:100% var(--stark), 100% var(--stark), var(--stark) 100%, var(--stark) 100%;transition:background-size .8s cubic-bezier(.05,.85,.2,1)}.projekt-vorschau-linie{z-index:41;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .25s var(--ease);position:fixed;inset:0;overflow:visible}.projekt-vorschau-linie polyline{fill:none;stroke:var(--accent);stroke-width:1px;shape-rendering:crispedges;stroke-dasharray:1;stroke-dashoffset:1px}.projekt-vorschau-linie.is-sichtbar{opacity:1}.projekt-vorschau-linie.is-gerahmt polyline{stroke-dashoffset:0;transition:stroke-dashoffset .8s cubic-bezier(.05,.85,.2,1)}.projekt-vorschau-linie.is-aus{opacity:0}.projekt-vorschau-punkt{fill:var(--accent);opacity:0;transition:opacity .15s var(--ease)}.projekt-vorschau-linie.is-gerahmt .projekt-vorschau-punkt.anfang{opacity:1}.projekt-vorschau-linie.is-gerahmt .projekt-vorschau-punkt.ende{opacity:1;transition-delay:.28s}.projekt-bild{display:none}.is-editing .projekt-liste .projekt-bild{aspect-ratio:4/3;flex:none;order:3;width:160px;margin-left:1.5rem;display:block;position:relative}.is-editing .projekt-liste>a .row-label{margin-left:auto}.is-editing .projekt-liste>a{align-items:flex-start}[data-edit-img]{overflow:hidden}.img-layer[controls]{object-fit:contain;background:var(--ink);pointer-events:auto;width:100%!important;height:100%!important}.img-layer{object-fit:cover;width:100%;max-width:none;height:100%;transform:translate(-50%, -50%) translate(var(--ox,0%), var(--oy,0%)) scale(var(--z,1));transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;position:absolute;top:50%;left:50%}[data-edit-img].has-image{background-image:none}.thumb.has-image:after{content:none}.thumb.has-image .thumb-tag,.thumb.has-image .thumb-index{background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:.25rem .55rem}.collage-section{padding-top:var(--gutter)}.collage-label{margin-bottom:clamp(.75rem,1.6vw,1.25rem)}.collage{width:var(--collage-dw,78rem);aspect-ratio:var(--collage-ar,1.44);transform:scale(var(--k,1));transform-origin:0 0;gap:clamp(16px,2vw,32px);display:flex;position:relative}.collage-fit{aspect-ratio:1.44;overflow-clip-margin:160px;width:100%;overflow:clip}.collage-mehr{justify-content:center;margin-top:clamp(2rem,4vw,3.5rem);display:flex}.collage-col{flex-direction:column;flex:var(--cw,1) 1 0;gap:clamp(16px,2vw,32px);min-width:0;display:flex}.collage-item{flex:var(--ch,1) 1 0;overflow-clip-margin:20px;min-height:0;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);transition:transform .45s var(--ease), box-shadow .45s var(--ease), filter .4s var(--ease);display:block;position:relative;overflow:clip}.collage-item:hover{box-shadow:inset 0 0 0 1px var(--line), 0 8px 20px #17160f24, 0 30px 70px #17160f38;z-index:3;transform:scale(1.06)}.collage-item:after{content:"";inset:calc(var(--arm) * -1);pointer-events:none;z-index:2;--arm:11px;--stark:1px;--rand:var(--arm);background-image:linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent));background-repeat:no-repeat;background-position:left 0 top calc(var(--rand) - var(--stark) / 2), right 0 bottom calc(var(--rand) - var(--stark) / 2), left calc(var(--rand) - var(--stark) / 2) top 0, right calc(var(--rand) - var(--stark) / 2) bottom 0;background-size:0 var(--stark), 0 var(--stark), var(--stark) 0, var(--stark) 0;transition:background-size .8s cubic-bezier(.05,.85,.2,1);position:absolute}html:not(.is-editing) .collage-item:hover:after{background-size:100% var(--stark), 100% var(--stark), var(--stark) 100%, var(--stark) 100%}.collage-media{background:var(--accent);background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.collage-caption{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex;position:absolute;bottom:clamp(1rem,2vw,1.6rem);left:clamp(1rem,2vw,1.75rem);right:clamp(1rem,2vw,1.75rem)}.collage-media.has-image~.collage-caption{color:var(--paper)}.collage-item[data-ink=dark] .collage-caption,.collage-item[data-ink=dark] .collage-media.has-image~.collage-caption{color:var(--ink)}.collage-caption h2{letter-spacing:.02em;transition:transform .4s var(--ease);margin:0;font-size:clamp(1.05rem,1.7vw,1.6rem)}.collage-item:hover .collage-caption h2{transform:translate(4px)}.collage-year{font-family:var(--font-mono);letter-spacing:.08em;opacity:.7;font-size:.72rem}.home-statement{text-wrap:balance;max-width:none;margin-top:1.25rem;font-size:clamp(2rem,5vw,3.6rem)}.about-hero{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);padding-top:clamp(3rem,8vw,5.5rem);padding-bottom:clamp(2.5rem,6vw,4rem);display:grid}.portrait{aspect-ratio:4/5;border:1px solid var(--line);background:repeating-linear-gradient(0deg, transparent 0 calc(100% / 8 - 1px), var(--line) calc(100% / 8 - 1px) calc(100% / 8)), repeating-linear-gradient(90deg, transparent 0 calc(100% / 6 - 1px), var(--line) calc(100% / 6 - 1px) calc(100% / 6)), var(--paper-dim);border-radius:4px;align-items:flex-end;max-width:24rem;padding:1rem;display:flex;position:relative}.portrait.has-image{background-color:var(--paper-dim)}html:not(.is-editing) .portrait-caption:empty{display:none}.portrait-caption{z-index:1;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);background:color-mix(in srgb, var(--paper) 88%, transparent);border-radius:999px;padding:.3rem .6rem;font-size:.7rem;position:relative}.about-lede h1{max-width:16ch;font-size:clamp(2.2rem,5.5vw,4rem)}.about-lede p{color:var(--ink-soft);max-width:46ch;font-size:clamp(1rem,1.4vw,1.15rem)}.about-lede p+p{margin-top:1.1rem}@media (width<=820px){.about-hero{grid-template-columns:1fr}.portrait{max-width:22rem}}.timeline{border-top:1px solid var(--line)}.timeline-row{border-bottom:1px solid var(--line);grid-template-columns:9rem 1fr 12rem;align-items:baseline;gap:clamp(1rem,3vw,2.5rem);padding-block:clamp(1.4rem,3vw,2rem);display:grid}.timeline-row .years{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.06em;font-size:.8rem}.timeline-row h3{margin-bottom:.4rem;font-size:clamp(1.1rem,2vw,1.5rem)}.timeline-row p{color:var(--ink-soft);max-width:52ch;margin:0}.timeline-row .place{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);text-align:right;font-size:.75rem}@media (width<=780px){.timeline-row{grid-template-columns:1fr;gap:.5rem}.timeline-row .place{text-align:left}}.value-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,2rem);display:grid}@media (width<=860px){.value-grid{grid-template-columns:1fr}}.value-card{border:1px solid var(--line);background:var(--paper-dim);border-radius:4px;padding:clamp(1.4rem,3vw,2rem)}.value-card .index-num{color:var(--accent)}.value-card h3{margin:.9rem 0 .6rem;font-size:1.2rem}.value-card p{color:var(--ink-soft);margin:0;font-size:.95rem}.tag-list{flex-wrap:wrap;gap:.6rem;display:flex}.tag-list span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line-strong);color:var(--ink-soft);border-radius:999px;padding:.45rem .9rem;font-size:.75rem}.tag-gruppe+.tag-gruppe{margin-top:clamp(1.5rem,3vw,2.25rem)}.tag-gruppe>.label{margin-bottom:.8rem;display:block}html:not(.is-admin) .edit-dock{display:none}.site-footer:has(.admin-kreuz){position:relative}.admin-kreuz{width:22px;height:22px;color:var(--ink);opacity:.18;cursor:pointer;transition:opacity .2s var(--ease), color .2s var(--ease);background:0 0;border:0;padding:0;position:absolute;bottom:.75rem;right:.75rem}.admin-kreuz:hover,.admin-kreuz:focus-visible{opacity:1;color:var(--accent)}.admin-kreuz-v,.admin-kreuz-h{background:currentColor;position:absolute}.admin-kreuz-v{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.admin-kreuz-h{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.admin-login{z-index:9500;background:#17160f59;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.admin-login-fenster{background:var(--paper);border:1px solid var(--line);width:min(20rem,100%);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;gap:.9rem;padding:1.25rem;font-size:.75rem;display:grid;box-shadow:0 20px 60px #17160f40}.admin-login-kopf{color:var(--accent);justify-content:space-between;align-items:center;display:flex}.admin-login-zu{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0}.admin-login-fenster label{color:var(--ink-soft);gap:.35rem;display:grid}.admin-login-fenster input{border:1px solid var(--line);color:var(--ink);font:inherit;text-transform:none;letter-spacing:0;background:0 0;padding:.6rem .7rem;font-size:.85rem}.admin-login-fenster input:focus{border-color:var(--accent);outline:none}.admin-login-fehler{color:#c0392b;text-transform:none;letter-spacing:0;min-height:1em;margin:0}.admin-login-fenster .btn{justify-content:center}.edit-dock{z-index:9000;font-family:var(--font-mono);position:fixed;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.edit-dock[data-mode=idle] .edit-actions,.edit-dock[data-mode=edit] .edit-idle{display:none}.edit-idle{gap:.5rem;display:flex}.edit-actions{gap:.5rem;display:flex;position:relative}.edit-btn{border:1px solid var(--ink);background:var(--paper);color:var(--ink);text-transform:uppercase;letter-spacing:.1em;transition:background .25s var(--ease), color .25s var(--ease);border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-family:inherit;font-size:.72rem;display:inline-flex;box-shadow:0 6px 24px #17160f1f}@media (pointer:fine){.edit-btn{cursor:none}}.edit-btn:hover,.edit-save{background:var(--ink);color:var(--paper)}.edit-save:hover{background:var(--accent);border-color:var(--accent)}.edit-dock.is-dirty .edit-save:after{content:"•";color:var(--accent)}.edit-more{padding-inline:.9rem}.edit-undo{padding-inline:.95rem;font-size:.95rem}.edit-undo[disabled]{opacity:.35;pointer-events:none}.edit-menu{background:var(--paper);border:1px solid var(--ink);border-radius:6px;flex-direction:column;min-width:16rem;display:none;position:absolute;bottom:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 10px 32px #17160f29}.edit-menu.is-open{display:flex}.edit-menu button{text-align:left;color:var(--ink);border:none;border-bottom:1px solid var(--line);background:0 0;padding:.75rem 1rem;font-family:inherit;font-size:.72rem}.edit-menu button:last-child{color:var(--accent);border-bottom:none}.edit-menu button:hover{background:var(--paper-dim)}.edit-toast{z-index:9001;background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.06em;opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .3s var(--ease);border-radius:999px;padding:.7rem 1.2rem;font-size:.72rem;position:fixed;bottom:clamp(1rem,3vw,2rem);left:50%;transform:translate(-50%,1rem)}.edit-toast.is-visible{opacity:1;transform:translate(-50%)}.is-editing *,.is-editing :before,.is-editing :after{cursor:auto!important}.is-editing .custom-cursor{display:none}.is-editing [data-edit]{outline:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:4px;border-radius:2px}.is-editing [data-edit]:hover{background:color-mix(in srgb, var(--accent) 7%, transparent);outline-style:solid}.is-editing [data-edit]:focus{outline:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent)}.is-editing [data-edit]{cursor:text!important}.is-editing [data-edit-img]{outline:2px dashed var(--accent);outline-offset:-6px;cursor:pointer!important}.is-editing [data-edit-img].has-image{cursor:pointer!important}.is-editing [data-edit-img].is-adjusting{cursor:grab!important}.crop-overlay{z-index:8000;pointer-events:none;position:fixed;inset:0}.crop-ghost{opacity:.32;max-width:none;position:absolute}.crop-frame{outline:2px solid var(--accent);position:absolute;overflow:hidden;box-shadow:0 0 0 1px #ffffff73}.crop-bright{max-width:none;position:absolute}.is-editing [data-edit-img].has-image:before{content:"";border:2px dashed var(--accent);z-index:4;pointer-events:none;opacity:.85;position:absolute;inset:0}.is-editing [data-edit-img].is-dragging,.is-editing [data-edit-img].is-dragging *{cursor:grabbing!important}.img-tools{z-index:5;background:color-mix(in srgb, var(--paper) 90%, transparent);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .2s var(--ease);border-radius:999px;gap:.15rem;padding:.2rem;display:flex;position:absolute;top:.4rem;right:.4rem;box-shadow:0 4px 16px #17160f2e}.is-editing [data-edit-img]:hover>.img-tools,.is-editing [data-edit-img]:focus-within>.img-tools{opacity:1}.img-tools button.is-wide{text-transform:uppercase;letter-spacing:.08em;gap:.3rem;width:auto;padding-inline:.6rem;font-size:.68rem}[data-edit-img].is-adjusting .img-tools button[data-img-action=crop]{background:var(--accent);color:var(--accent-ink)}[data-edit-img].is-adjusting>.img-tools{opacity:1}.img-tools button{width:1.7rem;height:1.7rem;color:var(--ink);font-family:var(--font-mono);background:0 0;border:none;border-radius:999px;place-items:center;font-size:.85rem;line-height:1;display:grid;cursor:pointer!important}.img-tools button:hover{background:var(--ink);color:var(--paper)}.img-tools button[data-img-action=remove]:hover{background:var(--accent);color:var(--accent-ink)}.is-editing [data-edit-img]:not(.has-image):before{content:"";font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--paper);background:color-mix(in srgb, var(--ink) 55%, transparent);opacity:0;transition:opacity .25s var(--ease);z-index:2;justify-content:center;align-items:center;font-size:.72rem;display:flex;position:absolute;inset:0}.is-editing [data-edit-img]:not(.has-image):hover:before{opacity:1}.collage-handles{pointer-events:none;z-index:20;position:absolute;inset:0}.collage-handle{pointer-events:auto;touch-action:none;position:absolute}.collage-handle.is-col{cursor:col-resize;width:20px;transform:translate(-50%)}.collage-handle.is-row{cursor:row-resize;height:20px;transform:translateY(-50%)}.collage-handle.is-bottom{cursor:ns-resize;height:22px;transform:translateY(-50%)}.collage-handle.is-bottom:after{width:96px;height:4px;transform:translate(-50%,-50%)}.collage-handle.is-bottom:hover:after,.collage-handle.is-bottom.is-dragging:after{width:180px}.collage-handle:after{content:"";background:var(--accent);opacity:.35;transition:opacity .2s var(--ease), width .2s var(--ease), height .2s var(--ease);border-radius:999px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #ffffff8c}.collage-handle.is-col:after{width:3px;height:40px;transform:translate(-50%,-50%)}.collage-handle.is-row:after{width:40px;height:3px;transform:translate(-50%,-50%)}.collage-handle:hover:after,.collage-handle.is-dragging:after{opacity:1}.collage-handle.is-col:hover:after,.collage-handle.is-col.is-dragging:after{height:72px}.collage-handle.is-row:hover:after,.collage-handle.is-row.is-dragging:after{width:72px}.collage-add{pointer-events:auto;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;transition:background .25s var(--ease), color .25s var(--ease);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.7rem;display:inline-flex;position:absolute;bottom:.6rem;right:.6rem;box-shadow:0 6px 20px #17160f2e;cursor:pointer!important}.collage-add:hover{background:var(--ink);color:var(--paper)}.collage-wahl{z-index:20;pointer-events:auto;border:1px solid var(--ink);background:var(--paper);min-width:15rem;max-height:60%;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:.9rem;padding:.4rem;font-size:.7rem;display:grid;position:absolute;bottom:3.2rem;right:.6rem;overflow-y:auto;box-shadow:0 10px 30px #17160f38}.collage-wahl button{color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;background:0 0;border:0;border-radius:.5rem;justify-content:space-between;gap:1.5rem;padding:.55rem .7rem;display:flex;cursor:pointer!important}.collage-wahl button:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.collage-wahl .collage-wahl-neu{border-bottom:1px solid var(--line);border-radius:.5rem .5rem 0 0}.collage-wahl-kopf{color:var(--ink-soft);padding:.6rem .7rem .3rem;font-size:.62rem}.collage-wahl-jahr{color:var(--ink-soft)}.tile-remove{z-index:6;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(6px);width:1.7rem;height:1.7rem;color:var(--ink);font-family:var(--font-mono);opacity:0;transition:opacity .2s var(--ease), background .2s var(--ease), color .2s var(--ease);border-radius:999px;place-items:center;font-size:.8rem;line-height:1;display:grid;position:absolute;top:.4rem;left:.4rem;cursor:pointer!important}.is-editing .collage-item:hover .tile-remove,.is-editing .collage-item:focus-within .tile-remove{opacity:1}.tile-remove:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tile-ink{z-index:6;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(6px);width:1.7rem;height:1.7rem;color:var(--ink);font-family:var(--font-mono);opacity:0;cursor:pointer;transition:opacity .2s var(--ease), background .2s var(--ease), color .2s var(--ease);border-radius:999px;place-items:center;font-size:.8rem;line-height:1;display:grid;position:absolute;top:.4rem;left:4.5rem}.is-editing .collage-item:hover .tile-ink,.is-editing .collage-item:focus-within .tile-ink{opacity:1}.tile-ink:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tile-move{z-index:6;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(6px);width:1.7rem;height:1.7rem;color:var(--ink);font-family:var(--font-mono);opacity:0;touch-action:none;transition:opacity .2s var(--ease), background .2s var(--ease), color .2s var(--ease);border-radius:999px;place-items:center;font-size:.78rem;line-height:1;display:grid;position:absolute;top:.4rem;left:2.45rem;cursor:grab!important}.is-editing .collage-item:hover .tile-move,.is-editing .collage-item:focus-within .tile-move{opacity:1}.tile-move:hover{background:var(--ink);color:var(--paper)}.collage-item.is-moving{opacity:.45}.collage-item.is-drop-target{outline:3px solid var(--accent);outline-offset:-3px;z-index:5}.is-resizing .collage-item{transition:none}@media (width<=900px){.collage-handles{display:none}}.is-editing .reveal{opacity:1;transform:none}.is-editing .collage-item,.is-editing .collage-item:hover{box-shadow:inset 0 0 0 1px var(--line);transform:none!important}.case-hero{position:relative}.projekt-loeschen{font-family:var(--font-mono);z-index:5;display:none;position:absolute;top:0;right:0}.is-editing .projekt-loeschen{display:inline-flex}.projekt-loeschen:hover{color:#c0392b;border-color:#c0392b}.ist-geloescht .projekt-loeschen:hover{border-color:var(--accent);color:var(--ink)}.projekt-geloescht-hinweis{font-family:var(--font-mono);background:#c0392b14;border-left:2px solid #c0392b;max-width:46rem;margin:0 0 1rem;padding:.6rem .9rem;font-size:.75rem;display:none}.ist-geloescht .projekt-geloescht-hinweis{display:block}html:not(.is-editing) .verweist-geloescht{display:none!important}.is-editing .verweist-geloescht{opacity:.35;text-decoration:line-through}.bau-hinweis{padding-top:.7rem;padding-bottom:10px;overflow:hidden}.bau-hinweis-innen{--knick-x:1.1rem;--knick-h:8px;--rest:5rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);justify-content:flex-end;align-items:center;gap:.55rem;font-size:.62rem;line-height:1;display:flex}.bau-hinweis-linie{width:calc(var(--rest) + 50vw);height:calc(var(--knick-h) + 1px);transform:translateY(calc(var(--knick-h) / 2));background-image:linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent));background-repeat:no-repeat;background-size:calc(var(--knick-x) + 1px) 1px, 1px 100%, calc(100% - var(--knick-x)) 1px;background-position:left 0 top 0, left var(--knick-x) top 0, left var(--knick-x) bottom 0;clip-path:inset(-4px 0 -4px -4px);animation:bau-linie 1.6s var(--ease) .35s both;flex:none;margin-right:-50vw;position:relative}.bau-hinweis-linie:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:-2px}@keyframes bau-linie{0%{clip-path:inset(-4px 100% -4px -4px)}}@media (prefers-reduced-motion:reduce){.bau-hinweis-linie{animation:none}}html:not(.is-editing) .bau-hinweis:has(.bau-hinweis-text:empty){display:none}