@charset "utf-8";
/* ============================================================
   Linkes Navigationsmenü – Joomla 4/6 (mod-menu Klassen)
   ============================================================ */

/* --- Container-Reset --- */
.mod-menu,
.mod-menu__sub {
    list-style: none;
    padding:    0;
    margin:     0;
}

/* --- Bootstrap-Schutz ---
   Auf Editier-Seiten (Artikel-Editor, Medienmanager) wird Bootstrap geladen.
   Dessen `.nav { display:flex }` würde unser vertikales Sidebar-Menü
   (Klasse "...nav...") horizontal umbrechen. Nur das TOP-LEVEL-<ul> auf
   vertikal zwingen — die Sub-<ul>s haben keine .nav-Klasse und werden
   weiterhin von der Accordion-Logik gesteuert. */
ul.mod-menu.nav {
    display: block !important;
}

/* --- Item-Layout: Link + Toggle-Button nebeneinander, Untermenü darunter --- */
.mod-menu .nav-item {
    display:     flex;
    flex-wrap:   wrap;
    align-items: stretch;
    border-left: 2px solid #777;
}
.mod-menu__sub .nav-item {
    border-left: none;
}

/* --- Hauptlinks (Ebene 1) --- */
.mod-menu .nav-item > a {
    flex:            1 1 auto;
    display:         block;
    color:           #00395D;
    font-size:       12px;
    text-decoration: none;
    padding:         6px;
    border-bottom:   1px solid #F3F3F3;
    line-height:     1.35;
}
.mod-menu .nav-item > a:hover {
    color: #E85611;
}

/* --- Aktiver Vorfahre (Breadcrumb-Pfad, aber nicht die Seite selbst) --- */
.mod-menu .nav-item.active > a {
    background-color: #E7F4FA;
    font-weight:      bold;
}

/* --- Aktueller Menüpunkt (genau diese Seite) --- */
.mod-menu .nav-item.current > a {
    color:            #E85611;
    font-weight:      bold;
    background-color: #FFF3EE;
    border-left:      3px solid #E85611;
    margin-left:      -2px;   /* gleicht die 2px Item-Borderleft aus */
    padding-left:     5px;
}

/* --- Toggle-Button: ausgeblendet (Untermenüs sind statisch sichtbar) --- */
.mod-menu__toggle-sub {
    display: none;
}

/* --- Untermenü: immer sichtbar (linke Sidebar, kleines Menü) ---
   Das Joomla-JS (menu.js) setzt aria-hidden="true" auf alle sub-ULs beim Laden.
   mod-menu.css versteckt diese dann per :where()-Selektor (Spezifität 0).
   Wir überschreiben mit Attribut-Selektor (Spezifität > 0) direkt. */
.mod-menu__sub,
.mod-menu__sub[aria-hidden="true"],
.mod-menu__sub[aria-hidden="false"] {
    display:      block !important;
    flex:         0 0 100%;
    padding-left: 15px;
}

/* --- Untermenü-Links --- */
.mod-menu__sub .nav-item > a {
    font-size:        12px;
    color:            #00395D;
    text-decoration:  none;
    display:          block;
    padding:          3px 6px 3px 12px;
    border-bottom:    1px solid #F3F3F3;
    background:       url('../images/arrow.gif') left center no-repeat;
}
.mod-menu__sub .nav-item > a:hover {
    color: #E85611;
}
.mod-menu__sub .nav-item.current > a {
    color:       #E85611;
    font-weight: bold;
}
.mod-menu__sub .nav-item.active > a {
    font-weight: bold;
}

/* --- Separator / Divider --- */
.mod-menu .divider {
    height: 12px;
    background: #b5b5b5;
}
.mod-menu .divider > a,
.mod-menu .divider > span {
    font-size: 0;
    padding:   3px 0;
}

/* ============================================================
   Farbakzente — farbige linke Border je Menüpunkt (nur Ebene 1)
   ------------------------------------------------------------
   Untermenüs bekommen bewusst keinen Balken (siehe .mod-menu__sub
   .nav-item weiter oben). Die Farben sind nach den Gruppen zwischen
   den Trennern gebündelt: je Gruppe eine Farbfamilie, damit das Menü
   geordnet wirkt und nicht bunt. Alles Nichtgenannte bleibt #777.

   Vorher stand hier der Farbblock des öffentlichen Webauftritts
   (nach Klinikbereichen). Dessen IDs trafen in diesem Menü zufällig
   andere Einträge — daher u.a. das rote „Termine".
   ============================================================ */

/* Aktuelles */
.mod-menu .item-145 { border-left-color: #E3A183; }  /* News */

/* Dienst & Zeit */
.mod-menu .item-131 { border-left-color: #94C0DA; }  /* Tagesverteilung Ärzte */
.mod-menu .item-129 { border-left-color: #7FB2D2; }  /* Dienstplan */
.mod-menu .item-128 { border-left-color: #9ECEB8; }  /* Urlaub */

/* Wissen, Technik & Termine */
.mod-menu .item-137 { border-left-color: #AEBFCB; }  /* Dokumente / Downloads */
.mod-menu .item-144 { border-left-color: #BAB0D6; }  /* Vorträge & Videos */
.mod-menu .item-110 { border-left-color: #DCBE8B; }  /* Gerätedatenbank */
.mod-menu .item-125 { border-left-color: #DFA78F; }  /* Pflichtunterweisungen */
.mod-menu .item-141 { border-left-color: #DE8B8B;     }  /* Termine — kräftigster Ton der Reihe, behält Signalwirkung */

/* Lehre */
.mod-menu .item-148 { border-left-color: #DCCE8F; }  /* Studentische Lehre */

/* Forschung */
.mod-menu .item-147 { border-left-color: #A3ACD4; }  /* Dokumente Forschung */
.mod-menu .item-111 { border-left-color: #B2BADC; }  /* Studie HECVEC */
.mod-menu .item-112 { border-left-color: #C1C7E5; }  /* Studie Incorrect */

/* Verwaltung */
.mod-menu .item-109 { border-left-color: #C6B6C2; }  /* Benutzerverwaltung */
.mod-menu .item-114 { border-left-color: #D2B9C2; }  /* Personaldatenbank */
.mod-menu .item-120 { border-left-color: #C2C2CB; }  /* Benutzerkonto bearbeiten */

/* Login neutral — vorher durch eine Altregel versehentlich blau */
.mod-menu .item-102 { border-left-color: #CFCFCF; }

/* ============================================================
   Intranet-Schlüssel-Icon (class="intranet" am <a>)
   ============================================================ */
.mod-menu a.intranet {
    padding-left:      20px;
    background-image:  url('../images/key.png');
    background-repeat: no-repeat;
    background-position: left center;
}

/* ============================================================
   Quicklink-Modul (linke Spalte)
   ============================================================ */
.moduletableQuicklink select {
    width:      80%;
    border:     1px solid #808285;
    color:      #00395D;
    font-size:  12px;
}
div.moduletableQuicklink {
    border-left:   2px solid #777;
    padding:       6px 0 6px 1px;
    margin:        10px 0;
    border-top:    1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
}

/* ============================================================
   Kopfmenü (#head)
   ============================================================ */
ul.menu_head { list-style: none; display: block; padding: 0; margin: 0; }
.menu_head li { float: right; padding: 0 5px; margin: 1px 0; border-right: 1px solid #808285; }

#head_menu a:link,
#head_menu a:visited {
    text-decoration: none;
    color:           #808285;
    font-size:       11px;
    display:         inline-block;
    line-height:     12px;
}
#head_menu a:hover { border-bottom: 1px dotted #808285; background-color: inherit; }

/* ============================================================
   Fußmenü (#foot)
   ============================================================ */
ul.menu_foot { list-style: none; margin: 0; padding: 0; }
ul.menu_foot li { float: right; padding: 0 5px; margin: 5px 0; border-right: 1px solid #008AC9; }

.menu_foot a:link,
.menu_foot a:visited {
    text-decoration: none;
    font-size:       11px;
    line-height:     13px;
    color:           #008AC9;
    display:         block;
}
#foot .menu_foot a:hover { border-bottom: 1px dotted #008AC9; background-color: inherit; }

/* ============================================================
   Vertikales Modul / Logo-Link (Fußzeile)
   ============================================================ */
.moduletable_vert { display: inline; float: right; }
.moduletable_vert .cdlogin-logout-greeting { display: none; }

div.cd_moduletitle_logo { background-image: none !important; }
div.cd_moduletitle_logo a {
    text-decoration: none;
    font-size:       11px;
    line-height:     13px;
    color:           #008AC9;
    display:         block;
    float:           right;
    padding:         0 5px;
    margin:          5px 0;
    border-right:    1px solid #008AC9;
}