.section-sorten-slider {
    position: relative;
    padding-top: 30px; /* wg Header-Welle */
}

.is-mobile .section-sorten-slider .top-text {
    margin-top: 50px;
    margin-bottom: 50px;
}

.is-mobile .section-sorten-slider .slick-slider-wrapper {
    position: relative;
    z-index: 5;
}


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

   /*.dark-swoosh {
        bottom: 50px;
        background-image: url("/img/welle/mobile/welle-2.png");
    }*/

}


.flavour-text-block  {
    margin-top: 60px;
    margin-bottom: 60px;

    margin-left: auto;
    margin-right: auto;
}

.flavour-text-block p {

    margin-left: auto;
    margin-right: auto;
}

.genuss-text  {
    max-width: 700px;
}

.genuss-text p {

    max-width: 700px;
}




/* sorten slider */

.slick-slider {
    transform: scale(1.3,1.3); /* wg. Anschnitt */
}

.slick-list {

    overflow: inherit;

}

.slick-track {
    position: relative;
    margin-top: 50%;
}
.slick-track .slick-slide {
     /*margin-top: -50%;*/
 //transform: scale(0.8,0.8);
     transform: scale(0.97,0.97);
 }
.slick-track .slick-slide.slick-center {
//transform: scale(1,1);
    transform: scale(1.14,1.14);
}

.is-mobile .slick-track .slick-slide {
    /*transform: scale(1.9,1.9);*/
    transform: scale(1.1,1.1);
    /*ransform: scale(4,4);*/
}
.is-mobile .slick-track .slick-slide.slick-center {
    /*transform: scale(2.6,2.6);*/
    transform: scale(1.6,1.6);
    /*transform: scale(6,6);*/
}

/* hinbiegen, dass die Positionen mobil stimmen */
.is-mobile .alle-sorten {
    width: 600px;
}
.is-mobile .slick-track {
    margin-left: -85px; /* 130 */
    top: 20px;
}
.is-mobile .slick-track .slick-slide {
    margin-left: 24px;
    margin-right: 24px;
}
.is-mobile .slick-track .slick-slide.slick-active {
    margin-top: -70px;
}


.is-mobile .slick-track .slick-center .sorte > div.mobile-button {
    width: 20px;
    height: 20px;
}
.dark-swoosh {
    /*display: none;*/
}






.slick-track .slick-slide img {
    margin-top: -50%;
}

.sorte {
    /*position: relative;*/
}
.sorte > img {
    /*display: block;*/
}

.slick-track {
    margin-top: 35%; // war 20
}
.slick-track .sorte > img.front {

}
.slick-track .sorte > img.back {
    position: absolute;
    top: 0;
    display: none;
}
.slick-track .slick-center .sorte > div.mobile-button {
    position: absolute;
    top: -204px;
    right: 0;
    /*display: none; (immer zeigen) */
    background-image: url("/img/page-curl-transparent-mobile.png");
    background-size: cover;
    width: 58px;
    height: 58px;
    pointer-events: none; /* ignore pointer events => regular hover on card works */
}

.is-mobile .slick-track .slick-center .sorte > div.mobile-button {

    top: 0;

    display: block;
    cursor: pointer;
    pointer-events: inherit;
}

/* slick slider nav */
.section-sorten-slider .slick-prev {
    left: 15px;
}
.section-sorten-slider .slick-next {
    right: 15px;
}

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

   /* .slick-track .slick-center .sorte > div.mobile-button {
        display: block;
        cursor: pointer;
    }*/

}

.slick-track .slick-center .sorte {
    cursor: pointer;
}

.slick-track .sorte.hovered > img.back {
    display: block;
    opacity: 1;
}





* {
    box-sizing: border-box;
}

.slider {
    width: 100%;
    margin: 100px auto;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.section-sorten-slider .slick-prev:before,
.section-sorten-slider .slick-next:before {
    font-size: 40px;
}


.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    /*opacity: .5;*/
    opacity: 1;
}

.slick-current {
    /*opacity: 1;*/
}

.slick-slider-nav {
    position: relative;
    top: -180px;
    z-index: 100;
    width: 100px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
}


.is-mobile .slick-track .slick-slide img {
    margin-top: 0;
}

.is-mobile .section-sorten-slider .slick-prev:before,
.is-mobile .section-sorten-slider .slick-next:before {
    font-size: 40px;
}

.is-mobile .slick-slider-nav {
    top: -150px; /* wg blocking white space */
}

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

   /* .slick-track .slick-slide img {
        margin-top: 0;
    }

    .section-sorten-slider .slick-prev:before,
    .section-sorten-slider .slick-next:before {
        font-size: 40px;
    }

    .slick-slider-nav {
        top: -150px; /* wg blocking white space */
    }
*/

}