/* CSS-Anpassungen für das größere Logo */

/* Erhöhe die Höhe des Headers, um das größere Logo aufzunehmen */
.header {
    padding: 20px 0;
}

/* Anpassung der Logo-Größe im Header */
.logo img {
    height: auto;
    max-height: 80px;
    width: auto;
    max-width: 100%;
}

/* Anpassung für mobile Geräte */
@media (max-width: 767px) {
    .logo img {
        max-height: 60px;
    }
}

/* Anpassung für Footer-Logo */
.footer-logo img {
    height: auto;
    max-height: 60px;
    width: auto;
    filter: brightness(0) invert(1);
}