/* =========================================================
   PLUS-ZEIT – CASSIOPEIA ANPASSUNGEN
   ========================================================= */


/* ---------------------------------------------------------
   HEADER / NAVIGATION
   --------------------------------------------------------- */

/* Blauen Cassiopeia-Hintergrund entfernen */
.container-header {
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Navigationsbereich */
.container-header .container-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

/* Menü nach rechts schieben */
.container-header .mod-menu {
    display: flex !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    width: auto !important;
}


/* ---------------------------------------------------------
   MENÜPUNKTE
   --------------------------------------------------------- */

/* Menüschrift */
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
    color: #222222 !important;
    text-decoration: none !important;
}

/* Hover */
.container-header .mod-menu > li > a:hover {
    color: #26366f !important;
}

/* Aktiver Menüpunkt */
.container-header .mod-menu > li.active > a,
.container-header .mod-menu > li.current > a {
    color: #26366f !important;
}


/* ---------------------------------------------------------
   HEADER ABSTÄNDE
   --------------------------------------------------------- */

.container-header .container-nav {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/* ---------------------------------------------------------
   MOBILE NAVIGATION
   --------------------------------------------------------- */

@media (max-width: 991px) {

    .container-header .container-nav {
        justify-content: flex-start !important;
    }

    .container-header .mod-menu {
        margin-left: 0 !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }
}
/* Navigation NUR auf Handy */
@media (max-width: 767px) {

    .container-header .container-nav {
        display: flex !important;
        justify-content: flex-end !important;
    }

    .container-header .mod-menu {
        width: 100% !important;
        align-items: flex-end !important;
    }

    .container-header .mod-menu > li {
        text-align: right !important;
    }

}