.outer-textbildslider {
    position: relative;
    padding: var(--paddingMobile);
    .s_container {
        height: 100%;
        background-size: cover;
        background-position: center;
        position: relative;
        h5 {
            color: var(--farbedunkel);
            text-transform: uppercase;
            padding: 2rem 0rem;
            max-width: 870px;
        }
        .container-inner {
            .carousel {
                width: 100%;
                .carousel-cell {
                    width: 100%;
                    margin: 0 10px;
                    cursor: pointer;
                    transition: width .3s;
                    .carousel-content {
                        position: relative;
                        border-radius: 16px;
                        &::after {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            background-color: rgba(0,0,0,.7);
                            border-radius: 16px;
                        }
                        img {
                            width: 100%;
                            height: 100%;
                            border-radius: 16px;
                            object-fit: cover;
                        }
                        .text {
                            position: absolute;
                            bottom: 1.25rem;
                            left: 1.25rem;
                            max-width: 355px;
                            height: fit-content;
                            z-index: 1;
                            h5 {
                                color: var(--white);
                                padding: 0;
                            }
                        }
                    }
                }
                .flickity-prev-next-button {
                    background-color: var(--farbehell)!important;
                    .arrow {
                        fill: var(--black)!important;
                    }
                }
            }
        }
    }
}











@media (min-width: 1200px) {
    .outer-textbildslider {
        padding: var(--paddingDesktop);
        .s_container {
           
            .container-inner {
                .carousel {
                    .carousel-cell {
                        width: calc(33.33% - 20px);
                    }
                }
            }
        }
    }
}