
/* BEGIN STICHPROBE GRAFIKEN */

/* Kopfbereich */
.container-header {
    background: linear-gradient(90deg, #192e5c, #394175);
}

.container-header .navbar-brand img {
    max-height: 100px;
    max-width: min(100%, 380px);
    width: auto;
    height: auto;
}

/* Grafikzeile auf allen Seiten */
.footer-grafiken {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 25px 15px;
    margin: 30px auto 10px;
}

.footer-grafiken img {
    max-height: 60px;
    max-width: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Mobilgeräte */
@media (max-width: 600px) {
    .footer-grafiken {
        gap: 14px;
    }

    .footer-grafiken img {
        max-height: 42px;
        max-width: 110px;
    }
}

/* END STICHPROBE GRAFIKEN */

/* Breite Software-Grafik */
.footer-grafiken img {
    width: auto;
    max-width: 100%;
    max-height: none;
    height: auto;
}

/* Stichprobe: Kopfbereich ohne blauen Hintergrund */
.container-header {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.container-header .mod-menu,
.container-header .mod-menu a,
.container-header .navbar-brand a {
    color: #222 !important;
}

.container-header .mod-menu .active > a,
.container-header .mod-menu .current > a {
    color: #1769aa !important;
}

