/* Rechtsseiten (Impressum, Datenschutz). Tokens wie in index.html, siehe
   agency/design-leitfaden.md, Teil B. */
:root {
  --color-bg: #ffffff;
  --color-ink: #1e1e1e;
  --color-text: rgba(0, 0, 0, .87);
  --color-muted: #555555;
  --color-hairline: #e6e6e6;
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Bodoni Moda", "Bodoni 72", Didot, "Didot LT STD", serif;
  --tracking: .02em;
  --space-page: 16px;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-sans); color: var(--color-text); background: var(--color-bg);
  line-height: 1.6; -webkit-font-smoothing: antialiased; }
.kopfzeile { padding: 16px var(--space-page); border-bottom: 1px solid var(--color-hairline); }
.kopfzeile a { color: var(--color-ink); font-size: 12px; font-weight: 500; text-transform: uppercase;
  letter-spacing: .08em; text-decoration: none; }
main { max-width: 720px; margin: 0 auto; padding: 48px var(--space-page) 96px; }
h1 { margin: 0 0 32px; font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 6vw, 40px);
  line-height: 1.15; text-transform: uppercase; letter-spacing: .06em; color: var(--color-ink); }
h2 { margin: 40px 0 8px; font-size: 13px; line-height: 18px; font-weight: 600; text-transform: uppercase;
  letter-spacing: var(--tracking); color: var(--color-ink); }
h3 { margin: 24px 0 4px; font-size: 15px; font-weight: 600; color: var(--color-ink); }
p, li { font-size: 15px; }
p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 20px; }
a { color: var(--color-ink); text-underline-offset: 3px; }
address { font-style: normal; }
.stand { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--color-hairline);
  font-size: 12px; color: var(--color-muted); }
.offen { background: #fff3cd; padding: 0 4px; }