/* Den Container des Carousels auf vertikal umstellen */
.lightbox-carousel .carousel-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
}

/* Den Div, der das Bild umschließt, auf volle Breite bringen */
.lightbox-carousel .carousel-item .d-flex {
    width: 100%;
    display: block !important; /* Hebt das horizontale Flex auf */
    text-align: center;
}

/* Das Bild korrekt einpassen */
.lightbox-carousel .carousel-item img {
    max-height: 75vh; /* Platz für die Caption lassen */
    width: auto !important;
    max-width: 100%;
    margin: 0 auto;
}

/* Die Caption unter dem Bild */
.lightbox-carousel .lightbox-caption {
    display: block !important;
    width: 100%;
    background-color: black;
    color: #c3c3c3!important;
    position: relative!important;
	font-style:normal!important;
}

/* Der Spinner ist standardmäßig da, wenn das Modal öffnet */
.lightbox-carousel .translate-middle {
    display: flex !important;
    justify-content: center;
    align-items: center;
    z-index: 5;
    pointer-events: none;
}

/* Korrektur für die Spinner-Größe im Style-Attribut */
.lightbox-carousel .spinner-border {
    width: 3rem !important;
    height: 3rem !important;
    border-width: 0.25em;
    color: #c3c3c3 !important; /* Goldton */
}