/* =====================================================================
   BRAND v2: Wortmarke handwerk-digital.eu (Markenplan 2026-10-03)
   EINZIGE Quelle fuer die Kopfzeilen-Marke auf allen Seiten.
   Selektoren bewusst mit "header" davor: schlagen die alten .brand-Regeln
   aus lp-neu.css und den Inline-Styles unabhaengig von der Ladereihenfolge.
   Desktop: einzeilig + Unterzeile exakt so breit wie die Wortmarke.
   Handy (<=560px): ohne Unterzeile, immer zweizeilig "handwerk-" / "digital.eu".
   Werte gemessen, nicht schaetzen: Pruefskript im Vault-Plan.
   ===================================================================== */
.wm-a{color:var(--blue-deep,#1C63B8);font-weight:inherit}
header .brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;line-height:1.25;flex:none}
header .brand img{width:34px;height:34px;flex:none}
header .brand .wm{display:block;white-space:nowrap}
header .brand .wm .m-br{display:none}
header .brand .wm small{display:block;font-size:.62rem;font-weight:600;letter-spacing:.0938em;line-height:1.6;text-transform:uppercase;color:var(--blue-deep,#1C63B8);margin-top:-3px;white-space:nowrap}
@media(max-width:560px){
  header .brand{font-size:1rem;gap:8px;line-height:1.08}
  header .brand .wm small{display:none}
  header .brand .wm .m-br{display:inline}
}

/* Menue-Umschaltpunkt einheitlich 920px wie auf der Startseite (vorher: Startseite 920px,
   alle anderen Seiten 680px -> zwischen 681 und 920px passte das Menue nicht neben die
   einzeilige Wortmarke). Ausgeklapptes Menue = Startseiten-Variante. */
@media(max-width:920px){
  header .nav-links{display:none}
  header .nav-links.open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:flex-start;background:var(--bg);border-bottom:1px solid var(--line);padding:22px;gap:18px}
  header .nav-links.open .nav-cta{width:100%;text-align:center}
  header .burger{display:flex}
}