ul.mod-login___options,
ul.mod-login__options {
    display: none !important;
}


/* Textgröße der gesamten Breadcrumb-Leiste ändern */
.breadcrumb {
    font-size: 11px; /* Standardwert nach Wunsch anpassen, z.B. 12px oder 16px */
}



/* Login-Modul begrenzen und zentrieren */
.login-centered {
    max-width: 400px;       /* Gewünschte maximale Breite des Moduls */
    width: 100%;            /* Sorgt für Flexibilität auf Mobilgeräten */
    margin-left: auto;      /* Zentriert das Modul horizontal */
    margin-right: auto;     /* Zentriert das Modul horizontal */
    float: none !important; /* Verhindert das Links-/Rechts-Ausrichten durch das Template */
}

/* Optional: Inhalte innerhalb des Moduls (Texte/Buttons) ebenfalls zentrieren */
.login-centered form {
    text-align: center;
}


/* Login-Modul komplett zentrieren */
.mod-login, 
div.login {
    margin: 0 auto;
    max-width: 350px; /* Begrenzt die Breite auf ein optisch schönes Maß */
    float: none !important;
}

/* Inhalte und Buttons innerhalb des Moduls zentrieren */
.mod-login form {
    text-align: center;
}






/* ==================================================
   MAIN MENU – ALLROUNDER 6
   ================================================== */

/* ---------- 1. MENÜEBENE ---------- */

ul.menu-horizontal {
    display: flex !important;
    gap: 3px !important;
}

ul.menu-horizontal > li > a {
    font-size: 20px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

ul.menu-horizontal > li > a:hover,
ul.menu-horizontal > li > a:focus,
ul.menu-horizontal > li.current > a,
ul.menu-horizontal > li.active > a {
    color: #ffffff !important;
    text-decoration: none !important;
}


/* ---------- 2. MENÜEBENE ---------- */

/* Untermenü */
ul.menu-horizontal li ul {
    background-color: #175764 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Untermenü-Punkte */
ul.menu-horizontal li ul > li {
    background-color: #175764 !important;
    border: none !important;
    margin: 0 0 3px 0 !important;
}

/* Untermenü-Links */
ul.menu-horizontal li ul > li > a {
    display: block !important;
    font-size: 16px !important;
    color: #ffffff !important;
    background-color: #175764 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 3px !important;
    text-decoration: none !important;
}

/* Hover Untermenü */
ul.menu-horizontal li ul > li > a:hover,
ul.menu-horizontal li ul > li > a:focus {
    color: #ffffff !important;
    background-color: #175764 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* ==================================================
   HAUPTMENÜ – MOUSEOVER
   ================================================== */

ul.menu-horizontal > li > a {
    font-size: 20px !important;
    font-weight: normal !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: none !important;
}

/* Mouseover: fett, aber keine Vergrößerung */
ul.menu-horizontal > li:hover > a,
ul.menu-horizontal > li:hover > a span {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: none !important;
    
}

/* Fokus/Aktiv */
ul.menu-horizontal > li > a:focus,
ul.menu-horizontal > li.current > a,
ul.menu-horizontal > li.active > a {
    font-size: 20px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* AUFTRITTE I PROJEKTE – nicht anklickbar */
ul.menu-horizontal > li.item-129 > a {
    pointer-events: none !important;
    cursor: default !important;
}



ul.menu-horizontal > li {
    min-width: 150px !important;
    box-sizing: border-box !important;
}

ul.menu-horizontal > li > a {
    display: block !important;
    box-sizing: border-box !important;
}


ul.menu-horizontal > li.item-129 {
    min-width: 225px !important;
}


ul.menu-horizontal > li.item-177 {
    margin-right: 100px !important;
    padding-right: 0 !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
}                                                



/* Links "Passwort vergessen?" und "Benutzername vergessen?" ausblenden */
a.com-users-login__reset,
a.com-users-login__remind {
    display: none !important;
}



.com-users input,
.com-users select,
.com-users textarea {
    background-color: inherit !important;
    color: inherit !important;
}






/* Joomla Benutzerseiten – Eingabefelder neutral */
body:has(.com-users-login__input) {
    --bs-body-bg: #ffffff !important;
}

body:has(.com-users-login__input) input.form-control,
body:has(.com-users-login__input) input.form-control-danger,
body:has(.com-users-login__input) input.is-invalid {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #001219 !important;
}











#rightcol .sidebar-right .nav .nav-item > a,
#rightcol .sidebar-right .nav .nav-item > a:visited {
    font-size: 20px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    color: inherit !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    background: transparent !important;
    transition: none !important;
}

#rightcol .sidebar-right .nav .nav-item > a:hover,
#rightcol .sidebar-right .nav .nav-item > a:focus {
    font-size: 20px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    color: #000000 !important;
    background: transparent !important;
    background-color: transparent !important;
}

#rightcol .sidebar-right .nav .nav-item:hover {
    background: transparent !important;
}

#rightcol .sidebar-right .nav .nav-item::before,
#rightcol .sidebar-right .nav .nav-item::after,
#rightcol .sidebar-right .nav .nav-item > a::before,
#rightcol .sidebar-right .nav .nav-item > a::after {
    content: none !important;
    display: none !important;
}













/* ==========================================
   INTERNE MENÜS – alle Ebenen 20 px
   ========================================== */

/* Alle Menülinks */
#leftcol .sidebar-left .nav .nav-item > a,
#rightcol .sidebar-right .nav .nav-item > a {
    font-size: 20px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: transparent !important;
    transition: none !important;
}

/* Ebene 2: 10 px einrücken */
#leftcol .sidebar-left .nav > .nav-item > ul,
#rightcol .sidebar-right .nav > .nav-item > ul {
    padding-left: 10px !important;
}

/* Ebene 3: weitere 10 px */
#leftcol .sidebar-left .nav > .nav-item > ul > .nav-item > ul,
#rightcol .sidebar-right .nav > .nav-item > ul > .nav-item > ul {
    padding-left: 10px !important;
}

/* Ebene 4: weitere 10 px */
#leftcol .sidebar-left .nav > .nav-item > ul > .nav-item > ul > .nav-item > ul,
#rightcol .sidebar-right .nav > .nav-item > ul > .nav-item > ul > .nav-item > ul {
    padding-left: 10px !important;
}

/* Hover – Position darf sich NICHT verändern */
#leftcol .sidebar-left .nav .nav-item > a:hover,
#leftcol .sidebar-left .nav .nav-item > a:focus,
#rightcol .sidebar-right .nav .nav-item > a:hover,
#rightcol .sidebar-right .nav .nav-item > a:focus {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    text-decoration: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Hover darf auch am LI nichts verschieben */
#leftcol .sidebar-left .nav .nav-item:hover,
#rightcol .sidebar-right .nav .nav-item:hover {
    margin-left: 0 !important;
    padding-left: 0 !important;
    background: transparent !important; 
    background-color: transparent !important;
}

/* Dreiecke/Pfeile entfernen */
#leftcol .sidebar-left .nav .nav-item::before,
#leftcol .sidebar-left .nav .nav-item::after,
#leftcol .sidebar-left .nav .nav-item > a::before,
#leftcol .sidebar-left .nav .nav-item > a::after,
#rightcol .sidebar-right .nav .nav-item::before,
#rightcol .sidebar-right .nav .nav-item::after,
#rightcol .sidebar-right .nav .nav-item > a::before,
#rightcol .sidebar-right .nav .nav-item > a::after {
    content: none !important;
    display: none !important;
}
*/









/* ==========================================================================
   Interne Menüs: Flex-Layout korrigieren & Bootstrap-Hover erzwingen
   ========================================================================== */

/* 1. Verhindert das Verrutschen des Pfeils, indem die Flex-Zeile stabil gehalten wird */
.intern-hover .metismenu-item,
.intern-hover .nav-item,
.intern-hover li {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* 2. Hintergrundfarbe bei Hover direkt über die Bootstrap-Klasse erzwingen */
.intern-hover .nav-link:hover,
.intern-hover a.nav-link:hover,
.intern-hover .metismenu-item > a:hover {
    background-color: #e5e5e5 !important; /* Hellgrau */
    background: #e5e5e5 !important;
    color: #000000 !important;            /* Schwarze Schrift für guten Kontrast */
    text-decoration: none !important;
    flex-grow: 1 !important;              /* Lässt die graue Farbe den Platz ausfüllen */
}

/* 3. Untermenüs standardmäßig im Hintergrund verstecken */
.intern-hover .mm-collapse, 
.intern-hover ul ul, 
.intern-hover .dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: relative !important;        /* Schiebt nachfolgende Punkte sauber nach unten */
    padding-left: 20px !important;       /* Rückt Unterpunkte optisch ein */
    width: 100% !important;
}

/* 4. Untermenüs beim Drüberfahren (Hover) einblenden */
.intern-hover li:hover > .mm-collapse,
.intern-hover li:hover > ul,
.intern-hover .nav-item.dropdown:hover > .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 5. Gehoverte Untermenü-Punkte zur besseren Unterscheidung leicht dunkler färben */
.intern-hover li ul .nav-link:hover {
    background-color: #d1d1d1 !important; /* Etwas dunkleres Grau */
    background: #d1d1d1 !important;
}