@font-face{font-family:Archivo;src:url('/assets/schutzkompass-spielerisch-20261018/fonts/archivo-latin-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/schutzkompass-spielerisch-20261018/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--bg:#fff5d9;--surface:#fffcf1;--ink:#112049;--ink-soft:#334267;--ink-mute:#516080;--accent:#0a552c;--green:#29833b;--gold:#f9bf20;--line:#d5caa9;--font:Manrope,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);background-image:radial-gradient(#e9dcae 1.2px,transparent 1.6px);background-size:22px 22px;color:var(--ink);font-family:var(--font);line-height:1.7}
.legal-shell{width:min(100% - 48px,1120px);margin:28px auto 0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;border:3px solid var(--ink);border-radius:100px;background:var(--surface);box-shadow:0 6px 0 var(--ink)}
.legal-brand{display:inline-flex;align-items:center;gap:9px;font:850 clamp(18px,2vw,23px)/1.1 Archivo,sans-serif;letter-spacing:-.035em;color:var(--ink);text-decoration:none}.legal-brand svg{width:42px;height:42px;flex:none}
.legal-home{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:2px solid var(--ink);border-radius:100px;font-size:14px;font-weight:800;color:var(--ink);text-decoration:none;background:var(--gold)}
.legal-home span[aria-hidden]{font-size:19px;line-height:1}.legal-home:hover{background:#fbd56f}.legal-brand:focus-visible,.legal-home:focus-visible,.legal a:focus-visible,.legal-footer a:focus-visible,.legal-skip:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.legal{max-width:900px;margin:0 auto;padding:48px 24px 48px;min-width:0}.legal-back{color:var(--ink)!important;font-weight:750;font-size:14px;margin:0 0 22px;min-height:36px;align-items:center;text-decoration:underline;text-underline-offset:5px}
.legal-card{background:var(--surface);border:3px solid var(--ink);border-radius:32px;box-shadow:0 9px 0 var(--accent);padding:clamp(24px,5vw,54px);min-width:0;overflow-wrap:anywhere}
.legal-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--gold);border:2px solid var(--ink);border-radius:100px;padding:5px 12px;margin-bottom:19px;font:800 11px/1.2 Archivo,sans-serif;letter-spacing:.13em;text-transform:uppercase}.legal-eyebrow::before{content:'';width:8px;height:8px;border:2px solid var(--ink);border-radius:50%;background:var(--green)}
.legal h1{font-family:Archivo,sans-serif;font-size:clamp(28px,4.5vw,48px);font-weight:850;line-height:1.12;letter-spacing:-.045em;margin:0 0 14px;hyphens:auto;overflow-wrap:normal}.legal .legal-lead{font-size:clamp(15px,1.7vw,18px);line-height:1.65;color:var(--ink-soft);margin:0 0 36px;padding:0 0 30px;border-bottom:2px dashed #d5caa9}
.legal h2{font:800 clamp(19px,2.4vw,24px)/1.35 Archivo,sans-serif;letter-spacing:-.025em;margin:36px 0 14px;hyphens:auto}.legal h3{font:750 17px/1.5 Archivo,sans-serif;margin:23px 0 8px;hyphens:auto}.legal p,.legal li{font-size:16px;line-height:1.8;color:var(--ink);margin-top:0}.legal p{margin-bottom:16px}.legal strong{font-weight:800}.legal ul{padding-left:23px}.legal li{padding-left:3px;margin-bottom:8px}.legal li::marker{color:var(--accent)}.legal a{color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:4px}.legal a:hover{color:var(--ink)}.legal .muted{font-size:13px;line-height:1.7;color:var(--ink-mute)}
.legal-footer{width:min(100% - 48px,1120px);margin:0 auto 32px;padding:24px 0 0;border-top:2px dashed #c6b68c;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--ink-soft)}.legal-footer strong{font-family:Archivo,sans-serif;font-size:17px;color:var(--ink)}.legal-footer nav{display:flex;gap:20px;flex-wrap:wrap}.legal-footer a{color:var(--ink);text-underline-offset:4px}.legal-footer a[aria-current=page]{font-weight:800}
.legal-skip{position:absolute;left:20px;top:-100px;padding:10px 16px;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:12px;z-index:10}.legal-skip:focus{top:12px}
@media(max-width:600px){.legal-shell{width:calc(100% - 32px);margin-top:16px;padding:10px 12px;gap:8px}.legal-brand{font-size:18px;gap:5px}.legal-brand svg{width:34px;height:34px}.legal-home{font-size:12px;padding:8px 11px;gap:6px}.legal{padding:34px 16px 38px}.legal-card{border-radius:24px;padding:25px 21px}.legal .legal-lead{margin-bottom:28px;padding-bottom:24px}.legal h1{font-size:clamp(25px,6.7vw,36px)}.legal h2{margin-top:30px}.legal p,.legal li{font-size:15px;line-height:1.8}.legal-footer{width:calc(100% - 32px);margin-bottom:24px;gap:12px}.legal-footer nav{gap:16px}}
@media(max-width:350px){.legal-brand{font-size:16px}.legal-brand svg{width:29px;height:29px}.legal-home{font-size:11px;padding:8px 9px}.legal-card{padding:23px 18px}.legal h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white}.legal-shell,.legal-back,.legal-footer,.legal-eyebrow{display:none}.legal{max-width:none;padding:0}.legal-card{border:0;box-shadow:none;padding:0}.legal a{color:inherit}}