/* FeeFox - gemeinsames Stylesheet fuer die Rechtstexte
   (impressum.html, datenschutz.html).
   Ausgelagert aus den frueheren inline <style>-Bloecken, damit die
   Produktions-CSP mit "style-src 'self'" (ohne 'unsafe-inline') greift.
   Die Schriften liegen unter /assets/ - identisch zu index.html bzw.
   site.css, damit alle Seiten denselben Cache-Eintrag nutzen. */

@font-face{font-family:Quicksand;src:url(/assets/quicksand.woff2) format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/inter.woff2) format("woff2");font-weight:400 600;font-display:swap}
:root{
  --orange:#D9702E; --bg:#F7F3EB; --text:#17263B; --muted:rgba(23,38,59,.66);
  --line:rgba(23,38,59,.14); --link:#A84D18;
}
@media (prefers-color-scheme: dark){
  :root{--bg:#14110D;--text:#F4EFE9;--muted:rgba(244,239,233,.68);--line:rgba(244,239,233,.16);--link:#F3B27C}
}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:light dark;-webkit-tap-highlight-color:transparent}
a{touch-action:manipulation}
body{background:var(--bg);color:var(--text);font:400 16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:680px;margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2rem)}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
header img{display:block}
a{color:var(--link)}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
main{padding-block:clamp(2.5rem,6vw,4rem)}
h1{font-family:Quicksand,Inter,sans-serif;font-weight:700;font-size:clamp(1.7rem,1.4rem+1.5vw,2.2rem);line-height:1.2;margin-bottom:1.8rem}
h2{font-family:Quicksand,Inter,sans-serif;font-weight:600;font-size:1.15rem;margin:2rem 0 .5rem}

/* Einziger echter Konflikt der beiden frueheren Bloecke:
   Impressum   p{margin-bottom:.4rem}
   Datenschutz p,ul{margin-bottom:.7rem}
   Beide Werte bleiben unveraendert erhalten, getrennt ueber die
   Body-Klasse der jeweiligen Seite. */
body.legal-impressum p{margin-bottom:.4rem}
body.legal-datenschutz p,body.legal-datenschutz ul{margin-bottom:.7rem}

/* 404-Seite nutzt dasselbe Stylesheet, damit sie CSP-konform bleibt. */
body.legal-404 p{margin-bottom:.7rem}
.err-code{
  font-family:Quicksand,Inter,sans-serif;font-weight:700;line-height:1;
  font-size:clamp(3.4rem,2.6rem + 4vw,5.5rem);color:var(--orange);
  letter-spacing:-.03em;margin-bottom:.6rem;
}

/* Listen gibt es nur im Datenschutz; das Impressum enthaelt kein ul/li. */
ul{padding-left:1.2rem}
li{margin-bottom:.25rem}

/* Gleiche Deklarationen, nur unterschiedlich benannt:
   .hint im Impressum, .stand im Datenschutz. */
.hint,.stand{color:var(--muted);font-size:14px;margin-top:2.2rem}
footer{border-top:1px solid var(--line);padding:1.6rem 0 2.2rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:14px;color:var(--muted)}
footer a{color:inherit}
footer a:hover{color:var(--link);text-decoration-thickness:2px}
.back{font-size:15px;font-weight:600;text-decoration:none;color:var(--link)}
.back:hover{text-decoration:underline;text-underline-offset:3px}