/* Footer Logos - Korrekte CSS basierend auf tatsächlicher HTML-Struktur */

/* Spezifisch für das Logo Content Element (c194) */
#c194 img {
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
}

/* Allgemein für alle Gallery-Items im Footer */
.footer .gallery-item img {
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
}

/* Allgemein für alle Figure-Images im Footer */
.footer figure.image img {
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
}

/* Über Frame-Typ (Image Content Elements) */
.footer .frame-type-image img {
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
}

/* Zusätzlich: Picture Element überschreiben */
.footer picture img {
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
}

/* Gallery-Row im Footer */
.footer .gallery-row img {
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
}

/* Logos zentrieren */
.footer .gallery-item {
    text-align: center;
}

.footer figure.image {
    text-align: center;
    margin: 0;
}

.footer .gallery-item img,
.footer figure.image img {
    display: block;
    margin: 0 auto;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    #c194 img,
    .footer .gallery-item img,
    .footer figure.image img,
    .footer .frame-type-image img,
    .footer picture img,
    .footer .gallery-row img {
        max-width: 60px !important;
    }
}

/* Abstände zwischen Logos */
.footer .gallery-item {
    margin-bottom: 15px;
}

.footer .gallery-item:last-child {
    margin-bottom: 0;
}

/* Hover-Effekt für Footer-Logos */
.footer .gallery-item img:hover,
.footer figure.image img:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

/* Bootstrap Package responsive Bilder überschreiben */
.footer .gallery-item picture,
.footer figure.image picture {
    display: block;
    width: auto;
    max-width: 80px;
    margin: 0 auto;
}

/* Spezifische Überschreibung für verschiedene Viewport-Größen */
.footer .gallery-item source,
.footer figure.image source {
    display: none !important;
}

/* Fallback: Alle Bilder im Footer-Bereich kleiner machen */
.footer img[src*="Brand_logos"] {
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
}