:root { --rot: #D31313; --text: #222; --leise: #666; --linie: #E2E2E2; --grund: #F6F6F6; --karte: #fff; }
@media (prefers-color-scheme: dark) { :root { --text: #EEE; --leise: #AAA; --linie: #333; --grund: #161616; --karte: #1F1F1F; } }
* { box-sizing: border-box; }
body { margin: 0; font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif; color: var(--text);
       background: var(--grund); line-height: 1.65; }
main { max-width: 760px; margin: 32px auto; padding: 28px 24px; background: var(--karte); border: 1px solid var(--linie); border-radius: 14px; }
@media (max-width: 800px) { main { margin: 0; border-radius: 0; border: 0; } }
.marke { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 18px; text-decoration: none; color: inherit; }
.marke img { width: 28px; height: 28px; }
h1 { font-size: 32px; margin: 24px 0 4px; }
h2 { font-size: 17px; margin: 26px 0 4px; }
p { margin: 0 0 10px; }
.leise { color: var(--leise); font-size: 14px; }
.kurz { background: var(--grund); border-left: 4px solid var(--rot); padding: 12px 16px; margin-top: 18px; }
a { color: var(--rot); }
.fuss { margin-top: 36px; padding-top: 14px; border-top: 1px solid var(--linie); font-size: 14px; color: var(--leise); }
.fuss a { color: var(--leise); }