/* Kassunio – Platzhalterseiten unter kassunio.de, app.kassunio.de und tisch.kassunio.de (15.11.2026).
   Nur Tokens aus kassunio-tokens.css; Schrift aus schrift.css. Hell und dunkel folgen dem Gerät. */
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: var(--ks-background); color: var(--ks-text); }
main, footer { width: 100%; max-width: 44rem; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
main { flex: 1; padding-top: clamp(40px, 12vh, 120px); padding-bottom: 48px; }
/* Das Logo bringt links eigenen Rand mit (6 % der Breite); der Versatz stellt das Signet auf die Textkante. Die Datei bleibt unverändert. */
.logo { display: block; width: 220px; max-width: 60vw; height: auto; margin: 0 0 clamp(36px, 9vh, 80px) -13px; }
.kicker { margin: 0 0 8px; font-weight: var(--ks-gewicht-titel); color: var(--ks-focus); }
h1 { margin: 0 0 16px; text-wrap: balance; }
.text { margin: 0; font-size: 1.125rem; max-width: 34rem; }
/* Impressum: Angaben von Andreas (15.11.2026) */
footer { padding-top: 20px; padding-bottom: 28px; border-top: 1px solid var(--ks-border); color: var(--ks-mutedText); font-size: 0.875rem; }
footer h2 { margin: 0 0 6px; font-size: 0.875rem; letter-spacing: 0; color: var(--ks-text); }
footer p { margin: 0 0 4px; }
footer a { color: var(--ks-focus); font-weight: var(--ks-gewicht-bedienung); text-underline-offset: 3px; }
footer a:focus-visible { outline: 2px solid var(--ks-focus); outline-offset: 3px; border-radius: var(--ks-radius-sm); }