/**
 * B3 INTERACTIVE | Warengruppen-Galerie
 * Version 1.1.6
 *
 * Elementor behält sein komplettes Galerie-Layout.
 * Wir ergänzen ausschließlich Captions und deaktivieren das Overlay.
 */

/* Elementor-Overlay konsequent deaktivieren. */
.warengruppen-galerie .elementor-gallery-item__overlay,
.warengruppen-galerie .elementor-gallery-item__title,
.warengruppen-galerie .elementor-gallery-item__description {
    display: none !important;
}

/* Kein Zoom, Filter, Abdunkeln oder sonstiger Bild-Hover. */
.warengruppen-galerie .e-gallery-item,
.warengruppen-galerie .e-gallery-item:hover,
.warengruppen-galerie .e-gallery-image,
.warengruppen-galerie .e-gallery-item:hover .e-gallery-image {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    scale: 1 !important;
    transition: none !important;
}

.warengruppen-galerie .e-gallery-item::before,
.warengruppen-galerie .e-gallery-item::after {
    display: none !important;
    content: none !important;
}

/*
 * Die Caption wird innerhalb des bestehenden Elementor-Galerie-Items
 * positioniert. Das Galerie-Layout selbst bleibt unangetastet.
 */
.warengruppen-galerie .e-gallery-item {
    overflow: visible !important;
}

.warengruppen-galerie .b3-gallery-caption {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-style: normal;
    text-align: center;
    white-space: normal;
    pointer-events: none;
}

/*
 * Etwas Luft unter der gesamten Galerie, damit die letzte Caption-Zeile
 * nicht in den folgenden Inhalt hineinläuft.
 */
.warengruppen-galerie .e-gallery-container {
    margin-bottom: 44px !important;
}