/* WalletTap: Website-Seiten (Start, Impressum, Datenschutz, Support) */
:root { --marke: #0E9F6E; --marke-ink: #FFFFFF; --kopf: #0F172A; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --marke: #34D399; --marke-ink: #06281C; --kopf: #0B1220; } }

.wrap.breit { max-width: 1120px; }
.kopfzeile { position: sticky; top: 0; z-index: 20; background: color-mix(in srgb, var(--bg) 88%, transparent);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.kopfzeile .wrap { padding-top: 12px; padding-bottom: 12px; justify-content: space-between; }
.kopfzeile nav { gap: 18px; }
.kopfzeile nav a:not(.btn) { text-decoration: none; color: var(--muted); font-weight: 600; }
.marke { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 19px; text-decoration: none; letter-spacing: -.02em; }
.marke img { width: 30px; height: 30px; border-radius: 8px; }
@media (max-width: 640px) { .kopfzeile nav a:not(.btn) { display: none; } }

.btn.primaer { background: var(--marke); border-color: var(--marke); color: var(--marke-ink); }
.btn.gross-inline { padding: 14px 24px; font-size: 16px; }
.abschnitt { padding: 40px 0; }
.titel { font-size: clamp(24px, 3.4vw, 34px); letter-spacing: -.025em; margin: 0 0 22px; }

.fusszeile { border-top: 1px solid var(--line); margin-top: 40px; }
.fusszeile .wrap { padding-top: 24px; padding-bottom: 32px; display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: space-between; color: var(--muted); font-size: 14px; }
.fusszeile a { color: var(--muted); }
.fusszeile nav { display: flex; gap: 18px; flex-wrap: wrap; }

.text { max-width: 760px; }
.text h1 { font-size: clamp(28px, 4vw, 38px); margin: 24px 0 18px; }
.text h2 { font-size: 20px; margin: 30px 0 8px; }
.text p, .text li { color: var(--ink); }
.text .hinweis { margin: 16px 0; }
.platzhalter { background: color-mix(in srgb, var(--warn) 20%, transparent); border-radius: 4px; padding: 0 4px; }