/* Unterseiten wie Impressum und Datenschutz */
@font-face { font-family: "Archivo"; src: url("../fonts/Archivo-Variable.ttf") format("truetype"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/IBMPlexMono-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
:root { --papier: #FAFAF7; --tinte: #111111; --grau: #77736B; --rot: #AF4B41; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--papier); color: var(--tinte); font-family: "Archivo", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.6; overflow-wrap: anywhere; }
a { color: inherit; text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--rot); outline-offset: 3px; }
.seite { width: min(720px, 100%); margin: 0 auto; padding: clamp(24px, 4vw, 40px) 20px 64px; }
.seite__logo { display: block; width: 72px; color: var(--tinte); }
.seite__logo svg { display: block; width: 100%; height: auto; }
.seite__inhalt { margin-top: clamp(48px, 9vh, 96px); }
.seite__inhalt h1 { margin: 0 0 .7em; font-weight: 560; font-stretch: 110%; font-size: clamp(38px, 7vw, 64px); line-height: 1.02; letter-spacing: -.015em; }
.seite__inhalt h2 { margin: 2em 0 .4em; font-weight: 560; font-stretch: 110%; font-size: 21px; line-height: 1.25; }
.seite__inhalt p { margin: 0 0 1em; }
.seite__fuss { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 64px; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 12px; letter-spacing: .22em; color: var(--grau); }
.seite__fuss a { padding: 6px 0; text-decoration: none; }
.seite__fuss a:hover { color: var(--tinte); }