/* v12: Die restlichen Ueberschriften in Markenorange angleichen.

   Hintergrund: v05 hat .section-head h2, .split h2 und .card-body h3
   bereits auf Navy gesetzt - sichtbar auf der Startseite, wo kein
   Kontrastproblem mehr auftritt. Vier Regeln aus style.css blieben
   dabei aussen vor und faerben weiterhin in #ff834b:

       .page-hero h1      die grosse Ueberschrift der Unterseiten
       .contact-hero h1   die Ueberschrift der Kontaktseite
       .brand-block h2    die Markenabschnitte auf /marken/
       .alt-section h2    mehrere Abschnitte auf /kompetenzen/
                          und /neo-otc/

   Auf dem Mintgrund erreichen sie 2,21:1, auf Weiss 2,44:1. Noetig
   sind 3:1 fuer grosse Schrift. Seit die Ueberschriften groesser
   geworden sind, faellt es zusaetzlich auf.

   Die Regeln unten brauchen dieselbe Spezifitaet wie die Regeln in
   style.css, sonst setzen sie sich nicht durch. Ein blosses
   "h1,h2{color:...}" genuegt nicht.

   Geprueft am 24.10.2026 auf allen 16 Seiten: danach kein einziger
   Kontrastbefund mehr. */

.page-hero h1,
.contact-hero h1,
.brand-block h2,
.alt-section h2 {
  color: var(--navy);
}

/* Soll das Orange als Akzent erhalten bleiben, statt der Regel oben
   diese verwenden. #d96f40 hat denselben Farbton und dieselbe
   Saettigung wie #ff834b, nur dunkler: 3,02:1 auf Mint, 3,33:1 auf
   Weiss. Das reicht fuer grosse Schrift, nicht fuer Fliesstext.

.page-hero h1,
.contact-hero h1,
.brand-block h2,
.alt-section h2 {
  color: #d96f40;
}
*/

/* v12b: Kleinueberschriften etwas groesser.

   v07 setzt .eyebrow und .label auf .7rem - das sind 11,2 Pixel, in
   Grossbuchstaben mit 0,16em Zeichenabstand. Lesbar, aber sehr klein.
   .78rem sind 12,5 Pixel; auf schmalen Bildschirmen .7rem statt .64rem
   (11,2 statt 10,2 Pixel). Der Kontrast bleibt unveraendert bei
   6,58:1 auf Weiss und 5,96:1 auf Mint. */

.eyebrow,
.label {
  font-size: .78rem;
}

@media (max-width: 520px) {
  .eyebrow {
    font-size: .7rem;
  }
}