:root{color-scheme:light dark;--bg: #f2f5f8;--bg-deep: #e7edf4;--surface: rgba(255, 255, 255, .66);--surface-solid: #fbfcfd;--ink: #10151d;--muted: #596473;--line: rgba(38, 63, 87, .14);--glass: rgba(246, 250, 253, .72);--blue: #006bd6;--blue-bright: #0588f0;--focus: #006edc;--shadow: 0 24px 70px rgba(35, 61, 87, .13);--max: 1240px}:root[data-theme=dark]{--bg: #070b12;--bg-deep: #0e1621;--surface: rgba(23, 33, 46, .7);--surface-solid: #111923;--ink: #f4f8fc;--muted: #9eaebe;--line: rgba(206, 230, 255, .14);--glass: rgba(10, 16, 25, .7);--blue: #58afff;--blue-bright: #73c9ff;--focus: #69baff;--shadow: 0 30px 80px rgba(0, 0, 0, .34)}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--bg: #070b12;--bg-deep: #0e1621;--surface: rgba(23, 33, 46, .7);--surface-solid: #111923;--ink: #f4f8fc;--muted: #9eaebe;--line: rgba(206, 230, 255, .14);--glass: rgba(10, 16, 25, .7);--blue: #58afff;--blue-bright: #73c9ff;--focus: #69baff;--shadow: 0 30px 80px rgba(0, 0, 0, .34)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased}a{color:inherit}#projekte,#ausblick,#kontakt{scroll-margin-top:82px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;z-index:20;top:0;padding:8px 0;pointer-events:none}.nav{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:18px;background:var(--glass);box-shadow:0 10px 32px #18314b14;backdrop-filter:saturate(170%) blur(26px);-webkit-backdrop-filter:saturate(170%) blur(26px);pointer-events:auto}.brand{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#f7fbff;background:#101c2a;box-shadow:inset 0 1px #ffffff38;font-size:11px;font-weight:700;text-decoration:none;letter-spacing:-.04em}.brand span{transform:translateY(-.5px)}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{min-height:44px;display:flex;align-items:center;color:var(--muted);font-size:13px;font-weight:520;text-decoration:none}.nav-links a:hover{color:var(--ink)}.theme-toggle{justify-self:end;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--ink);background:transparent;cursor:pointer}.theme-toggle:hover{background:var(--line)}.theme-toggle svg,.search svg,.slide-control svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero{min-height:calc(100svh - 64px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(440px,1.15fr);align-items:center;gap:clamp(44px,6vw,96px);padding-block:64px 90px}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 17px;color:var(--muted);font-size:11px;font-weight:680;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:-.057em;line-height:.96;text-wrap:balance}h1{font-size:clamp(60px,8vw,112px);font-weight:650}h2{font-size:clamp(42px,6vw,72px);font-weight:640}h3{font-size:clamp(46px,6vw,78px);font-weight:630}.bio{max-width:570px;margin:34px 0 30px;color:var(--muted);font-size:clamp(17px,1.8vw,21px);line-height:1.5;letter-spacing:-.025em}.bio strong{color:var(--ink);font-weight:620}.text-link,.card-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:580;text-decoration:none}.text-link:hover,.card-link:hover{text-decoration:underline}.hero-stage{position:relative;min-height:min(70vw,690px);isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.44);border-radius:clamp(34px,5vw,64px);background:linear-gradient(145deg,#dceffb,#8dcaf0 40%,#257ed0 72%,#153f85);box-shadow:var(--shadow),inset 0 1px 2px #ffffffbf}.hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.4),transparent 34%,transparent 70%,rgba(2,21,58,.2))}.aura{position:absolute;border-radius:50%;filter:blur(3px)}.aura-one{width:72%;aspect-ratio:1;right:-19%;top:-22%;border:1px solid rgba(255,255,255,.36);box-shadow:inset 35px 20px 70px #ffffff2e}.aura-two{width:58%;height:85%;left:-25%;bottom:-42%;background:#caf1ff33;transform:rotate(-32deg)}.glass-orbit{position:absolute;inset:50% auto auto 50%;width:min(64%,420px);aspect-ratio:1;transform:translate(-50%,-52%);filter:drop-shadow(0 30px 28px rgba(7,37,83,.3))}.glass-ring{position:absolute;border-radius:50%;background:#daf4ff33;border:1px solid rgba(255,255,255,.73);box-shadow:inset 16px 20px 35px #ffffff42,inset -18px -20px 38px #093b873b,0 0 0 9px #c6ebff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ring-outer{inset:0}.ring-inner{inset:18%}.glass-core{position:absolute;inset:36%;display:grid;place-items:center;border-radius:50%;color:#eaf8ff;background:#f4fcff47;border:1px solid rgba(255,255,255,.82);box-shadow:inset 7px 10px 20px #ffffff61,inset -8px -10px 22px #174e9840;font-size:clamp(20px,4vw,42px);font-weight:720;letter-spacing:-.07em;text-shadow:0 2px 12px rgba(14,58,118,.25)}.stage-caption{position:absolute;left:30px;bottom:27px;padding:7px 10px;border-radius:999px;color:#fff;background:#041e468f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.projects{padding-block:136px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-heading h2{max-width:700px}.search{width:min(100%,330px);min-height:50px;display:flex;align-items:center;gap:11px;padding:0 12px 0 17px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:inset 0 1px #ffffff75;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search:focus-within{outline:3px solid var(--focus);outline-offset:2px}.search input{min-width:0;width:100%;color:var(--ink);background:transparent;border:0;outline:0}.search input::placeholder{color:var(--muted);opacity:1}kbd{min-width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-solid);color:var(--muted);font-size:12px;box-shadow:0 1px #00000014}.project-slideshow{border-radius:clamp(28px,4vw,48px)}.project-slideshow:focus-visible{outline-offset:8px}.slide-viewport{overflow:hidden;border-radius:clamp(28px,4vw,48px);box-shadow:var(--shadow)}.project-track{display:flex;transition:transform .65s cubic-bezier(.2,.75,.2,1)}.project-card{flex:0 0 100%;min-width:0;min-height:610px;display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(30px,5vw,72px);padding:clamp(28px,5vw,66px);overflow:hidden;color:var(--ink);background:var(--surface-solid)}.project-card.featured{color:#f4f9ff;background:#09131f}.project-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.card-topline{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:auto;color:var(--muted);font-size:12px;letter-spacing:.02em}.featured .card-topline,.featured .project-copy>p{color:#a9bbce}.status{padding:7px 11px;border:1px solid currentColor;border-radius:999px;line-height:1}.status.active{color:#75c7ff}.project-copy>.eyebrow{margin-top:48px}.project-copy>p:not(.eyebrow){max-width:520px;margin:22px 0 18px;color:var(--muted);font-size:18px;line-height:1.5}.project-card.featured .project-copy>p:not(.eyebrow){color:#b8c7d6}.card-link{margin-top:3px;color:#64b8ff}.project-visual{position:relative;min-height:450px;align-self:stretch;border-radius:34px;overflow:hidden}.lernraum-visual{background:linear-gradient(150deg,#d6f3ff,#55b9ef 43%,#1e66cb 78%,#3b2a91);box-shadow:inset 0 1px 2px #ffffffbf}.lernraum-visual:before{content:"";position:absolute;width:72%;aspect-ratio:1;right:-18%;top:-19%;border-radius:50%;background:#e6faff33;border:1px solid rgba(255,255,255,.5);box-shadow:inset 18px 22px 42px #ffffff40}.visual-label{position:absolute;top:24px;left:26px;color:#072248bd;font-size:13px;font-weight:680}.visual-note{position:absolute;right:20px;bottom:18px;z-index:2;padding:6px 9px;border:1px solid rgba(255,255,255,.48);border-radius:999px;color:#092d57;background:#ebf9ff7a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:10px;font-weight:650;letter-spacing:.04em}.visual-window{position:absolute;inset:22% 15%;padding:26px;border:1px solid rgba(255,255,255,.66);border-radius:28px;background:#effbff45;box-shadow:inset 0 1px #ffffffc7,0 25px 50px #0b428138;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.visual-window i{display:block;width:72%;height:10px;margin:0 0 17px;border-radius:8px;background:#ffffffb8}.visual-window i:nth-child(2){width:48%}.visual-window i:nth-child(3){position:absolute;left:26px;right:26px;bottom:25px;width:auto;height:34%;margin:0;background:#0852a259;border:1px solid rgba(255,255,255,.42)}.visual-disc{position:absolute;width:92px;aspect-ratio:1;right:8%;bottom:7%;border-radius:50%;background:#dcf9ff6b;border:1px solid rgba(255,255,255,.72);box-shadow:inset 9px 10px 20px #ffffff57,0 16px 26px #1439833d}.placeholder-visual{display:grid;place-items:center;color:#3c5a7561;background:var(--bg-deep);border:1px solid var(--line)}.placeholder-visual:before,.placeholder-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid var(--line)}.placeholder-visual:before{width:70%;aspect-ratio:1}.placeholder-visual:after{width:43%;aspect-ratio:1}.placeholder-visual span{font-size:clamp(70px,12vw,150px);font-weight:620;letter-spacing:-.08em}.slideshow-footer{min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px 8px}.slide-dots{display:flex;align-items:center;gap:7px}.slide-dots button{width:28px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.slide-dots button:before{content:"";display:block;width:7px;height:7px;margin:auto;border-radius:50%;background:var(--muted);opacity:.38;transition:width .2s ease,opacity .2s ease}.slide-dots button[aria-current=true]:before{width:24px;border-radius:99px;background:var(--blue);opacity:1}.slide-counter{margin:0;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.slide-actions{justify-self:end;display:flex;gap:8px}.slide-control{width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--surface);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.slide-control:hover:not(:disabled){background:var(--surface-solid);transform:translateY(-1px)}.slide-control:disabled{cursor:not-allowed;opacity:.38}.pause-control.is-paused .pause-icon{fill:currentColor;stroke:none}.pause-control.is-paused .pause-icon path{d:path("M8 6v12l10-6Z")}.empty-state{margin:44px 0 0;color:var(--muted);text-align:center}.future{padding-block:130px}.future-heading{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:48px;margin-bottom:70px}.future-heading p{max-width:390px;margin:0 0 5px;color:var(--muted)}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{min-height:82px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:620;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:26px;font-weight:300;transition:transform .2s ease}details[open] summary span{transform:rotate(45deg)}.details-content{max-width:720px;padding:0 0 36px;color:var(--muted)}.placeholder-note{font-size:14px}footer{padding:110px 0 24px;color:#f5f9fd;background:#05080d}.footer-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:64px;padding-bottom:96px}.footer-grid h2{font-size:clamp(44px,7vw,76px)}.footer-grid p:not(.eyebrow){max-width:620px;color:#9aabba}.footer-grid nav{display:flex;flex-direction:column;gap:18px;color:#9aabba;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #26303c;color:#82909e;font-size:12px}.footer-bottom a{min-height:44px;display:flex;align-items:center;color:#a7b6c4}.reveal{opacity:1;filter:none;transform:none}.hero.reveal{transition:opacity .4s ease,filter .4s ease,transform .4s ease}@starting-style{.hero.reveal{opacity:.93;filter:blur(2px);transform:translateY(7px)}}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-stage{min-height:min(110vw,620px);order:-1}.hero-copy{max-width:720px}.project-card{grid-template-columns:1fr;min-height:auto}.project-visual{min-height:390px;order:-1}.card-topline{margin-bottom:0}}@media(max-width:720px){.shell{width:min(calc(100% - 28px),var(--max))}.site-header{padding-top:6px}.nav{grid-template-columns:1fr auto;border-radius:16px}.nav-links{display:none}.hero{min-height:auto;gap:38px;padding-block:30px 84px}.hero-stage{min-height:410px;border-radius:36px}.hero-copy h1{font-size:clamp(58px,19vw,84px)}.stage-caption{left:22px;bottom:20px;font-size:10px}.section-heading{align-items:stretch;flex-direction:column;margin-bottom:34px}.search{width:100%}.projects,.future{padding-block:88px}.project-card{min-height:650px;gap:30px;padding:18px}.project-visual{min-height:310px;border-radius:26px}.project-copy{padding:4px 8px 12px}.project-copy>.eyebrow{margin-top:36px}.project-copy>p:not(.eyebrow){margin-block:18px 12px;font-size:16px}.slide-viewport{border-radius:30px}.slideshow-footer{grid-template-columns:1fr auto}.slide-counter{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.slide-actions{grid-column:2;grid-row:1}.slide-dots{min-width:0}.slide-dots button{width:24px}.future-heading{grid-template-columns:1fr;gap:28px;margin-bottom:52px}.footer-grid{grid-template-columns:1fr;gap:48px;padding-bottom:70px}}@media(max-width:390px){.hero-stage{min-height:360px}.project-card{min-height:620px}.project-visual{min-height:270px}.slide-control{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;filter:none;transform:none}}@supports not (backdrop-filter: blur(1px)){.nav,.search,.glass-ring,.visual-window,.slide-control{background:var(--surface-solid)}}