/* =========================================================================
   seite-page.css  --  Impressum, Datenschutz, AGB, 404, Danke-Seiten
   (page.ejs) und Bestaetigung der Tipps (bestaetigen.ejs), Umbau R4 (E9).
   Danke nach formular-p2: Haken im Kreis, Titel und Text zentriert, Karte
   «So geht es weiter», Link zur Startseite, Landschaft als Fuss.
   Komponenten aus styles.css, nur Tokens aus theme.css.
   ========================================================================= */

/* --- Rechtstexte, 404, Bestaetigung --------------------------------------- */
/* hoechstens rund 80 Zeichen je Zeile (layout-check) */
.seite-text .prose { max-width: 37.5rem; }
.seite-links { display: grid; gap: 0.75rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.prose .seite-links { padding-left: 0; }
.seite-aktion { margin-top: 1.5rem; }
.draft-note { padding: 0.75rem 1rem; border-radius: var(--r-feld); background: var(--mint); color: var(--marine); }

/* --- Danke (formular-p2) -------------------------------------------------- */
.danke { padding-top: clamp(2.5rem, 6vw, 4.5rem); background: linear-gradient(180deg, var(--bg) 0%, var(--bg) 55%, var(--himmel) 100%); text-align: center; }
.danke__page { display: grid; justify-items: center; }
.danke .erfolg { margin-bottom: 2rem; }
.danke__lead { margin-inline: auto; }
.danke__aktion { margin-top: 1.75rem; }
.danke__aktion .icon { width: 1.5rem; height: 1.5rem; }
.danke__karte { width: 100%; margin-top: 2rem; text-align: left; }
.danke__karte .ablauf { margin-top: 0.25rem; }
.danke__schritt { display: block; color: var(--marine); font-weight: 600; }
.danke__schritt-text { display: block; margin-top: 0.125rem; color: var(--text); font-size: var(--fs-klein); }
.danke__text { margin-top: 1.5rem; color: var(--text); }
.danke__text a:not(.textlink) { color: var(--gruen); font-weight: 600; white-space: nowrap; }
.danke__text .textlink { margin-top: 0.25rem; }
.danke__zurueck { margin-top: 1.75rem; }
.danke__fuss { margin-top: clamp(2rem, 5vw, 3.5rem); --fuss-grund: var(--himmel); }