/* Impressum und Datenschutz: schlichte Lesefassung im WellGrouped-Look (Brand Kit: marke/MARKE.md) */
@font-face {
  font-family: 'Outfit'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(schriften/outfit-latin.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url(schriften/inter-latin.woff2) format('woff2');
}
:root {
  --deep-slate: #0B0F19;
  --crisp-white: #F8FAFC;
  --cyber-blue: #00F0FF;
  --mint: #00FF87;
  --slate-surface: #161F32;
  --cool-gray: #94A3B8;
  --rand: rgba(51, 65, 85, 0.8);
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { background: var(--deep-slate); -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--deep-slate);
  color: var(--crisp-white);
  font: 400 15px/1.65 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
}
main { max-width: 720px; margin: 0 auto; }
.kopf { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; text-decoration: none; color: inherit; }
.kopf img { width: 44px; height: 44px; filter: drop-shadow(0 0 14px rgba(0, 255, 135, 0.3)); }
.kopf strong { font: 900 1.25rem/1 'Outfit', system-ui, sans-serif; }
.kopf span { display: block; font: 800 0.8rem 'Outfit', system-ui, sans-serif; color: var(--mint); margin-top: 3px; }
h1 { font: 900 clamp(1.7rem, 6vw, 2.2rem)/1.15 'Outfit', system-ui, sans-serif; margin: 0 0 6px; }
h2 { font: 800 1.15rem/1.3 'Outfit', system-ui, sans-serif; margin: 30px 0 8px; color: var(--cyber-blue); }
h3 { font: 700 1rem/1.4 'Inter', system-ui, sans-serif; margin: 18px 0 4px; }
p, li { color: #D9E1EB; }
ul { padding-left: 20px; margin: 6px 0; }
li { margin: 3px 0; }
a { color: var(--cyber-blue); text-underline-offset: 3px; }
.stand { color: var(--cool-gray); font-size: 0.85rem; margin: 0 0 18px; }
.karte { background: var(--slate-surface); border: 1px solid var(--rand); border-radius: 16px; padding: 14px 16px; margin: 12px 0; }
.karte p { margin: 2px 0; }
.fuss { margin-top: 40px; padding-top: 14px; border-top: 1px solid var(--rand); font-size: 0.85rem; color: var(--cool-gray); }
.fuss a { color: var(--cool-gray); }
/* Übersetzungen (privacy.html, prywatnosc.html): Hinweis, dass die deutsche Fassung gilt */
.hinweis-uebersetzung { font-size: 0.85rem; color: var(--cool-gray); background: var(--slate-surface); border: 1px solid var(--rand); border-radius: 12px; padding: 10px 12px; margin: 0 0 18px; }
.stand a { color: var(--cool-gray); }