.quote-slider {
    max-width: 100%;
    width: 100%;
}


.quote-slider .splide {
    visibility: visible;
    overflow: hidden;
    max-width: 100%;
}

#bild_und_text-karussell .slide-content {
    display: flex;
    flex-direction: row;
    height: auto;
    gap: var(--gap);
    max-width: 100%;
}

#bild_und_text-karussell .slide-content > :only-child {
    height: 100%;
}

#bild_und_text-karussell .quote {
    margin-bottom: 10rem;
    display: flex;
    flex-direction: row;
}

#bild_und_text-karussell p {
    margin-bottom: 0;
}

#bild_und_text-karussell .splide__pagination {
    display: flex;
}

/* Pagination Punkte */
#bild_und_text-karussell .splide__pagination__page {
    background: var(--headline-color);
    height: 1rem;
    margin: 0.5rem;
    opacity: 1;
    width: 1rem;
}

/* Pagination Punkte */
#bild_und_text-karussell .splide__pagination__page.is-active {
    background: var(--secondary);
    transform: scale(1);
    z-index: 1;
}

/* Damit es im Div mit drinnen ist */
#bild_und_text-karussell .splide__pagination {
    position: static;
}

#bild_und_text-karussell .person {
    height: fit-content;
    align-self: flex-end;
}

#bild_und_text-karussell img + figcaption {
    font-size: 1.8rem;
    margin-top: 2rem;
}

#bild_und_text-karussell .slide-content .quote {
    display: flex;
    gap: var(--gap);
    overflow: visible;
    flex-wrap: nowrap;
}

#bild_und_text-karussell .slide-content .quote .text {
    padding-top: 5rem;
}

/* Anführungszeichen unten */
#bild_und_text-karussell .slide-content .quote:before {
    content: '';
    display: block;
    background-image: url(anführungszeichen_unten.svg);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
    width: 1rem;
    flex-grow: 1;
    aspect-ratio: 1;
    flex-shrink: 0;
    position: relative;
    overflow: visible;
}

/* Anführungszeichen oben */
#bild_und_text-karussell .slide-content .quote:after {
    content: '';
    display: block;
    background-image: url(anführungszeichen_oben.svg);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
    width: 1rem;
    flex-grow: 1;
    aspect-ratio: 1;
    flex-shrink: 0;
    align-self: flex-end;
}

#bild_und_text-karussell-track {
    margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {

    .quote-slider .splide {
        display: flex;
        flex-direction: column-reverse;
        gap: 1em
    }
    
    #bild_und_text-karussell .slide-content:not(.is-active) {
        display: none;
    }

    #bild_und_text-karussell .slide-content:not(.is-initialized *) {
        display: block;
    }

    #bild_und_text-karussell .slide-content .quote {
        gap: 0;
    }
}