:root{color-scheme:light;--bg:#f5f6f2;--surface:#fff;--ink:#192a2b;--sub:#697773;--line:#dce3dc;--soft:#edf1eb;--green:#316d66;--green-dark:#183d3b;--mint:#d1ecb6;--light-text:#eef6e8;--container:1180px;--radius:17px;--shadow:0 16px 44px rgba(19,42,39,.045)}
:root[data-theme=dark]{color-scheme:dark;--bg:#101b1c;--surface:#182829;--ink:#e9f1e9;--sub:#a6b9af;--line:#334a47;--soft:#152525;--green:#a2caba;--green-dark:#0b2422;--mint:#b7df9b;--light-text:#f2f6e8;--shadow:0 15px 40px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.012em}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7fbd97;outline-offset:4px}::selection{background:#a2d9a7;color:#133d32}.wrap{width:min(var(--container),calc(100% - 72px));margin-inline:auto}.skip{position:absolute;z-index:99;top:-200px;left:16px;background:var(--ink);color:var(--bg);padding:12px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{display:flex;align-items:center;gap:14px;flex-shrink:0}.logo-symbol{font-size:31px;line-height:1;letter-spacing:-3px;font-weight:850}.logo-symbol span,.footer-logo span{color:#6aa698}.logo-caption{font-size:11px;font-weight:750;line-height:1.4}.logo-caption small{font-size:10px;font-weight:450;color:var(--sub)}.nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:680}.nav a{transition:color .2s}.nav a:hover{color:var(--green)}.nav-games{border-bottom:1px solid var(--green);padding-bottom:4px}.nav-games span{margin-left:5px}.nav-actions{display:flex;align-items:center;gap:8px}.theme-btn,.menu-toggle{background:transparent;color:var(--ink);border:1px solid var(--line);height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.theme-btn{width:42px}.theme-btn:hover{background:var(--soft)}.menu-toggle{display:none;gap:8px;padding:0 12px;font-size:12px;font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(370px,.86fr);align-items:center;gap:65px;padding-top:92px;padding-bottom:105px}.eyebrow,.section-number,.tiny-label{font-size:11px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:inline-flex;gap:10px;align-items:center}.status-dot,.tiny-dot{display:inline-block;width:8px;height:8px;background:#78a98b;border-radius:50%;box-shadow:0 0 0 4px rgba(111,164,133,.14)}.eyebrow .muted{color:var(--sub);font-weight:500}.hero h1{font-size:clamp(55px,5.9vw,89px);font-weight:730;letter-spacing:-.077em;line-height:1.07;margin:30px 0 23px}.serif,.section-heading em,.outro h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.07em;color:var(--green)}.heading-muted{color:#667873}.hero-description{color:var(--sub);font-size:17px;line-height:1.78;max-width:535px;margin:0 0 30px;letter-spacing:0}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:27px;padding:15px 19px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:760;line-height:1.4;transition:transform .2s ease,background .2s ease,color .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:#235950;color:#f3faed}.button-primary:hover{background:#347569}.button-quiet{background:transparent;border-color:var(--line)}.button-quiet:hover{background:var(--soft)}.hero-meta{margin-top:55px;display:flex;gap:13px;align-items:center;font-size:11px;color:var(--sub);font-weight:650}.hero-meta .tiny-dot{width:5px;height:5px;box-shadow:none}.hero-visual{height:510px;border-radius:23px;background:#d3e7c9;position:relative;overflow:visible;isolation:isolate;box-shadow:var(--shadow)}.visual-grid{position:absolute;inset:0;border-radius:23px;overflow:hidden;background-image:linear-gradient(rgba(47,91,75,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(47,91,75,.11) 1px,transparent 1px);background-size:43px 43px}.visual-grid:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 49%,rgba(251,254,219,.85),transparent 56%)}.visual-top,.visual-footer{position:absolute;z-index:3;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;color:#2c5244}.visual-top{top:29px;font:750 10px ui-monospace,monospace;letter-spacing:.17em}.visual-cross{font-size:27px}.visual-art{position:absolute;inset:0;overflow:hidden;border-radius:23px}.oval{position:absolute;display:block;border:1px solid #4f8b72;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-23deg)}.oval-one{width:300px;height:410px;opacity:.65}.oval-two{width:385px;height:260px;transform:translate(-50%,-50%) rotate(25deg);opacity:.4}.hero-monogram{position:absolute;left:49%;top:44%;transform:translate(-50%,-50%) rotate(-10deg);font-size:clamp(170px,19vw,295px);font-weight:950;letter-spacing:-.14em;color:#275949;text-shadow:12px 10px 0 #9ac5a7;line-height:1}.hero-monogram span{color:#5a9582}.visual-spark{position:absolute;right:22%;top:22%;font-size:65px;color:#93b995;opacity:.8}.visual-footer{bottom:31px;align-items:flex-end;font-size:24px;font-weight:750;letter-spacing:-.045em;line-height:1.03}.visual-arrow{font-size:45px;font-weight:300}.floating-note{position:absolute;z-index:5;bottom:95px;left:-36px;display:flex;gap:13px;align-items:center;background:#fff;border:1px solid #dce5dc;border-radius:13px;padding:15px 17px;box-shadow:0 14px 35px rgba(31,65,50,.12);color:#1a3b35}.floating-icon{display:grid;place-items:center;background:#edf5e8;width:37px;height:37px;border-radius:10px;font-size:22px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{color:#697b6c;font-size:11px;margin-top:3px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ticker-inner{padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--sub);font-size:12px;letter-spacing:.09em;font-weight:760;text-transform:uppercase}.ticker i{font-size:13px;font-style:normal;color:var(--green)}.section{padding-top:125px;padding-bottom:125px}.section-heading{display:flex;flex-direction:column;gap:24px}.section-number{color:var(--green)}.section-heading h2,.docs-head h2,.outro h2{font-size:clamp(41px,5.2vw,73px);line-height:1.1;letter-spacing:-.067em;margin:0;font-weight:680}.section-heading.compact{gap:15px;margin-bottom:50px}.section-heading.compact h2{font-size:clamp(39px,4.2vw,62px)}.section-heading p,.docs-head p{color:var(--sub);margin:0;max-width:600px;line-height:1.75;font-size:15px}.about-grid{display:grid;grid-template-columns:1fr .84fr;gap:125px;align-items:start;margin-top:44px}.about-text p{font-size:15px;line-height:1.85;color:var(--sub);max-width:570px;margin:0 0 19px}.about-text .lead{font-size:22px;color:var(--ink);line-height:1.64;font-weight:550;letter-spacing:-.03em}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:750;padding:12px 0;border-bottom:1px solid var(--green);margin-top:5px;color:var(--green)}.interest-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:27px 29px;box-shadow:var(--shadow)}.interest-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--line);font-size:10px;color:var(--green);letter-spacing:.11em;font-weight:750}.interest-heading>span:last-child{font-size:21px}.interest-stack>div{display:grid;grid-template-columns:42px 1fr;gap:0 12px;padding:20px 0;border-bottom:1px solid var(--line)}.interest-stack>div:last-child{border-bottom:0;padding-bottom:2px}.interest-num{font:600 12px ui-monospace,monospace;color:var(--green);padding-top:3px;grid-row:span 2}.interest-stack strong{font-size:16px;letter-spacing:-.03em}.interest-stack small{font-size:12px;color:var(--sub);margin-top:7px}.section-soft{background:var(--soft)}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:190px 46px 1fr;gap:0;min-height:181px}.timeline-year{padding-top:20px;font-size:12px;color:var(--sub);font-weight:740}.timeline-marker{position:relative;border-left:1px solid var(--line);margin-left:13px}.timeline-marker:before{content:"";position:absolute;top:20px;left:-6px;width:11px;height:11px;background:var(--green);border:3px solid var(--soft);border-radius:100%;box-sizing:border-box}.timeline-body{padding:15px 0 32px 8px;border-bottom:1px solid var(--line)}.timeline-item:last-child .timeline-body{border-bottom:0}.tiny-label{font-size:10px;color:var(--green)}.timeline-body h3{font-size:27px;letter-spacing:-.055em;margin:10px 0}.timeline-body p{max-width:660px;color:var(--sub);font-size:14px;line-height:1.7;margin:0 0 17px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{display:inline-flex;padding:6px 9px;border:1px solid var(--line);color:var(--sub);border-radius:6px;font-size:10px;font-weight:690;line-height:1.25}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.skill-card{border:1px solid var(--line);background:var(--surface);padding:29px;min-height:268px;border-radius:15px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.skill-icon{color:var(--green);font-size:32px;height:54px}.skill-card h3{font-size:23px;letter-spacing:-.05em;margin:12px 0}.skill-card p{color:var(--sub);font-size:13px;line-height:1.7;margin:0 0 23px}.skill-card .chips{margin-top:auto}.docs-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:43px}.docs-head>div{display:flex;flex-direction:column;gap:16px}.docs-head h2{font-size:clamp(40px,4.4vw,62px)}.docs-head p{max-width:560px}.docs-head .button{flex-shrink:0}.documents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.document-card{position:relative;background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:15px;min-height:270px;display:flex;flex-direction:column}.document-icon{display:grid;place-items:center;width:47px;height:47px;background:var(--soft);border:1px solid var(--line);border-radius:11px;color:var(--green);font-size:27px;margin-bottom:22px}.document-type{font-size:10px;letter-spacing:.11em;color:var(--green);font-weight:750}.document-card h3{font-size:25px;letter-spacing:-.05em;margin:10px 0 8px}.document-card p{color:var(--sub);font-size:12px;line-height:1.6;margin:0 0 23px}.document-bottom{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:11px;font-weight:750;display:flex;justify-content:space-between;color:var(--green)}.document-pending{border-style:dashed;background:transparent}.project-feature{display:grid;grid-template-columns:1fr 1fr;min-height:380px;border-radius:18px;border:1px solid var(--line);overflow:hidden;background:var(--surface)}.project-art{background:#1d3e3c;position:relative;isolation:isolate;overflow:hidden;color:#d9eec8;min-height:360px}.project-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 36px,#ffffff0d 37px),repeating-linear-gradient(90deg,transparent 0,transparent 36px,#ffffff0d 37px)}.project-orb{position:absolute;width:410px;height:410px;top:50%;left:51%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #c6e3a27f;box-shadow:0 0 0 35px #cee5ad11,0 0 0 90px #cee5ad09;background:radial-gradient(circle at 50% 30%,#699c76,#2a695b 64%,#21443e)}.project-art-label{position:absolute;top:30px;left:32px;z-index:2;letter-spacing:.14em;font-size:11px;font-weight:800}.project-art-word{position:absolute;left:14%;top:43%;z-index:3;font-size:clamp(90px,11vw,158px);font-weight:920;letter-spacing:-.08em;line-height:1}.project-art-word span{font-size:53px;vertical-align:top;margin-left:10px;font-weight:300}.project-description{padding:57px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-description h3{font-size:43px;letter-spacing:-.065em;line-height:1.15;margin:14px 0}.project-description p{font-size:15px;color:var(--sub);line-height:1.8;margin:0 0 25px;max-width:425px}.keyboard-hint{margin-top:28px;color:var(--sub);font-size:11px}.keyboard-hint kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:3px 6px;font:700 11px ui-monospace,monospace;color:var(--ink)}.outro{background:#214a45;color:#edf5e9;margin-top:2px}.outro-inner{padding-top:110px;padding-bottom:105px;display:flex;justify-content:space-between;gap:30px}.outro .section-number{color:#c0e5ba}.outro h2{margin:26px 0;font-size:clamp(60px,7vw,96px)}.outro h2 em{color:#c8e6bd}.outro p{color:#b3d1c6;font-size:14px;line-height:1.7}.outro-side{align-self:end;display:flex;flex-direction:column;align-items:flex-start}.outro-mark{display:block;font-size:125px;line-height:1;letter-spacing:-.11em;font-weight:850;opacity:.16;margin-bottom:34px}.button-outline{border-color:#a8cbbc;color:#fff;background:transparent}.button-outline:hover{background:#315e57}.outro-side p{font-size:11px;min-height:17px}.site-footer{background:#183b36;color:#c8d8cd}.footer-inner{min-height:104px;display:flex;align-items:center;gap:25px}.footer-logo{font-size:29px;letter-spacing:-.1em;font-weight:880;color:#fff}.footer-inner>span:nth-child(2){font-size:11px;color:#afc6b9;margin-right:auto}.footer-inner>div{display:flex;gap:26px;font-size:11px;font-weight:650}.footer-inner a:hover{color:#fff}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
/* Dokumente und Installation */
.subpage-main{min-height:calc(100vh - 188px);padding:88px 0 110px}.subpage-top{max-width:745px;margin-bottom:40px}.subpage-top h1{font-size:clamp(42px,6vw,75px);letter-spacing:-.07em;line-height:1.09;margin:18px 0}.subpage-top p{color:var(--sub);font-size:15px;line-height:1.75}.form-panel{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:34px;max-width:510px;box-shadow:var(--shadow)}.form-panel h2{margin:0 0 10px;font-size:24px;letter-spacing:-.04em}.form-panel .help{font-size:13px;line-height:1.7;color:var(--sub);margin-bottom:25px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin:14px 0}.field input{height:46px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:0 12px;min-width:0}.field input:focus{border-color:var(--green)}.form-panel .button{margin-top:8px}.alert{padding:12px 14px;border-radius:8px;background:#fff0de;color:#7e4126;font-size:12px;line-height:1.6;margin:15px 0}.success-alert{background:#e8f4e3;color:#285c43}.protected-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.protected-file{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:29px}.protected-file .document-icon{margin-bottom:18px}.protected-file h2{font-size:24px;letter-spacing:-.04em;margin:13px 0 9px}.protected-file p{color:var(--sub);font-size:13px;line-height:1.6}.protected-file a{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:750;margin-top:18px;border-bottom:1px solid var(--green);padding-bottom:4px}.subpage-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:15px 0 30px}.small-form{display:inline}.small-form button{padding:13px 16px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:9px;font-size:12px;font-weight:730}
@media(max-width:1090px){.hero{gap:45px;grid-template-columns:1fr minmax(325px,.82fr)}.hero-visual{height:460px}.about-grid{gap:55px}.project-description{padding:43px 35px}.nav{gap:22px}.ticker-inner{font-size:11px}.floating-note{left:-24px}}
@media(max-width:800px){.wrap{width:min(var(--container),calc(100% - 42px))}.nav-inner{height:72px}.menu-toggle{display:flex}.nav{position:absolute;left:0;right:0;top:72px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;padding:18px 25px;gap:0}.nav.open{display:flex}.nav a{padding:15px 3px;border-bottom:1px solid var(--line)}.nav a:last-child{border:0}.nav-games{border-bottom:0}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:76px;gap:50px}.hero h1{font-size:clamp(55px,10vw,83px)}.hero-description{max-width:590px}.hero-meta{margin-top:30px}.hero-visual{height:450px;max-width:610px;width:100%;margin-left:auto;margin-right:auto}.floating-note{left:14px;bottom:25px}.section{padding-top:86px;padding-bottom:85px}.about-grid{grid-template-columns:1fr;gap:32px;margin-top:31px}.about-text{max-width:740px}.timeline-item{grid-template-columns:135px 37px 1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-card:last-child{grid-column:span 2}.documents-grid{grid-template-columns:repeat(2,1fr)}.document-card:last-child{grid-column:auto;min-height:270px}.docs-head{align-items:flex-start;flex-direction:column}.project-feature{grid-template-columns:1fr}.project-art{min-height:330px}.project-art-word{font-size:130px}.project-description{padding:50px 36px}.outro-inner{padding-block:75px}.ticker-inner{flex-wrap:wrap;justify-content:center}.ticker-inner>span{white-space:nowrap}}
@media(max-width:550px){.wrap{width:calc(100% - 36px)}.logo-caption{display:none}.nav-inner{gap:10px}.hero{padding-top:46px;gap:42px}.hero h1{font-size:clamp(51px,11vw,65px);margin-top:22px}.hero-description{font-size:15px;line-height:1.8}.hero-visual{height:350px;border-radius:15px}.visual-grid,.visual-art{border-radius:15px}.visual-top{top:20px;left:22px;right:22px}.visual-footer{left:22px;right:22px;bottom:20px;font-size:20px}.visual-arrow{font-size:34px}.hero-monogram{font-size:200px}.oval-one{width:230px;height:310px}.oval-two{width:295px;height:195px}.floating-note{padding:10px 12px;bottom:65px;left:-6px}.floating-icon{width:32px;height:32px}.floating-note strong{font-size:11px}.floating-note small{font-size:10px}.ticker-inner{gap:9px 15px;font-size:10px;padding-block:17px}.section{padding-block:70px}.section-heading h2{font-size:46px}.section-heading.compact h2{font-size:40px}.about-text .lead{font-size:19px}.about-text p{font-size:14px}.interest-card{padding:20px}.timeline-item{grid-template-columns:94px 24px minmax(0,1fr);min-height:200px}.timeline-year{font-size:10px;line-height:1.5;padding-top:17px}.timeline-marker{margin-left:6px}.timeline-body{padding-left:7px}.timeline-body h3{font-size:22px}.timeline-body p{font-size:12px}.chips span{font-size:9px}.skills-grid,.documents-grid,.protected-files{grid-template-columns:1fr}.skill-card:last-child,.document-card:last-child{grid-column:auto}.skill-card{min-height:235px}.document-card{min-height:245px}.docs-head h2{font-size:42px}.docs-head .button{width:100%}.project-art{min-height:260px}.project-orb{width:275px;height:275px}.project-art-word{font-size:94px}.project-art-word span{font-size:32px}.project-description{padding:38px 26px}.project-description h3{font-size:36px}.project-description p{font-size:14px}.outro-inner{flex-direction:column}.outro h2{font-size:64px}.outro-side{align-self:stretch}.outro-mark{font-size:100px;margin-bottom:15px}.site-footer .footer-inner{flex-wrap:wrap;gap:14px;padding:25px 0}.footer-inner>div{width:100%;gap:17px}.subpage-main{padding:56px 0 75px}.form-panel{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

:root[data-theme="dark"] .heading-muted{color:#aec3b8}