/* Gemeinsames Styling für Impressum und Datenschutz — gleiche Papier-Optik wie die App,
   aber ruhig und gut lesbar. Schriften lokal (siehe index.html). */
@font-face { font-family: 'Cabin Sketch'; font-weight: 700; font-display: swap; src: url('assets/fonts/CabinSketch-Bold.woff2') format('woff2'); }
@font-face { font-family: 'Atkinson Hyperlegible'; font-weight: 400; font-display: swap; src: url('assets/fonts/AtkinsonHyperlegible-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Atkinson Hyperlegible'; font-weight: 700; font-display: swap; src: url('assets/fonts/AtkinsonHyperlegible-Bold.woff2') format('woff2'); }
:root { --ink: #2B2926; --ink-soft: #6B6862; --brand: #B95C4C; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #E4E0D6; color: var(--ink); font-family: 'Atkinson Hyperlegible', sans-serif; }
.sheet { background: #fff url('assets/ui/papier.png') top center/100% auto repeat-y; max-width: 760px; margin: 0 auto; min-height: 100vh; padding: 40px 28px 70px; box-shadow: 0 0 24px rgba(43,41,38,0.14); }
.sheet > * { max-width: 640px; margin-left: auto; margin-right: auto; }
.logo { display: block; width: 150px; margin: 0 auto 30px; }
h1 { font-family: 'Cabin Sketch', 'Atkinson Hyperlegible', system-ui, sans-serif; color: var(--brand); font-size: 36px; margin: 0 auto 26px; }
h2 { font-size: 18px; margin: 34px auto 8px; }
p, li { font-size: 16px; line-height: 1.65; }
ul { padding-left: 20px; }
a { color: var(--brand); }
a:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
/* Als Block-Absatz, damit der Link wie der Text darüber in der 640px-Spalte beginnt
   (ein inline-Element ließ sich nicht mittig ausrichten und klebte am linken Blattrand). */
.back-row { margin-top: 36px; }
.back { font-weight: 700; }
.meta { color: var(--ink-soft); font-size: 14px; }
