/*
 * Tobii Lightbox – eigenes CSS
 *
 * Diese Datei wird automatisch nach tobii.min.css geladen.
 * Hier können Tobii-Styles überschrieben werden.
 *
 * Nützliche CSS-Variablen von Tobii:
 *
 * --tobii-background:         Hintergrundfarbe des Overlays
 * --tobii-btn-background:     Hintergrund der Buttons (Vor/Zurück/Schließen)
 * --tobii-btn-color:          Farbe der Button-Icons
 * --tobii-figcaption-color:   Textfarbe der Bildunterschrift
 *
 * Beispiele:
 *
 * .tobii {
 *     --tobii-background: rgba(0, 0, 0, 0.9);
 *     --tobii-figcaption-color: #ffffff;
 * }
 */

 :root {
    --tobii-lightbox-z-index: 71337
 }

 button.tobii__btn {
    padding: 0!important;
    margin: 0!important;
 }
 button.tobii__btn.tobii__btn--close {
    top: 1rem;
    right: 1rem;
}

button.caption-toggle {
    padding-inline: .3rem!important;
}

.tobii figcaption {
    max-height: 20vh;
    overflow-y: auto;
}

@media(max-width: 767px) {
    .tobii__slide figure>figcaption {
        position: relative;
    }
}