/* ================================================================
   Theme "family" - hell, freundlich, weich: grosse Radien, etwas
   groessere Schrift, mehr Luft. Fuer Familien-/Freizeit-Domains
   (wirbelwind-magazin, kinderlieder-und-musik,
   gewinnspiele-deutschland, ferienwohnung-magazin).

   Laedt NACH magazin.css; Domain-Akzente (--accent, --cta-*) kommen
   aus dem Inline-<style> im Header und gewinnen.
   ================================================================ */

:root {
  color-scheme: light;
  --bg: #fffefb;
  --bg-soft: #f6f1e9;
  --ink: #2b2536;
  --ink-soft: #544d62;
  --ink-mute: #6e6880;     /* >=4.5:1 auf --bg (WCAG AA Body) */
  --line: #e9e3d8;
  --accent-soft: #fbeee6;
  --r: 14px;
}

/* Etwas groesser und luftiger als die Basis - Lesekomfort vor Dichte. */
body {
  font-size: 17.5px;
  line-height: 1.65;
}

/* Runde, kraeftige Headlines - bleibt Inter, aber schwerer. */
h1, h2, h3,
.hero-story h2,
.rubrik-lead h3 {
  font-weight: 800;
  letter-spacing: -0.015em;
}

/* Heller Header ohne Glas-Effekt. */
.site-header {
  backdrop-filter: none;
  background: var(--bg);
}

/* Grosse Radien auf allen Inhaltsbildern - der Karten-Look entsteht
   in Stufe 1 ueber die Bilder, echte Card-Grids folgen in Stufe 2. */
main img { border-radius: var(--r); }

/* Kicker als weiche Pille statt Strich-Label. */
.kicker::before { display: none; }
.kicker {
  background: var(--accent-soft);
  padding: .25rem .7rem;
  border-radius: 999px;
  letter-spacing: .06em;
}