/* =====================================================================
   ATLAS · Skin Studio — legal.css
   Schlichte Leseseiten für Impressum und Datenschutz (hell/dunkel wie die App).
   ===================================================================== */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:local('Inter'),url('../fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:local('Inter SemiBold'),url('../fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:local('Inter Bold'),url('../fonts/inter-700.woff2') format('woff2')}
@font-face{font-family:'Atlas Pixel';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/atlas-pixel.woff') format('woff')}

:root,[data-theme="dark"]{
  color-scheme:dark;
  --bg:#1b1c22;--card:#2b2b2e;--line:rgba(255,255,255,.09);--text:#eeeef0;--dim:#c3c4ca;--mute:#8f909a;
  --green:#7fd35c;--gold:#f1b93f;--box:rgba(255,255,255,.05);
}
[data-theme="light"]{
  color-scheme:light;
  --bg:#e7ecf3;--card:#ffffff;--line:rgba(20,40,80,.1);--text:#18202c;--dim:#3f4a5c;--mute:#6f7b8f;
  --green:#2f7414;--gold:#8a5f00;--box:rgba(20,40,80,.04);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:15.5px/1.65 'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;padding:28px 16px 60px}
.legal{max-width:780px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px 34px 38px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.back{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:600;text-decoration:none}
.back:hover{text-decoration:underline}
.brand{display:flex;align-items:center;gap:8px;color:var(--mute);font-size:13px;font-weight:600}
.brand img{width:22px;height:22px}
h1{font-family:'Atlas Pixel',monospace;font-weight:400;font-size:32px;line-height:1.1;margin-bottom:6px;-webkit-font-smoothing:none}
.sub{color:var(--mute);font-size:13.5px;margin-bottom:22px}
h2{font-size:18px;font-weight:700;margin:28px 0 8px}
/* Abschnittsnummern automatisch: optionale Abschnitte (z. B. Spenden) dürfen fehlen, ohne Lücken */
.legal{counter-reset:sec}
h2.num::before{counter-increment:sec;content:counter(sec) ". "}
h3{font-size:15.5px;font-weight:700;margin:18px 0 6px}
p,li{color:var(--dim)}
p+p{margin-top:10px}
ul{padding-left:22px;margin:8px 0}
li+li{margin-top:5px}
b,strong{color:var(--text)}
a{color:var(--green)}
code{font-family:ui-monospace,Consolas,monospace;font-size:13.5px;background:var(--box);padding:1px 5px;border-radius:5px}
.box{background:var(--box);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:12px 0}
.box.gold{border-color:rgba(241,185,63,.4)}
.box ul{margin:4px 0}
.addr{font-style:normal;color:var(--text);line-height:1.6}
.mc{font-size:13px;letter-spacing:.02em;color:var(--mute);margin-top:6px}
.foot{margin-top:34px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;color:var(--mute);display:flex;gap:16px;flex-wrap:wrap}
.foot a{color:var(--mute)}
.todo{background:#c2392b;color:#fff;border-radius:6px;padding:0 6px;font-weight:700}
@media (max-width:600px){.legal{padding:22px 18px 28px;border-radius:16px}h1{font-size:24px}}