/* ══════════════════════════════════════════════════════════════════════
   EDEL_META_20260927 (KEES)

   Marcus: "das Logo muss größer. Insgesamt will ich die Seite schicker
   haben, elegantere Schrift würde helfen." Und: "kein Bold, wenn es nicht
   unbedingt sein muss."

   DREI EINGRIFFE, mehr nicht:

   1. LOGO. Stand bei rund 34 px Höhe und ging in der Kopfzeile unter.
      Jetzt 58 px, auf dem Telefon 44. Die Kopfzeile wächst mit.

   2. SCHRIFT. Playfair Display war schon da, wurde aber nur für einzelne
      Stellen benutzt. Jetzt trägt sie alle Überschriften und die großen
      Zahlen — das ist der Unterschied zwischen Werkzeug und Publikation.
      Lato bleibt für Fließtext und Bedienung.

   3. KEIN FETT. Fünf Stellen standen auf 600 oder 700. Überschriften in
      einer Serifenschrift brauchen kein Fett, sie tragen über die Form.
      Statt Fett: mehr Größe, engere Laufweite, mehr Luft. Wo Auszeichnung
      nötig ist (aktive Schaltfläche), macht das die Farbe.

   Lädt NACH styles.css. Fällt sie weg, ist der vorherige Stand zurück.
   ══════════════════════════════════════════════════════════════════════ */

.topbar { height: auto; min-height: 104px; padding: 18px 26px; }
.topbar img, img[alt*="NEUROSEMANTICS"] {
  height: 58px !important; width: auto !important; max-width: none !important;
}
@media (max-width: 900px) { .topbar img, img[alt*="NEUROSEMANTICS"] { height: 44px !important; } }

/* ── Überschriften: Serife, groß, nicht fett ───────────────────────── */
h1, h2, h3, .title, .panel-title, .kpi-value, .big-number {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.012em;
}
h1 { font-size: clamp(2.1rem, 3.4vw, 3.1rem); line-height: 1.04; }
h2 { font-size: clamp(1.45rem, 2.1vw, 1.95rem); line-height: 1.12; }
h3 { font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.2; }

/* ── Fett nur, wo es wirklich sein muss ────────────────────────────── */
body, p, li, td, label, .kpi-label, .muted, button, select, input {
  font-weight: 400 !important;
}
strong, b { font-weight: 500 !important; }
/* Auszeichnung über Farbe und Linie, nicht über Fett */
.active, [aria-pressed="true"], .is-active {
  font-weight: 400 !important;
  color: var(--gold) !important;
  box-shadow: inset 0 -2px 0 var(--gold-2);
}

/* ── Kleinschrift: Laufweite statt Fett ────────────────────────────── */
.kpi-label, .label, .eyebrow, small, .muted {
  letter-spacing: 0.16em; text-transform: uppercase; font-size: 0.66rem;
  color: var(--muted) !important;
}

/* ── Luft ──────────────────────────────────────────────────────────── */
.panel, .card, section { border-radius: 0; }
.panel + .panel, .card + .card { margin-top: 14px; }