:root{--bg:#090b10;--panel:#10141d;--line:#252a35;--text:#f1f1ed;--muted:#9095a2;--acid:#c6ff5f;--blue:#8db7ff;--mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 52px));margin-inline:auto}.noise{position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.wordmark{font-size:17px;font-weight:700;letter-spacing:-.06em}.wordmark span{color:var(--acid)}nav{display:flex;gap:29px}nav a,.language{font:11px var(--mono);color:#b5b7c0}nav a:hover,.language:hover{color:var(--acid)}.top-right{display:flex;gap:20px;align-items:center}.online{font:10px var(--mono);color:#8f97a5;display:flex;align-items:center;gap:8px}.online i,.about-foot i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;box-shadow:0 0 10px #c6ff5f66}.menu-toggle{display:none;background:none;color:var(--text);border:1px solid var(--line);padding:7px 10px}.hero{padding-top:72px}.terminal-line{font:11px var(--mono);color:#a0a6b1}.terminal-user{color:var(--acid)}.terminal-line>span:nth-child(2){color:#6c7480;margin-right:8px}.hero-main{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;min-height:480px;padding:35px 0 40px}.eyebrow{font:10px var(--mono);color:#a4aab5;letter-spacing:.06em;text-transform:uppercase}.hero h1{font-size:clamp(74px,11vw,142px);line-height:.83;letter-spacing:-.095em;margin:27px 0 32px;font-weight:600}.hero h1 span{color:var(--acid)}.hero h1 b{font:inherit;color:#505663;animation:blink 1.2s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.hero-intro{max-width:450px;color:#a3a7b1;font-size:15px;line-height:1.85}.hero-links{display:flex;align-items:center;gap:25px;margin-top:30px}.link-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 16px;background:var(--acid);border:1px solid var(--acid);border-radius:2px;color:#11140b;font-size:11px;font-weight:700;cursor:pointer}.link-button span{font-size:15px}.quiet-link{font-size:11px;color:#d3d5d9}.quiet-link:hover,.project-link:hover{color:var(--acid)}.hero-art{height:390px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#1a2531 0,rgba(12,16,24,.2) 48%,transparent 70%)}.hero-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,black,transparent 70%)}.orb{position:absolute;border-radius:50%;z-index:2}.orb-a{width:145px;height:145px;background:radial-gradient(circle at 32% 25%,#e4ffa5,#a5dc4a 40%,#36552d 72%,#131c19);box-shadow:0 0 70px #b7ff5f20;left:calc(50% - 80px);top:calc(50% - 76px)}.orb-b{width:62px;height:62px;right:22%;top:24%;background:radial-gradient(circle at 30% 25%,#d6e4ff,#5d83b7 54%,#172439);box-shadow:0 0 45px #8db7ff25}.orbit{position:absolute;border:1px solid #75859a55;border-radius:50%;transform:rotate(-27deg)}.orbit-a{width:300px;height:125px}.orbit-b{width:225px;height:330px;transform:rotate(43deg);border-color:#c6ff5f40}.art-cross{position:absolute;color:var(--acid);font:20px var(--mono);right:16%;bottom:22%}.art-caption,.art-coordinate{position:absolute;color:#788392;font:9px var(--mono);letter-spacing:.1em}.art-caption{left:7%;bottom:9%}.art-coordinate{right:7%;top:8%;text-align:right;line-height:1.8}.hero-bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:15px 0;font:9px var(--mono);letter-spacing:.08em;color:#777f8d}.hero-bottom a{color:var(--acid)}.work-section,.about-section,.contact-section{padding-top:100px}.section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.section-top>div{display:flex;gap:18px;align-items:center}.section-no{color:var(--acid);font:11px var(--mono)}.section-kicker,.section-meta{font:10px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#9ca2ad}.section-meta{color:#68717f}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:29px 0 25px}.section-title-row h2,.contact-layout h2{font-size:clamp(36px,5.4vw,65px);letter-spacing:-.075em;line-height:1;margin:0;font-weight:500}.section-title-row h2 span,.contact-layout h2 span{color:var(--acid)}.section-title-row p{font-size:12px;color:#858c98;max-width:290px;margin:0 0 3px}.project-list{border-top:1px solid var(--line)}.project-card{display:grid;grid-template-columns:.92fr 1fr;gap:44px;padding:27px 0;border-bottom:1px solid var(--line);align-items:center}.project-art{height:230px;position:relative;overflow:hidden;background:#121b24;display:grid;place-items:center}.art-1{background:radial-gradient(ellipse at 50% 48%,#2d4b39 0,transparent 55%),#101713}.art-2{background:radial-gradient(ellipse at 50% 50%,#283b5a 0,transparent 55%),#0d1420}.art-3{background:radial-gradient(ellipse at 50% 50%,#413b28 0,transparent 55%),#17150f}.art-4{background:radial-gradient(ellipse at 50% 50%,#3b2a48 0,transparent 55%),#150f1b}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:25px 25px}.art-glyph{font:68px var(--mono);color:var(--acid);z-index:1;text-shadow:0 0 40px #c6ff5f22}.art-2 .art-glyph{color:var(--blue)}.art-3 .art-glyph{color:#ffda8a}.art-4 .art-glyph{color:#d5a6ff}.art-number{position:absolute;top:14px;left:15px;font:9px var(--mono);color:#a2aab7;letter-spacing:.08em;z-index:2}.art-open{position:absolute;right:14px;top:10px;color:#c6ff5f;font-size:18px;z-index:2}.project-details{padding:8px 15px 8px 0}.project-overline{display:flex;justify-content:space-between;gap:15px;color:#7f8997;font:9px var(--mono);letter-spacing:.06em}.project-details h3{font-size:27px;letter-spacing:-.05em;font-weight:500;margin:19px 0 8px}.project-details p{color:#9ca3ae;font-size:12px;line-height:1.8;max-width:490px}.project-link{font-size:11px;font-weight:600;display:inline-block;margin-top:8px}.project-link span{color:var(--acid);margin-left:9px}.empty-state{color:var(--muted);padding:25px 0}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:43px 0 0}.avatar{width:66px;height:66px;border:1px solid #4a5944;background:#171f16;display:grid;place-items:center;color:var(--acid);font-size:21px;font-weight:700;letter-spacing:-.08em;margin-bottom:25px}.avatar span{color:#f0f1e8}.about-heading h2{font-size:clamp(32px,4.2vw,48px);line-height:1.1;letter-spacing:-.07em;font-weight:500;margin:13px 0 24px}.about-heading .quiet-link{display:inline-block}.about-body{padding-top:4px}.about-lead{font-size:16px;line-height:1.9;color:#c0c4cc;margin:0 0 35px}.skill-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px;font:10px var(--mono);color:#a2a9b4;text-transform:uppercase}.skill-heading span:last-child{color:#6e7886}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;padding:17px 0 25px}.skill-tags span{border:1px solid #333a46;color:#bfc4cd;padding:8px 11px;font:10px var(--mono)}.about-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font:10px var(--mono);color:#7d8794}.about-foot span{display:flex;align-items:center;gap:9px}.about-foot a{color:var(--acid)}.contact-section{padding-bottom:95px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:40px}.contact-layout h2{max-width:470px;font-size:clamp(40px,5vw,60px);line-height:1.07}.contact-layout>div>p{color:#a0a6b1;font-size:13px;max-width:400px;margin-top:20px}.contact-terminal{margin-top:45px;border-top:1px solid var(--line);padding-top:16px;color:#8d95a2;font:10px/2 var(--mono)}.contact-terminal span{color:var(--acid)}.contact-terminal b{font-weight:400;color:#b7bec8}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:8px;font:10px var(--mono);color:#a5acb7}.contact-form input,.contact-form textarea{width:100%;border:1px solid #303744;background:#0d1017;color:var(--text);padding:13px 14px;outline:none;border-radius:1px;font:12px var(--sans);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--acid)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#5c6470}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form .link-button{align-self:flex-start;margin-top:2px}.form-note{font-size:9px;color:#747e8c;margin:0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px}.footer p,.footer>div{font:9px var(--mono);color:#78818f}.footer>div{display:flex;gap:20px}.footer>div a:hover{color:var(--acid)}.reveal{opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s}.reveal.visible{opacity:1;transform:none}.result-page{padding-top:15vh;min-height:70vh}.result-page h1{font-size:clamp(38px,6vw,65px)}.result-page p{color:#a7b5c7;margin-bottom:30px}@media(max-width:780px){.wrap{width:calc(100% - 34px)}.topbar{height:72px}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;background:#10141d;padding:22px;z-index:10;border-bottom:1px solid var(--line);flex-direction:column;gap:17px}.topbar nav.is-open{display:flex}.menu-toggle{display:block}.top-right{margin-left:auto}.online{display:none}.hero{padding-top:55px}.hero-main{grid-template-columns:1fr;gap:10px;padding:35px 0 25px}.hero h1{font-size:clamp(70px,16vw,115px)}.hero-art{height:270px;max-width:520px;width:100%;margin:auto}.hero-bottom{font-size:8px;flex-wrap:wrap}.hero-bottom span:nth-child(2){display:none}.work-section,.about-section,.contact-section{padding-top:75px}.section-title-row{align-items:start;flex-direction:column;gap:13px}.section-title-row p{max-width:450px}.project-card{grid-template-columns:1fr;gap:19px;padding:22px 0}.project-art{height:210px}.project-details{padding:0 2px}.project-details h3{margin-top:13px}.about-layout,.contact-layout{grid-template-columns:1fr;gap:34px}.about-layout{padding-top:30px}.contact-layout{padding-top:30px}.contact-terminal{margin-top:25px}.contact-section{padding-bottom:65px}.footer{padding:20px 0;flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}.form-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* ---- Optimierungen: Barrierefreiheit, Lesbarkeit, Admin/Statusseiten ---- */
:root{color-scheme:dark}
.skip-link{position:absolute;left:12px;top:-60px;z-index:20;background:var(--acid);color:#11140b;padding:10px 14px;font:12px var(--mono)}.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
nav a,.language{font-size:12px;color:#c3c6cf}.eyebrow,.section-kicker,.section-meta{font-size:11px}.section-meta{color:#8a93a1}
.hero-bottom,.project-overline,.skill-heading,.about-foot,.contact-terminal,.contact-form label,.footer p,.footer>div,.art-number{font-size:11px}
.hero-bottom{color:#9099a6}.project-details p,.section-title-row p{font-size:14px;color:#b0b6c0}.contact-layout>div>p{font-size:15px}
.contact-form input,.contact-form textarea{font-size:16px}.form-note{font-size:12px;color:#929ba8}.skill-tags span{font-size:12px}
.project-link,.quiet-link{font-size:12px}.about-foot{flex-wrap:wrap;gap:12px 20px}.about-foot a:hover{text-decoration:underline}
.link-button:hover{background:#d8ff82}
.result-page .status{font:11px var(--mono);color:var(--acid);margin-bottom:18px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-right:8px}
.button{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);background:transparent;color:var(--text);font:600 12px var(--sans);cursor:pointer;border-radius:2px}
.button.primary{background:var(--acid);border-color:var(--acid);color:#11140b}.button.secondary:hover{border-color:var(--acid)}
.button.danger{border-color:#7a3038;color:#ffb4bb}.button.danger:hover{background:#35161b}.button.small{padding:7px 10px;font-size:11px}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand small{display:block;font:10px var(--mono);color:#8a93a1;font-weight:400}
.brand-mark{font-size:20px;letter-spacing:-.08em;color:var(--acid)}.brand-mark span{color:var(--text)}.mini-cta{font:12px var(--mono);color:var(--acid)}
.admin-page{padding:40px 0 80px}.admin-page h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.05em;margin:.2em 0}.section-label,.mono{font:11px var(--mono);color:#8a93a1;letter-spacing:.08em}.section-label span{color:var(--acid)}
.admin-login{max-width:460px}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.admin-panel{border:1px solid var(--line);background:var(--panel);padding:clamp(16px,3vw,28px);margin:24px 0}.admin-panel h2{margin:0 0 18px;font-size:20px;letter-spacing:-.03em}
.admin-form{display:flex;flex-direction:column;gap:16px}.admin-form label{display:flex;flex-direction:column;gap:8px;font:11px var(--mono);color:#a5acb7}
.admin-form input,.admin-form textarea{width:100%;border:1px solid #303744;background:#0d1017;color:var(--text);padding:11px 13px;border-radius:1px;font:14px var(--sans)}
.admin-form .checkbox-label{flex-direction:row;align-items:center}.admin-form .checkbox-label input{width:auto}
.project-edit{border-top:1px solid var(--line);padding:12px 0}.project-edit summary{cursor:pointer;font-weight:600}.project-edit summary span{color:#8a93a1;font:11px var(--mono)}.inline-form{margin-top:12px}
.notice{border:1px solid #3d5a2a;background:#17240f;color:#d9f5b5;padding:12px 16px;margin:18px 0}.notice.error{border-color:#a33b45;background:#35161b;color:#ffdfe1}
.message-card{border-top:1px solid var(--line);padding:16px 0}.message-card>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.message-card span{font:11px var(--mono);color:#8a93a1}.message-body{color:#c0c4cc;white-space:normal;overflow-wrap:anywhere}
.admin-page a{color:var(--acid)}
@media(max-width:780px){.hero-bottom{font-size:10px}}