@font-face{font-family:"Instrument Sans";src:url("fonts/InstrumentSans-var.woff2") format("woff2");font-weight:400 700;font-stretch:75% 100%;font-display:swap}
:root{--navy:#0B2144;--deep:#04070F;--accent:#2862EC;--accent-2:#4F86FF;--sky:#A9CCFF;--mint:#9EE6E0;--text:#F4F7FC;--muted:rgba(222,232,250,.72);--line:rgba(170,200,255,.18);
--font:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100svh;font-family:var(--font);color:var(--text);background:var(--deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
a{color:inherit}
.sky{position:fixed;inset:0;z-index:0;pointer-events:none;
background:
 radial-gradient(90% 60% at 50% -5%,rgba(40,98,236,.10),transparent 65%),
 radial-gradient(80% 70% at 12% 0%,rgba(11,33,68,.75),transparent 70%),
 radial-gradient(90% 70% at 90% 105%,rgba(11,33,68,.7),transparent 70%),
 linear-gradient(180deg,#060B19 0%,#04070F 60%,#050915 100%)}
.sky canvas{position:absolute;inset:0;width:100%;height:100%}
.sky::after{content:"";position:absolute;inset:0;background:radial-gradient(140% 100% at 50% 50%,transparent 55%,rgba(2,5,12,.55) 100%)}
.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:1rem;z-index:10;background:#fff;color:#000;padding:.5rem .75rem;border-radius:6px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:4px}
/* ---------- Rechtliche Seiten ---------- */
.legalpage{position:relative;z-index:1;max-width:46rem;margin:0 auto;padding:clamp(2rem,6vh,3.5rem) clamp(1.25rem,5vw,2rem) 3rem}
.legalpage header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(2rem,6vh,3.5rem)}
.legalpage header img{display:block;width:clamp(170px,40vw,230px);height:auto}
.back{font-size:.85rem;color:rgba(220,232,250,.75);text-decoration:none;white-space:nowrap}
.back:hover{color:#fff}
.legalpage h1{margin:0 0 .5rem;font-weight:600;font-size:clamp(2rem,1.5rem + 2vw,2.8rem);letter-spacing:-.025em;line-height:1.1}
.legalpage h2{margin:2.25rem 0 .6rem;font-size:1.1rem;font-weight:600;letter-spacing:-.005em;color:#fff}
.legalpage p,.legalpage li,.legalpage dd{font-size:.98rem;line-height:1.7;color:var(--muted)}
.legalpage p{margin:.4rem 0}
.legalpage ul{padding-left:1.2rem}
.legalpage a{color:var(--sky);text-underline-offset:2px}
.legalpage dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.5rem;margin:.5rem 0}
.legalpage dt{font-size:.9rem;color:rgba(200,214,240,.55);padding-top:.12rem}
.legalpage dd{margin:0;color:var(--text)}
.card{background:rgba(11,33,68,.45);border:1px solid var(--line);border-radius:14px;padding:1.25rem 1.5rem;backdrop-filter:blur(6px)}
.todo{background:rgba(255,196,77,.14);color:#FFD27A;border:1px dashed rgba(255,196,77,.55);border-radius:5px;padding:.05rem .4rem;font-size:.9em;font-weight:500}
.notice{display:flex;gap:.85rem;align-items:flex-start;margin:1.25rem 0 2rem;padding:1rem 1.2rem;border-radius:12px;background:rgba(255,196,77,.09);border:1px solid rgba(255,196,77,.4);color:#FFE2A6;font-size:.92rem;line-height:1.55}
.notice strong{color:#FFD27A}
.legalpage footer{margin-top:3.5rem;padding-top:1.25rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.78rem;color:rgba(200,214,240,.5)}
.legalpage footer nav{display:flex;gap:1.25rem}
.legalpage footer a{color:inherit;text-decoration:none}
.legalpage footer a:hover{color:#fff}
@media (max-width:560px){.legalpage dl{grid-template-columns:1fr;gap:.1rem}.legalpage dd{margin-bottom:.6rem}}