/* === Logo-Größe === */
.container-header .navbar-brand img {
    max-height: 60px;
    width: auto;
}

/* === Header: voller blauer Balken, Inhalt auf 1320px zentriert === */
.container-header {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center;
    padding-left: max(1rem, (100% - 1320px) / 2) !important;
    padding-right: max(1rem, (100% - 1320px) / 2) !important;
}

/* Logo: linke Spalte */
.container-header > .grid-child:first-child {
    grid-column: 1;
    justify-self: start;
    width: auto !important;
}

/* Alle Links-Abstände der Logo-Kette auf 0 -> bündig mit dem Text */
.container-header > .grid-child:first-child,
.container-header .navbar-brand,
.container-header .brand-logo {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Menü: mittlere Spalte = echte Seitenmitte */
.container-header > .container-nav {
    grid-column: 2;
    justify-self: center;
}

/* Schmale Schirme: Hamburger nach rechts statt mittig (bleibt Raster, kein Stapeln) */
@media (max-width: 991px) {
    .container-header > .container-nav {
        grid-column: 3;
        justify-self: end;
    }
}

.container-header .mod-menu {
    font-size: 0.7rem;
}