/* Rechtsseiten (Privacy, Colofon) — gleiche Farben/Schrift wie die Startseite */
:root { --dark:#121315; --dark2:#101417; --gold:#f5bb2c; }
* { box-sizing:border-box; margin:0; }
html, body { background:var(--dark); }
body { font-family:'Montserrat','Segoe UI',Arial,sans-serif; color:#d9dce0; min-height:100vh; display:flex; flex-direction:column; }
img { display:block; max-width:100%; height:auto; }
a { color:var(--gold); }
.wrap { width:100%; max-width:1536px; margin:0 auto; padding:0 clamp(16px,6vw,96px); }
header { background:var(--dark); padding:8px 0; border-bottom:1px solid rgba(255,255,255,.08); }
header img { height:clamp(54px,6.5vw,92px); width:auto; }
.tekst { max-width:820px; padding-top:clamp(28px,5vw,56px); padding-bottom:56px; flex:1; line-height:1.65; font-size:1rem; }
.tekst h1 { color:#fff; font-size:clamp(1.6rem,3vw,2.2rem); font-weight:700; margin-bottom:6px; }
.tekst h2 { color:#fff; font-size:1.1rem; font-weight:600; margin:32px 0 8px; padding-left:12px; border-left:3px solid var(--gold); }
.tekst p { margin-bottom:12px; }
.tekst strong { color:#fff; font-weight:600; }
.stand { color:#8b9096; font-size:.85rem; margin-bottom:24px !important; }
.terug { margin-top:40px; }
.terug a { text-decoration:none; }
footer { background:var(--dark2); }
.credit { text-align:center; font-size:.78rem; letter-spacing:.3px; color:#8b9096; padding-top:14px; padding-bottom:16px; border-top:1px solid rgba(255,255,255,.12); }
.credit a { color:inherit; text-decoration:none; transition:color .15s; }
.credit a:hover, .credit a:focus-visible, .credit a[aria-current] { color:var(--gold); }
:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }