:root { --bg:#fffaf5; --fg:#2b211c; --muted:#6b5b52; --accent:#c8401f; --line:#ecdcd0; --card:#ffffff; }
  @media (prefers-color-scheme: dark) { :root { --bg:#1d1714; --fg:#f3e9e2; --muted:#bba99d; --accent:#ff8a6b; --line:#3a2f29; --card:#271f1b; } }
  * { box-sizing:border-box; }
  body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
  header, main, footer { max-width:760px; margin:0 auto; padding:0 16px; }
  header { display:flex; align-items:center; justify-content:space-between; padding-top:20px; padding-bottom:8px; }
  .logo { font-weight:800; letter-spacing:-.02em; color:var(--fg); text-decoration:none; font-size:1.15rem; }
  .logo span { color:var(--accent); }
  main { padding-bottom:48px; }
  h1 { font-size:1.9rem; line-height:1.2; letter-spacing:-.02em; margin-top:1.2em; }
  h2 { margin-top:2em; font-size:1.25rem; } h3 { font-size:1.05rem; margin-top:1.6em; }
  a { color:var(--accent); }
  table { border-collapse:collapse; width:100%; display:block; overflow-x:auto; }
  th, td { border:1px solid var(--line); padding:6px 10px; text-align:left; vertical-align:top; }
  code { background:var(--line); padding:1px 4px; border-radius:4px; }
  img.anbieter { max-width:100%; height:auto; border:1px solid var(--line); border-radius:8px; user-select:none; }
  footer { border-top:1px solid var(--line); padding-top:16px; padding-bottom:32px; color:var(--muted); font-size:.9rem;
           display:flex; flex-wrap:wrap; gap:8px 18px; }
  footer a { color:var(--muted); }
  .lang { font-size:.9rem; color:var(--muted); text-decoration:none; border:1px solid var(--line); border-radius:999px; padding:4px 12px; }
  .lang:hover { color:var(--accent); border-color:var(--accent); }