:root{--grund:#f5f3ec;--tinte:#111;--leise:#716f68}*{box-sizing:border-box}body{background:var(--grund);color:var(--tinte);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif}.start{min-height:100vh}.kopf{justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem clamp(1rem,4vw,3rem);display:flex}.marke{letter-spacing:.01em;font-weight:600}.kopf-nav{gap:1.25rem;display:flex}.kopf-nav a{color:var(--leise);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;text-decoration:none}.kopf-nav a:hover{color:var(--tinte)}.buchen{background:var(--tinte);max-width:100%;color:var(--grund);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;font-size:.75rem;text-decoration:none;display:inline-block}.buchen-pill{padding:.7rem 1.25rem}.buchen-wide{padding:1rem 2.5rem;font-size:.875rem}.hero{padding:0 clamp(1rem,4vw,3rem) 3rem;position:relative}.hero-name{letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:clamp(2.5rem,9vw,7rem);font-weight:800;line-height:.92}.hero-alter{white-space:nowrap;font-size:.5em;font-weight:400}.hero-rolle{margin:.75rem 0 0;font-size:1rem}.hero-satz{max-width:26rem;font-size:.9375rem;line-height:1.5}.kopf-zeit{color:var(--leise);font-variant-numeric:tabular-nums;font-size:.75rem}.kopf-marke-block{flex-direction:column;gap:.3rem;display:flex}.kopf-status{color:var(--leise);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem}.hero-figur{object-fit:contain;width:auto;max-width:100%;height:clamp(20rem,58vh,40rem);margin:0 auto;display:block}.hero-figur-nacht{width:min(100%,22rem);height:auto}.pillen{--pille-blau:#dbe8fb;--pille-limette:#e4f3cd;--pille-rose:#fadde5;--pille-lila:#e7ddfa;--pille-tuerkis:#d3efeb;--pille-gelb:#fbeec4;flex-direction:column;gap:.75rem;margin:1.5rem 0 0;display:flex}.pillen-gruppe{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.pille{background:var(--ton);color:var(--tinte);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.8125rem;display:inline-flex;box-shadow:0 1px 2px #1111110f}.pille-blau{--ton:var(--pille-blau)}.pille-limette{--ton:var(--pille-limette)}.pille-rose{--ton:var(--pille-rose)}.pille-lila{--ton:var(--pille-lila)}.pille-tuerkis{--ton:var(--pille-tuerkis)}.pille-gelb{--ton:var(--pille-gelb)}.pille-punkt{opacity:.35;background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.ansatz,.prozess{max-width:52rem;margin:0 auto;padding:4rem clamp(1rem,4vw,3rem) 0}.abschnitt-titel{color:var(--leise);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.7rem;font-weight:600}.ansatz-absatz{margin:0 0 1rem;font-size:clamp(1.0625rem,2.2vw,1.375rem);line-height:1.5}.schritte{gap:2.25rem;margin:0;padding:0;list-style:none;display:grid}.schritt{grid-template-columns:3.5rem 1fr;align-items:baseline;column-gap:1.25rem;display:grid}.schritt-nummer{color:var(--leise);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.schritt-titel{margin:0;font-size:1.0625rem}.schritt-text{grid-column:2;margin:.35rem 0 0;line-height:1.55}.projekte{max-width:72rem;margin:0 auto;padding:4.5rem clamp(1rem,4vw,3rem) 0}.projekt-liste{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.projekt{text-align:center}.projekt-zelle{justify-content:center;align-items:center;height:3.5rem;display:flex}.projekt-logo{object-fit:contain;filter:grayscale()opacity(.75);max-width:100%;max-height:100%;transition:filter .16s}.projekt:hover .projekt-logo{filter:grayscale()opacity(.9)}.projekt-bereiche{color:var(--leise);letter-spacing:.04em;margin:.4rem 0 0;font-size:.6875rem;line-height:1.4;display:block}.projekt-lokal{color:#54524c;letter-spacing:.06em;text-transform:uppercase;background:#11111112;border-radius:999px;padding:.1rem .4rem;font-size:.625rem;display:inline-block}.projekt-inhalt{width:100%;display:block}.projekt-zelle-fall{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.projekt-zelle-fall:focus-visible{outline:2px solid var(--tinte);outline-offset:4px;border-radius:4px}.projekt-fall-hinweis{letter-spacing:.04em;color:var(--leise);text-underline-offset:.2rem;margin:.3rem 0 0;font-size:.6875rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .16s,text-decoration-color .16s;display:block}.projekt-zelle-fall:hover .projekt-fall-hinweis,.projekt-zelle-fall:focus-visible .projekt-fall-hinweis{color:var(--tinte);text-decoration-color:currentColor}.projekt-fall-dialog{background:var(--grund);width:min(94vw,40rem);max-height:min(88vh,42rem);color:var(--tinte);border:0;border-radius:.75rem;padding:0;overflow:hidden}.projekt-fall-dialog::backdrop{background:#1111118c}.projekt-fall{text-align:left;gap:1.5rem;max-height:min(88vh,42rem);padding:2rem clamp(1rem,4vw,2.5rem);display:grid;overflow-y:auto}.projekt-fall-schliessen{font:inherit;letter-spacing:.04em;color:var(--leise);cursor:pointer;background:0 0;border:0;margin:0 0 1rem auto;padding:0;font-size:.6875rem;text-decoration:underline;display:block}.projekt-fall-schliessen:hover,.projekt-fall-schliessen:focus-visible{color:var(--tinte)}.projekt-fall-schliessen:focus-visible{outline:2px solid var(--tinte);outline-offset:4px;border-radius:4px}.projekt-fall-bild{border-radius:.5rem;width:100%;max-width:16rem;margin:0 auto;display:block}.projekt-fall-titel{margin:0 0 .75rem;font-size:1.25rem}.projekt-fall-text p{color:var(--leise);margin:0 0 .9rem;font-size:.9375rem;line-height:1.55}.projekt-fall-text p:last-of-type{margin-bottom:0}.projekt-fall-link{color:var(--tinte);letter-spacing:.04em;text-underline-offset:.2rem;margin-top:1rem;font-size:.8125rem;text-decoration:underline;display:inline-block}.projekt-fall-link:hover{color:var(--leise)}.kontakt{text-align:center;max-width:46rem;margin:0 auto;padding:5rem clamp(1rem,4vw,3rem) 0}.kontakt-kurzfristig{color:var(--leise);margin:1.25rem 0 0;font-size:.875rem}.fuss{max-width:46rem;color:var(--leise);text-align:center;border-top:1px solid #11111114;margin:4rem auto 0;padding:1.5rem clamp(1rem,4vw,3rem) 3rem;font-size:.75rem}.fuss a{color:inherit}@media (min-width:900px){.hero{grid-template-columns:minmax(14rem,1fr) auto minmax(14rem,1fr);grid-template-areas:"pillen-links figur pillen-rechts""text figur satz";align-items:end;column-gap:2rem;min-height:72vh;display:grid}.hero-figur{grid-area:figur;align-self:end;height:min(63vh,38rem)}.hero-figur-nacht{width:clamp(18rem,7.7rem + 18.3vw,26rem);height:auto}.hero-text{grid-area:text;align-self:end}.hero-satz{text-align:left;grid-area:satz;place-self:end}.hero-name{font-size:clamp(3rem,7.14vw - .64rem,6.5rem)}.pillen{display:contents}.pillen-gruppe{flex-flow:column;align-self:start;gap:1.75rem}.pillen-links{grid-area:pillen-links;align-items:flex-start}.pillen-rechts{grid-area:pillen-rechts;align-items:flex-end}.pille{animation:8s ease-in-out infinite driften}.projekt-fall{grid-template-columns:16rem 1fr;align-items:start;max-width:48rem}.projekt-fall-bild{margin:0}}@keyframes driften{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.pille{animation:none}.projekt-logo,.projekt-fall-hinweis{transition:none}}@media (max-width:899px){.kopf-zeit{display:none}.kopf{flex-wrap:wrap;gap:.75rem}.kopf-nav{flex-wrap:wrap;flex-basis:100%;row-gap:.4rem}.kopf-marke-block{display:contents}.kopf-status{order:1}.kopf .buchen-pill{order:1;margin-left:auto}.pillen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem .5rem;display:grid}.pillen-gruppe{display:contents}.pille{justify-self:start;gap:.35rem;min-width:0;padding:.35rem .6rem;font-size:.625rem}.pille-punkt{width:.35rem;height:.35rem}.projekt-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.schritt{grid-template-columns:1fr}.schritt-text{grid-column:1}.buchen-wide{white-space:normal;text-align:center;padding:1rem 1.25rem}}