@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 nach Klinikbereich)
   ============================================================ */
/* Home – kein farbiger Akzent */
.mod-menu .item-101 { border-left-color: transparent; }
/* Anästhesie */
.mod-menu .item-102,
.mod-menu .item-251 { border-left-color: #30A6D0; }

/* Intensivmedizin */
.mod-menu .item-103,
.mod-menu .item-264 { border-left-color: #B22125; }

/* Notfallmedizin */
.mod-menu .item-104,
.mod-menu .item-396 { border-left-color: #9CBA3A; }

/* Palliativ */
.mod-menu .item-105 { border-left-color: #9963C2; }

/* Hyperbar */
.mod-menu .item-482 { border-left-color: #18AD9E; }

/* Schmerztherapie */
.mod-menu .item-106 { border-left-color: #DAC43F; }

/* Intranet */
.mod-menu .item-141,
.mod-menu .item-550 { border-left-color: red; }

/* ============================================================
   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;
}