/* Oli Savinyeta – Schriften lokal eingebunden (keine Verbindung zu Google) */
@font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/instrument-serif-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/instrument-serif-latin-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/hanken-grotesk-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/hanken-grotesk-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/hanken-grotesk-latin-600-normal.woff2') format('woff2'); }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #2F3624; color: #F3EFE2; }
a { color: #E6E2D2; }
a:hover { color: #FFFFFF; }
input::placeholder { color: #ABAA92; }
summary { list-style: none; }
summary::-webkit-details-marker { display: none; }
:focus-visible { outline: 2px solid #DCCB7C; outline-offset: 3px; }
::selection { background: #DCCB7C; color: #2F3624; }

/* Honeypot gegen Spam-Anmeldungen (unsichtbar) */
.hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.form-hinweis { margin: 0; font-size: 12.5px; line-height: 1.5; color: #ABAA92; }
.form-hinweis a { color: #C4C2AB; }

/* Rechtstexte (Impressum, Datenschutz) */
.recht { max-width: 760px; margin: 0 auto; padding: 48px clamp(20px, 4vw, 56px) 120px; font-family: 'Hanken Grotesk', 'Helvetica Neue', system-ui, sans-serif; font-size: 16px; line-height: 1.7; color: #D6D3BF; }
.recht h1 { margin: 0 0 40px; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: clamp(2.5rem, 6vw, 3.75rem); line-height: 1.05; color: #F3EFE2; }
.recht h2 { margin: 44px 0 10px; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: 26px; line-height: 1.2; color: #F3EFE2; }
.recht p, .recht ul { margin: 0 0 14px; }
.recht ul { padding-left: 20px; }
.recht a { color: #DCCB7C; }
.recht-kopf { max-width: 760px; margin: 0 auto; padding: 28px clamp(20px, 4vw, 56px); display: flex; justify-content: space-between; align-items: baseline; gap: 20px; flex-wrap: wrap; }
.recht-kopf a.logo { font-family: 'Instrument Serif', Georgia, serif; font-size: 30px; color: #F3EFE2; text-decoration: none; }
.recht-kopf a.zurueck { font-family: 'Hanken Grotesk', system-ui, sans-serif; font-size: 15px; color: #DCCB7C; }

/* Danke-Seiten (nach Anmeldung / nach Bestätigung) */
.danke { min-height: 100vh; min-height: 100svh; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 64px 20px; text-align: center; font-family: 'Hanken Grotesk', 'Helvetica Neue', system-ui, sans-serif; font-size: 17px; line-height: 1.6; color: #D6D3BF; -webkit-font-smoothing: antialiased; }
.danke .siegel { width: 64px; height: 64px; border: 1px solid #DCCB7C; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-size: 34px; color: #DCCB7C; }
.danke .eyebrow { margin: 0; font-size: 12px; font-weight: 500; letter-spacing: 0.24em; text-transform: uppercase; color: #DCCB7C; }
.danke h1 { margin: 0; max-width: 14em; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: clamp(2.5rem, 6vw, 4rem); line-height: 1.04; color: #F3EFE2; text-wrap: balance; }
.danke h1 em { font-style: italic; color: #DCCB7C; }
.danke p.text { margin: 0; max-width: 30em; text-wrap: pretty; }
.danke .linie { width: 48px; height: 1px; background: #56614A; }
.danke .zurueck { font-size: 15px; color: #DCCB7C; }
.danke .gruss { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-size: 22px; color: #F3EFE2; }