/* Shared styles for the legal pages (Impressum, Datenschutz,
   Nutzungsbedingungen) — same tokens and voice as index.html. */
* { box-sizing: border-box; margin: 0; }
:root { --schwarz: #0b0b0c; --weiss: #ffffff; --grau: #64666e;
        --linie: #e8e8ec; --akzent: #c81d25; }
body { font-family: system-ui, "Segoe UI", -apple-system, sans-serif;
       color: var(--schwarz); background: var(--weiss); line-height: 1.55; }
.zeile { max-width: 760px; margin: 0 auto; padding: 0 24px; }

header { padding: 20px 0; }
header .zeile { display: flex; justify-content: space-between;
                align-items: baseline; gap: 10px; flex-wrap: wrap; }
.absender { font-weight: 800; letter-spacing: -0.01em; }
.absender a { color: var(--schwarz); text-decoration: none; }
.absender .von { font-weight: 500; font-size: 13px; color: var(--grau); }
header .zurueck { color: var(--schwarz); text-decoration: none;
                  font-weight: 700; border-bottom: 2px solid var(--akzent);
                  padding-bottom: 1px; }

main { padding: 40px 0 64px; }
h1 { font-size: clamp(32px, 6vw, 48px); font-weight: 900;
     line-height: 1.05; letter-spacing: -0.03em; margin-bottom: 28px; }
h2 { font-size: 22px; font-weight: 900; letter-spacing: -0.01em;
     margin: 34px 0 10px; }
h3 { font-size: 17px; font-weight: 800; margin: 24px 0 8px; }
main p { margin: 10px 0; }
main ul { margin: 10px 0 10px 22px; }
main li { margin: 6px 0; }
main a { color: var(--schwarz); }
.meta { margin-top: 34px; font-size: 13px; color: var(--grau); }
.meta a { color: var(--grau); }

footer { border-top: 1px solid var(--linie); padding: 24px 0 44px;
         color: var(--grau); font-size: 14px; }
footer a { color: var(--grau); }