/* ==========================================================================
   CSS VARIABLEN FÜR FOKUS (Leicht anpassbar)
   ========================================================================== */
:root {
    --wt-focus-color: #005A9C; /* Ein gut sichtbares Blau (Kontrast prüfen!) */
    --wt-focus-width: 3px;
    --wt-focus-offset: 2px;
}

/* ==========================================================================
   TASTATUR FOKUS (WCAG 2.4.7)
   Nutzt :focus-visible (stört keine Maus-Nutzer).
   ========================================================================== */
body *:focus-visible {
    outline: var(--wt-focus-width) solid var(--wt-focus-color) !important;
    outline-offset: var(--wt-focus-offset) !important;
    box-shadow: none !important; /* Verhindert, dass Divi Box-Shadows stören */
}

/* Fix für abgerundete Divi-Buttons und Bilder */
body .et_pb_button:focus-visible,
body img:focus-visible {
    border-radius: inherit; 
}

/* ==========================================================================
   DIVI UNTERMENÜ TASTATUR-FIX (WCAG 2.1 - 2.4.7 & 2.1.1)
   ========================================================================== */

/* Untermenü einblenden, wenn der Fokus per Tastatur hineinwandert */
#top-menu li.menu-item-has-children:focus-within > ul.sub-menu,
.et_pb_menu li.menu-item-has-children:focus-within > ul.sub-menu,
.et_pb_menu_page_id li.page_item_has_children:focus-within > ul.children {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    transform: none !important;
    z-index: 9999 !important;
}

/* Fokus-Rahmen für Menü-Links leicht nach innen ziehen, damit er nicht abgeschnitten wird */
#top-menu a:focus-visible,
.et_pb_menu a:focus-visible {
    outline: var(--wt-focus-width) solid var(--wt-focus-color) !important;
    outline-offset: -2px !important; 
    border-radius: 3px;
    background-color: transparent !important; /* Verhindert Divi-Farbkonflikte */
}