/* ===========================================================================
   header.css — Benker WP-Theme
   HANDGESCHRIEBEN. Eigene Datei, damit eine Neuextraktion von components.css
   diese Regeln nicht ueberschreibt. Wird NACH components.css geladen.

   LOGO-GROESSE (10.08.2026, Korrekturen KW 32)
   Benker: "Benker Logo oben sehr klein, evtl. groesser?"

   Das Logo bestimmt die Hoehe der Kopfzeile — die Kopfleiste ist exakt so hoch
   wie das Logo. Eine Vergroesserung schiebt also den gesamten Hero-Bereich nach
   unten. Deshalb bewusst massvoll: 144px -> 176px (+22%). Das ist deutlich
   sichtbar und kostet nur rund 12px Hoehe.

   Nur ab 1024px: Auf dem Handy nimmt das Logo bei 144px bereits ueber ein
   Drittel der Bildschirmbreite ein, dort waere mehr zu viel.
   =========================================================================== */

@media (min-width: 1024px) {
  .header__logo img {
    width: 176px;
  }
}

/* ---------------------------------------------------------------------------
   MENUEPUNKTE MIT UNTERMENUE SIND <button> (04.09.2026)

   Zu "Produkte", "Branchen", "Unternehmen" und "Support" gibt es keine
   Uebersichtsseite — sie oeffnen nur ihr Menue. Deshalb rendert
   Benker_Header_Walker sie als <button> statt als <a href>; Begruendung steht
   in inc/nav.php.

   Hier steht nur, was ein Button mitbringt und ein Link nicht: eigener
   Hintergrund, eigener Rahmen, zentrierter Text und in manchen Browsern eine
   eigene Laufweite. Alles andere (Schrift, Farbe, Innenabstand) kommt
   unveraendert aus .header__link und .body-s — das Aussehen bleibt identisch.

   Innen- und Aussenabstand setzt bereits der Reset in global.css auf 0.
   --------------------------------------------------------------------------- */
button.header__link {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  text-align: inherit;
  letter-spacing: inherit;
  cursor: pointer;
}