/* Lokale Gestaltung, keine externen Schriften oder Skripte. */
:root{color-scheme:dark;--bg:#0b0a0f;--surface:#14111c;--ink:#eeeaf3;--muted:#b6afc1;--purple:#bd97f2;--line:#302739;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:radial-gradient(ellipse at 85% 15%,#25153466,transparent 40%),var(--bg);color:var(--ink);font:1rem/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #dbb8ff;outline-offset:6px}::selection{background:#724399;color:#fff}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:8px;left:8px;background:var(--ink);color:var(--bg);padding:12px;z-index:5;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:32px;border-bottom:1px solid var(--line)}.wordmark{font:600 1.35rem/1.2 Georgia,serif;letter-spacing:.17em;text-decoration:none;white-space:nowrap}.wordmark span{font:400 .75rem system-ui,sans-serif;letter-spacing:.15em;color:var(--purple);margin-left:6px}nav{display:flex;flex-wrap:wrap;gap:28px}nav a{font-size:.875rem;text-decoration:none;color:var(--muted);padding-block:5px}nav a:hover{color:var(--ink)}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:610px;padding-block:72px 65px}.eyebrow{font-size:.75rem;letter-spacing:.19em;color:var(--purple);font-weight:600;margin:0 0 26px}h1{font:400 clamp(3rem,5.5vw,4.8rem)/1.09 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:0}h1 em{color:var(--purple);font-weight:400}.hero-description{color:var(--muted);margin:26px 0;font-size:1.0625rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{padding:14px 21px;min-height:50px;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;transition:background .2s,transform .2s}.primary{background:#c8a3f5;color:#1c102c;border:1px solid #c8a3f5}.primary:hover{background:#ddc1ff;transform:translateY(-2px)}.secondary{border:1px solid #65516f;background:#1b1420;color:var(--ink)}.secondary:hover{background:#302039;transform:translateY(-2px)}
.hero-art{position:relative;min-width:0;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:10% 0;background:radial-gradient(ellipse,#7943a33d,transparent 66%);z-index:-1}.orbit{position:absolute;width:82%;aspect-ratio:1;border:1px solid #5e3e723b;border-radius:50%;z-index:-1}.orbit:before{content:"";position:absolute;inset:8%;border:1px solid #5e3e721e;border-radius:50%}.hero-logo{width:100%;max-width:550px;height:auto;filter:drop-shadow(0 10px 35px #6a368b33)}.art-caption{font-size:.75rem;letter-spacing:.3em;color:#c8bdd3;display:flex;gap:18px;align-items:center;margin:26px 0 0}.art-caption span{height:1px;width:42px;background:#685173}
.section-divider{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-block:19px;border-block:1px solid var(--line);font-size:.75rem;letter-spacing:.2em;color:var(--muted)}.section-divider span+span{font-size:1.1rem;color:var(--purple)}.sections{padding-block:8px 72px}.link-section{padding-top:42px}.section-heading{display:flex;gap:20px;align-items:flex-start;margin-bottom:19px}.section-number{color:#ac8bc4;font-size:.75rem;letter-spacing:.1em;padding-top:9px}.section-heading h2{font:400 1.75rem/1.2 Georgia,serif;margin:0 0 5px}.section-heading p{color:var(--muted);font-size:.875rem;margin:0}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.count-1{grid-template-columns:1fr}.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.link-card{display:flex;align-items:center;gap:17px;padding:24px;background:linear-gradient(110deg,#19131f,#121016);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;min-height:104px;transition:border-color .2s,background .2s,transform .2s}.link-card:is(:hover,:focus-visible,:active){border-color:#9b6bbe;background:#211729;box-shadow:0 0 20px #ac73df26;transform:translateY(-3px)}.link-card:active{background:#302039;transform:translateY(-1px)}.platform-symbol{display:grid;place-items:center;background:#bd97f213;border:1px solid #bd97f233;color:#dab7ff;border-radius:12px;width:48px;height:48px;flex:0 0 48px;font-size:1.5rem}.card-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.card-copy strong{font-size:1.0625rem;font-weight:550}.card-copy>span{font-size:.875rem;color:var(--muted)}.external-mark{color:#ac8cb9;font-size:1.25rem;margin-left:auto}
.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:26px;align-items:center;padding-block:32px 44px}.footer-brand{font-family:Georgia,serif;font-size:1rem;letter-spacing:.1em}.site-footer p{font-size:.875rem;color:var(--muted);margin:3px 0 0}.site-footer nav{gap:24px}.draft-tag{font-size:.75rem;border:1px solid #695277;border-radius:4px;padding:2px 5px;margin-left:5px;color:#d7b8ee}
.legal-content{max-width:780px;padding-block:64px 80px;overflow-wrap:anywhere}.legal-content h1{font-size:clamp(2.3rem,5vw,3.7rem);margin-bottom:32px}.legal-content h2{font:400 1.55rem/1.3 Georgia,serif;margin:36px 0 12px}.legal-content h3{font-size:1.125rem;margin-top:28px}.legal-content p,.legal-content li{color:#c8c1d0}.legal-content a{color:#d5afff;text-underline-offset:3px}.draft-notice{background:#21152b;border:1px solid #725080;border-radius:10px;padding:18px 22px;color:#e2c7ef;margin-bottom:30px}.draft-notice strong{display:block}.legal-content ul{padding-left:24px}
@media(min-width:1500px){.hero{min-height:660px}}@media(max-width:900px){.hero{gap:16px;min-height:520px;padding-block:56px}.hero-art{min-height:280px}.link-card{padding:18px;gap:12px}.platform-symbol{width:40px;height:40px;flex-basis:40px}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.count-1{grid-template-columns:1fr}.site-header{gap:18px}nav{gap:18px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.site-header{flex-direction:column;align-items:flex-start;padding-block:23px;gap:16px}.site-header nav{gap:17px;width:100%}.site-header nav a{font-size:.875rem}.hero{grid-template-columns:1fr;padding-block:40px;gap:28px}.hero-copy{text-align:center}.eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:22px}h1{font-size:clamp(2.7rem,12vw,3.8rem)}.hero-description{margin:22px 0}.hero-actions{justify-content:center}.hero-art{min-height:240px;max-width:440px;width:100%;margin:auto}.hero-logo{max-width:390px}.orbit{width:65%}.art-caption{margin-top:15px;font-size:.75rem}.section-divider{font-size:.75rem;letter-spacing:.09em}.link-section{padding-top:32px}.link-grid,.count-2{grid-template-columns:1fr}.link-card{padding:20px;min-height:98px}.section-heading{gap:14px}.section-heading p{font-size:.875rem}.site-footer{flex-direction:column;align-items:flex-start;padding-block:28px}.legal-content{padding-block:40px 56px}.sections{padding-bottom:48px}}
/* Zentrierter Einstieg: Logo, danach die drei Sätze nebeneinander. */
.brand-icon{display:block;width:28px;height:28px;object-fit:contain}.brand-icon[src$="kofi.png"]{border-radius:5px}
.footer-right{margin-left:auto;text-align:right;max-width:100%}.footer-right nav{justify-content:flex-end}.site-footer .creation-credit{margin-top:10px}
/* Drei reine CSS-Sternebenen; keine Skripte oder externen Dateien. */
body{position:relative;isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#0b0a0f26 0%,#0b0a0f70 58%,#0b0a0fc2 100%),url("milchstrasse-mond.png") center top/cover no-repeat;opacity:.8}
@media(max-width:640px){body:before{background-position:center top,right top}}
.starfield{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:transparent}
.stars{position:absolute;inset:-20px;background-repeat:repeat;animation:star-twinkle 12s ease-in-out infinite alternate}
.stars-silver{background-image:radial-gradient(circle at 23px 41px,#e7ddefb3 0 1px,transparent 1.8px),radial-gradient(circle at 167px 137px,#e7ddef99 0 .8px,transparent 1.6px),radial-gradient(circle at 91px 221px,#e7ddef80 0 1.1px,transparent 2px);background-size:307px 283px,419px 367px,503px 449px;opacity:.55}
.stars-violet{background-image:radial-gradient(circle at 73px 109px,#c399f2b3 0 1.2px,transparent 2.2px),radial-gradient(circle at 211px 47px,#c399f280 0 1px,transparent 1.8px);background-size:389px 337px,541px 487px;opacity:.4;animation-duration:17s;animation-delay:-8s}
.stars-faint{background-image:radial-gradient(circle at 131px 67px,#f5edff99 0 .7px,transparent 1.4px),radial-gradient(circle at 37px 179px,#dcc8f080 0 .8px,transparent 1.6px);background-size:257px 313px,463px 401px;opacity:.25;animation-duration:21s;animation-delay:-14s}
@keyframes star-twinkle{0%{opacity:.2}55%{opacity:.5}100%{opacity:.75}}
.spark-star{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#f7edff;box-shadow:0 0 5px 2px #dac0ff80,0 0 16px 4px #ad77e644;opacity:0;animation:star-appear var(--duration) ease-in-out var(--delay) infinite}
.spark-star:nth-of-type(3n){background:#dab7ff}
.spark-star:before,.spark-star:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(90deg,transparent,#efe0ff,transparent);width:calc(var(--size)*4);height:1px}
.spark-star:after{transform:translate(-50%,-50%) rotate(90deg)}
@keyframes star-appear{0%,18%,68%,100%{opacity:0;transform:scale(.55)}33%{opacity:.45;transform:scale(.85)}43%{opacity:.95;transform:scale(1.15)}52%{opacity:.5;transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){.stars{animation:none}.spark-star{animation:none;opacity:.4;transform:none}}
@media(forced-colors:active){.starfield,body:before{display:none}}
.hero{display:flex;flex-direction:column;justify-content:center;gap:30px;min-height:0;padding-block:54px 48px}
.hero-art{width:min(100%,620px);min-height:0;margin-inline:auto}
.hero-logo{max-width:620px}
.orbit{width:75%}
.hero-copy{text-align:center;width:100%}
.hero h1{display:flex;flex-wrap:wrap;justify-content:center;gap:.12em .3em;font-size:clamp(1.75rem,3.8vw,3.1rem);line-height:1.3}
.hero h1 span,.hero h1 em{white-space:nowrap}
.hero-description{margin:14px 0 0}
@media(max-width:640px){.hero{padding-block:34px 36px;gap:25px}.hero-art{max-width:440px}.hero h1{font-size:clamp(1.3rem,4.8vw,1.9rem)}.hero-description{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.link-card:hover,.button:hover{transform:none}}@media(forced-colors:active){.button,.link-card,.platform-symbol,.draft-notice{border:1px solid CanvasText}.hero-logo{filter:none}}