@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 400; font-display: swap; src: url(fonts/plus-jakarta-sans-400.woff2) format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 600; font-display: swap; src: url(fonts/plus-jakarta-sans-600.woff2) format('woff2'); }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { min-height: 100vh; display: flex; flex-direction: column; font: 400 15px/1.55 'Plus Jakarta Sans', -apple-system, sans-serif; color: #191C1F;
  background: radial-gradient(1100px 560px at 8% -12%, #EAD3DB 0%, transparent 62%), radial-gradient(900px 520px at 100% -5%, #F0E1E7 0%, transparent 58%), #F4EEF0; -webkit-font-smoothing: antialiased; }
a { color: #7A0C2E; font-weight: 600; text-decoration: none; }
.kopf { padding: 14px 16px 0; }
.kopf div { max-width: 1136px; margin: 0 auto; display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 8px 18px; border-radius: 999px;
  background: rgba(255,255,255,.8); box-shadow: 0 0 0 1px rgba(92,10,36,.05), 0 10px 30px -16px rgba(92,10,36,.3); font-weight: 600; }
.kopf img { width: 34px; height: 34px; }
.kopf span { color: #5A616B; font-weight: 400; }
main { flex: 1; display: grid; place-items: center; padding: 40px 16px; }
.karte { max-width: 480px; padding: 34px; border-radius: 22px; background: #fff; box-shadow: 0 1px 2px rgba(92,10,36,.04), 0 20px 44px -26px rgba(92,10,36,.38); }
h1 { margin: 0 0 10px; font-size: 24px; line-height: 1.25; font-weight: 600; letter-spacing: -.015em; }
p { margin: 0 0 12px; color: #5A616B; }
p:last-child { margin: 0; }
footer { display: flex; justify-content: center; gap: 18px; padding: 0 16px 28px; font-size: 13px; }
footer a { color: #8A919B; font-weight: 400; }
.kopf div { white-space: nowrap; }
@media (max-width: 480px) { .kopf span { display: none; } }