/* Barrierefreiheit CSS Erweiterung */

/* Skip-Link sichtbar beim Fokus */
a[href="#main-content"]:focus {
    transform: translateY(0) !important;
}

/* Fokus-Indikatoren verstärken */
*:focus {
    outline: 3px solid #f00 !important;
    outline-offset: 2px;
}

button:focus,
a:focus,
input:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 5px 2px #f00;
}

/* Zusätzliche deutliche Fokusmarkierung für Checkboxen */
input[type="checkbox"]:focus {
    outline: 3px solid #f00 !important;
    outline-offset: 4px;
    box-shadow: 0 0 5px 2px #f00;
}

/* Verbesserte Sichtbarkeit speziell für visuell angepasste Checkboxen */
input[type="checkbox"]:focus-visible {
    outline: 3px solid #f00 !important;
    outline-offset: 4px !important;
    box-shadow: 0 0 0 4px rgba(255, 0, 0, 0.5) !important;
    z-index: 9999 !important;
}

/* Visuelle Fokusmarkierung für Accordion Header */
.accordion-header a:focus {
    outline: 3px solid #f00 !important;
    outline-offset: 2px;
    box-shadow: 0 0 5px 2px #f00;
}

/* Fokusmarkierung für gesamten Accordion Header bei Fokus innerhalb */
.accordion-header:focus-within {
    outline: 3px solid #f00 !important;
    outline-offset: 2px;
    box-shadow: 0 0 5px 2px #f00;
}

/* Navigation markieren 
nav {
  border: 2px dashed #007ACC;
  padding: 4px;
}

/* Hauptinhalt markieren 
main {
  border: 2px dashed #00AA00;
  padding: 4px;
}
*/
/* Footer hervorheben 
footer {
  border: 2px dashed #AA0000;
  padding: 4px;
}
*/
/* Formulareingabefelder markieren */
form input,
form select,
form textarea {
    border: 2px solid #FF9900;
}

/* Fehlermeldungen hervorheben */
.error {
    background-color: #FFCCCC;
    border: 2px solid #FF0000;
    padding: 4px;
}

/* Kontrastmodus als Klasse nutzbar machen */
body.high-contrast {
    filter: contrast(200%) brightness(90%) !important;
}

/* Live-Region (unsichtbar lassen) */
[aria-live] {
    display: none;
}

/* WICHTIG: Dropdown-Menü sichtbar machen, wenn .show-Klasse gesetzt ist */
.nav-item.dropdown.submenu.show > .dropdown-menu {
    display: block !important;
}

/* Barrierefreiheit für Magnific Popup Modal */
#mfp-wrap[role="dialog"] {
    outline: none !important;
}

/* ################# */
.form-group label {
    float: left;
}

.sidemenu_btn {
    font-size: .71em;
}