.outer-trennerSlider {
    position: relative;
    padding: 2rem 0;
    .s_container {
        height: 100%;
        background-size: cover;
        background-position: center;
        position: relative;
        h4 {
            color: var(--farbedunkel);
            text-transform: uppercase;
            padding: 2rem;
        }
        .container-inner {
            .carousel {
                width: 100%;
                .carousel-cell {
                    width: 100%;
                    margin: 0 10px;
                    cursor: pointer;
                    transition: width .3s;
                    &.is-selected {
                        opacity: 1;
                        z-index: 10;
                    }
                    .carousel-content {
                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                }
                .flickity-prev-next-button {
                    background-color: var(--farbehell)!important;
                    .arrow {
                        fill: var(--black)!important;
                    }
                }
            }
        }
    }
}











@media (min-width: 1200px) {
    .outer-trennerSlider {
        padding: 4rem 0rem;
        .s_container {
            h4 {
                padding: 2rem 4rem;
            }
            .container-inner {
                .carousel {
                    .carousel-cell {
                        width: 20%;
                    }
                }
            }
        }
    }
}