/*Focus für Barrierefreiheit aktivieren*/
/* Sichtbarer Fokus-Rahmen für Tastaturnutzer */
#page-header a:focus,
.header-bar  a:focus, .skip-link {
    outline: 3px solid #0056b3 !important; /* Nutzen Sie eine kontrastreiche Farbe Ihrer Palette */
    outline-offset: -2px;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Untermenüs einblenden, wenn der Hauptpunkt per Tab fokussiert wird */
#page-header .main-nav .menu-item:focus-within > .sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Erzwingt einen deutlichen Fokus-Rahmen für Tastaturnutzer im gesamten Header */
#page-header a:focus, 
.dt-mobile-menu a:focus,
.dt-mobile-menu-icon:focus {
    outline: 3px solid #0056b3 !important; /* Nutzen Sie eine gut sichtbare Farbe */
    outline-offset: 2px !important;
    background-color: rgba(0, 86, 179, 0.1) !important; /* Leichtes Hinterlegen des aktiven Links */
}

/* Verhindert, dass der Rahmen bei normalen Mausklicks stört (nur bei Tastatur) */
#page-header a:focus:not(:focus-visible) {
    outline: none !important;
}

.skip-link:focus {
    z-index:999 !important;
}