/*
 * Joomla 5/6 – Hilfsklassen und Markup, die Bootstrap 3 nicht kennt.
 * Wird nach den übrigen Template-CSS geladen.
 */

/* Nur für Screenreader (Bootstrap 5: .visually-hidden, Bootstrap 3 hieß das .sr-only) */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/*
 * Hauptmenü: Aufklapp-Button von mod_menu (ab Joomla 5.3).
 * Maus: Untermenüs öffnen weiter per Hover, der Button bleibt unsichtbar.
 * Tastatur: Button erscheint bei Fokus, menu.js öffnet das Untermenü (.show-menu).
 */
.mainmenu .mod-menu__toggle-sub {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    background: none;
}

.mainmenu .mod-menu__toggle-sub:focus-visible {
    position: static;
    width: auto;
    height: auto;
    margin: 0 0 0 2px;
    padding: 2px 6px;
    overflow: visible;
    clip: auto;
    color: var(--weiss);
    background: var(--sekundaerfarbe);
    border-radius: 5px;
    outline: 2px solid var(--primaerfarbe);
}

.mainmenu .mod-menu__toggle-sub .icon-chevron-down::before {
    content: "\25BE";
}

.mainmenu ul ul.show-menu {
    display: block !important;
}

/* Mobiles Menü (Mobile Menu CK) hat eigene Aufklapper */
.mobilemenuck .mod-menu__toggle-sub {
    display: none !important;
}