/* Impressum und Datenschutz: schlichte Papierseite im Stil der Karte */
:root { --paper: #fbf8f1; --ink: #2a2a2a; --soft: #5f6670; --red: #e2262b; --navy: #16212d;
  --head: "Archivo", "Arial Narrow", sans-serif; --serif: "Spectral", Georgia, serif; --hand: "Caveat", cursive; }
* { box-sizing: border-box; }
body { margin: 0; background: #ece4d2; color: var(--ink); font: 400 1.04rem/1.6 var(--serif); }
main { max-width: 44rem; margin: 2.5rem auto 3rem; padding: 2rem clamp(1.1rem, 4vw, 2.6rem) 2.4rem; background: var(--paper); border: 2px solid var(--ink); border-radius: 8px; box-shadow: 6px 6px 0 rgb(42 42 42 / .2); }
.back { display: inline-block; font: 700 .8rem/1 var(--head); letter-spacing: .08em; text-transform: uppercase; color: var(--soft); text-decoration: none; margin-bottom: 1.2rem; }
.back:hover { color: var(--ink); }
h1 { font: 700 clamp(2.4rem, 6vw, 3.2rem)/1 var(--hand); margin: 0 0 1.2rem; }
h2 { font: 800 1rem/1.3 var(--head); margin: 1.8rem 0 .5rem; }
p, ul { margin: 0 0 .8rem; }
ul { padding-left: 1.2rem; }
a { color: var(--navy); text-decoration-color: var(--red); text-underline-offset: 3px; }
code { font: 600 .9em/1 ui-monospace, Menlo, monospace; background: #efe9dc; padding: .1em .3em; border-radius: 3px; }
footer { max-width: 44rem; margin: 0 auto 2rem; padding: 0 1rem; font: 600 .8rem/1.4 var(--head); color: var(--soft); display: flex; gap: 1.2rem; flex-wrap: wrap; }
footer a { color: var(--soft); }
@media (max-width: 600px) { main { margin: 1rem 12px 2rem; } }