/* ==========================================================================
   1. LOGO & HEADER (WEISS)
   ========================================================================== */
.header {
    background-color: #ffffff !important;
    background-image: none !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.header .navbar-brand a, 
.header .site-title {
    color: #111111 !important;
}

/* ==========================================================================
   2. MENÜ-BALKEN & DROPDOWNS (BLAU #1a3867 & HOVER)
   ========================================================================== */
.header .container-nav {
    background-color: #1a3867 !important; /* Ihr Blau */
    margin-top: 10px;
}

/* Links im Hauptmenü weiß färben */
.header .container-nav a,
.header .container-nav .mod-menu a {
    color: #ffffff !important;
}

/* Zeigt das Dropdown beim Hovern (nur auf Desktop) */
@media (min-width: 992px) {
    .header .container-nav li:hover > ul,
    .header .container-nav .dropdown:hover > .dropdown-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #1a3867 !important;
        z-index: 1000;
        min-width: 160px;
    }
    
    .header .container-nav .dropdown-menu a {
        padding: 8px 15px !important;
        display: block !important;
    }
    
    .header .container-nav .dropdown-menu a:hover {
        background-color: #224984 !important;
    }
}

/* ==========================================================================
   3. FOOTER (HORIZONTAL & ZENTRIERT)
   ========================================================================== */
.footer .grid-child,
.grid-child.container-footer {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

footer .mod-menu {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    list-style: none !important;
    padding: 0 !important;
    gap: 25px;
}