/* Kopfleiste mit dem Menüpunkt „Ratgeber“ (seit 27.09.2026): etwas Platz zurückgewinnen, damit die Glas-Pille nicht überläuft.
   Eingebunden aus header.html (gilt damit auf jeder Seite). style.css bleibt unverändert – so passt auch eine noch
   zwischengespeicherte ältere style.css zum neuen Menü. Geprüft bei 861–1600 px, oben und beim Scrollen. */
@media (min-width: 1200px) {
    .cmd-nav > a:not(.btn) { padding: 0 12px; }
    /* Kunden-Login wie unter 1200 px nur als Symbol – die Beschriftung bleibt für Screenreader erhalten */
    .cmd-login-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .cmd-nav > a.cmd-login { width: 44px; padding: 0; justify-content: center; }
    .cmd.scrolled .cmd-nav > a:not(.btn):not(.cmd-login) { padding: 0 10px; }
}
@media (min-width: 861px) and (max-width: 959.98px) {
    .cmd-pill { padding-left: 14px; }
    .cmd-nav { gap: 0; }
    .cmd-nav > a:not(.btn):not(.cmd-login) { padding: 0 7px; }
    .cmd-cta { padding: 0 14px; }
    .cmd-logo { font-size: 1.18rem; gap: 8px; }
    .cmd-logo .logo-mark { width: 30px; height: 30px; }
    .cmd-kbd { display: none; }
    .cmd-search { width: 44px; padding: 0; justify-content: center; flex-shrink: 0; }
}
/* Barrierefreiheit (29.09.2026): Sprunglink „Zum Inhalt springen“ – erst bei Tastatur-Fokus sichtbar.
   Ziel ist #inhalt-start am Ende von header.html (unsichtbar, 0 px hoch), damit er auf jeder Seite passt. */
.skip-link { position: absolute; left: 12px; top: -80px; z-index: 1000; padding: 12px 18px; border-radius: 999px; background: #0B1220; color: #FFFFFF; font-weight: 700; text-decoration: none; box-shadow: 0 0 0 2px #FFFFFF; }
.skip-link:focus { top: 12px; }
.skip-link:hover, .skip-link:focus { color: #FFFFFF; }
.skip-ziel { height: 0; }
.skip-ziel:focus { outline: none; }