/* Rechtsseiten (Impressum, Datenschutz, Regeln) – gleicher Stil wie die Startseite */
:root { --bg:#14130f; --karte:rgba(28,26,20,.92); --rost:#c0703a; --rost2:#e0884a; --papier:#ddd3bc; --text:#c7bca2; --leise:#9a907a; --rand:rgba(192,112,58,.3); --titel:"Arial Narrow","Roboto Condensed","Helvetica Neue Condensed","Segoe UI",system-ui,sans-serif; color-scheme:dark; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; -webkit-text-size-adjust:100%; }
a { color:var(--rost2); }
header { border-bottom:1px solid rgba(192,112,58,.15); }
header .innen { display:flex; align-items:center; gap:12px; min-height:56px; }
.marke { font:700 24px var(--titel); color:var(--papier); text-decoration:none; letter-spacing:.06em; text-transform:uppercase; }
.marke span { color:var(--rost); }
header nav { margin-left:auto; display:flex; gap:14px; font-size:14px; }
header nav a { color:var(--text); text-decoration:none; padding:10px 0; }
.innen { width:min(820px,100%); margin:0 auto; padding:0 16px; }
main { padding:40px 0 56px; }
h1, h2 { font-family:var(--titel); color:var(--papier); text-transform:uppercase; letter-spacing:.05em; line-height:1.15; }
h1 { font-size:clamp(30px,7vw,44px); margin:0 0 8px; }
h1::after { content:""; display:block; width:64px; height:4px; background:var(--rost); margin-top:12px; }
h2 { font-size:21px; margin:32px 0 8px; }
.kasten { background:var(--karte); border:1px solid var(--rand); border-radius:10px; padding:16px 18px; }
ul { padding-left:20px; }
.klein { font-size:13px; color:var(--leise); }
footer { border-top:1px solid rgba(192,112,58,.15); padding:24px 0 calc(24px + env(safe-area-inset-bottom)); font-size:14px; color:var(--leise); }
footer a { color:var(--text); margin-right:14px; }