:root { --text: #f2f5f7; --leise: rgba(242,245,247,.72); --akzent: #7fb3c8; }
* { box-sizing: border-box; margin: 0; }
html, body { min-height: 100%; }
body {
  font-family: Calibri, Carlito, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: var(--text);
  background: #1b252c url("bilder/hintergrund.jpg") center / cover fixed no-repeat;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 100vh; padding: 24px 16px;
}
.karte {
  max-width: 560px; width: 100%; text-align: center;
  padding: 48px 32px; border-radius: 14px;
  background: rgba(10,18,24,.45); border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(4px);
}
h1 { font-size: clamp(28px, 6vw, 40px); font-weight: 600; letter-spacing: .02em; }
.unter { margin-top: 8px; font-size: 18px; color: var(--akzent); letter-spacing: .08em; text-transform: uppercase; }
.hinweis { margin-top: 28px; font-size: 17px; line-height: 1.5; color: var(--leise); }
footer { margin-top: 28px; font-size: 14px; color: var(--leise); }