/* ==========================================
   Header: Weißer Hintergrund
   ========================================== */

.container-header,
.container-header .container-nav {
    background: #ffffff;
}

/* ==========================================
   Header-Layout: Logo links, Menü rechts
   ========================================== */

.container-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.container-header .container-nav {
    margin-left: auto;
}

/* ==========================================
   Logo
   ========================================== */

.navbar-brand img {
    max-height: 96px;
    width: auto;
}

/* ==========================================
   Menü: schwarze Schrift
   ========================================== */

.container-header .mod-menu a,
.container-header .mod-menu li > a,
.container-header .mod-menu li > span,
.container-header .navbar-brand,
.container-header .navbar-brand a {
    color: #000000;
}

/* Hover-Farbe */
.container-header .mod-menu a:hover,
.container-header .mod-menu a:focus {
    color: #003366;
}

/* ==========================================
   Hamburger-Menü
   ========================================== */

.container-header .navbar-toggler {
    color: #000000;
    border-color: transparent;
}

/* ==========================================
   Dropdown-Menüs
   ========================================== */

.container-header .dropdown-menu {
    background: #ffffff;
}

.container-header .dropdown-menu a {
    color: #000000;
}

/* ==========================================
   Mobile Ansicht
   ========================================== */

@media (max-width: 768px) {

    .container-header {
        flex-wrap: nowrap;
    }

    .navbar-brand img {
        max-height: 60px;
        max-width: 220px;
        width: auto;
    }

    .container-header .container-nav {
        margin-left: auto;
    }
}

.container-header .navbar-collapse {
    justify-content: flex-end;
}

.container-header .mod-menu {
    justify-content: flex-end;
}

.container-header .navbar {
    justify-content: flex-end;
}