#produktesection {
    padding: 7% 0 2% 0;
    position: relative;
    z-index: 20;
}


.swiper#swiper_produkte {
    width: 1382px;
    height: 880px;
    padding-top: 115px;
    padding-bottom: 134px;
}
.swiper#swiper_produkte .swiper-wrapper {
    padding-left: 0;
}

#swiper_produkte .swiper-slide{
    text-align: center;
    padding-bottom: 7%;
}

.swiper#swiper_produkte img.flavour-carousel__product-image {
    /*width: 200px;*/
    width: calc(1382px / 3 - 36%);
    height: auto;
    margin: 0 auto 0 auto;
    position: relative;
    z-index: 100;
}

.button-next-prod,
.button-prev-prod   {
    position: absolute;
    bottom: 40%;
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    z-index: 111;
}

.button-next-prod {
    right: 11%;
}
.button-prev-prod {
    left: 11%;
}


#swiper_produkte .swiper-slide {
    transform: scale(0.75);
    transition-duration: 0.8s;
    transition-delay: 0.0s;
}
#swiper_produkte .swiper-slide.swiper-slide-active{
    transform: scale(1.0);
    transition-delay: 0.8s;
}



/* Video-Container: */
.flavour-carousel__product-background{
    /*display: none;*/
    position: absolute;
    z-index: 10;
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
    width: 99%;
    height: 60%;
}
.flavour-carousel__product-background video{
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    -webkit-mask: url(../images/prod/video-mask.svg);
    mask: url(../images/prod/video-mask.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    opacity: 0;
    transition: opacity;
    transition-duration: 0.2s;
    transition-delay: 0.0s;
}
.swiper-slide-active .flavour-carousel__product-background{
    display: block;
}
.swiper-slide-active .flavour-carousel__product-background video{
    opacity: 1;
    transition-duration: 0.5s;
    transition-delay: 0.18s;
    transform: scale(1.33) translateY(16%);
}

/* Produktname-Container: */
.flavour-carousel__product-splash{
    display: none;
}
h3.flavour-carousel__product-titles{
    position: relative;
    z-index: 30;
}
h3.flavour-carousel__product-titles .flavour-carousel__product-title{
    position: relative;
    z-index: 30;
    font-size: 25px;
    line-height: 120%;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #000;
    color: #000;
}

h3.flavour-carousel__product-titles .flavour-carousel__product-title.flavour-carousel__product-title--small{
    background:  linear-gradient(90deg, #FED681 0%, #FFE1AD 50%, #D2A355 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: 120%;
    /*margin-top: 10%;*/
    margin-top: calc(27px + 4%);
}


h3.flavour-carousel__product-titles .flavour-carousel__product-title.flavour-carousel__product-title--small.text-colour-chocolate-pecan {
    color: #9a4800;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #9a4800;
    background:none;
}
h3.flavour-carousel__product-titles .flavour-carousel__product-title.flavour-carousel__product-title--small.text-colour-coconut-mango,
h3.flavour-carousel__product-titles .flavour-carousel__product-title.flavour-carousel__product-title--small.text-colour-hazelnut-coffee {
    color: #9a4820;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #9a4820;
    background:none;
}

.fill-cookies-cream h3.flavour-carousel__product-titles{
    padding-top: 16%;
}


.flavour-carousel__product-new{
    position: absolute;
    z-index: 20;
    display: none;
}
.flavour-carousel__product-splash svg{
    z-index: 10;
    position: absolute;
    top: calc(-30px - 5%);
    left: 0;
    width: 100%;
}
#swiper_produkte .swiper-slide.swiper-slide-active .flavour-carousel__product-splash{
    display: block;
    position: relative;
    transform: translateY(-38px);
   /* bottom: -22%;
    left: 0;*/
    width: 100%;
    z-index: 10;
    /*min-height: 191px;*/
}

.fill-chocolate-pecan,
.fill-chocolate-pecan>svg path {
    fill: #f5e1a4;
}
.fill-brazil-nut,
.fill-brazil-nut>svg path {
    fill: #3e8d48;
}
.fill-caramel-macadamia, .fill-caramel-macadamia>svg path {
    fill: #e87722;
}
.fill-cream-berry, .fill-cream-berry>svg path {
    fill: #b01859;
}
.fill-coconut-mango, .fill-coconut-mango>svg path {
    fill: #ffc72c;
}
.fill-anatolia-pistachio, .fill-anatolia-pistachio>svg path {
    fill: #a9c47f;
}
.fill-cookies-cream, .fill-cookies-cream>svg path {
    fill: #b3c3b9;
}
.fill-italian-hazelnut, .fill-italian-hazelnut>svg path {
    fill: #e5927f;
}
.fill-almond-vanilla, .fill-almond-vanilla>svg path {
    fill: #279989;
}
.fill-chocolate-cranberries, .fill-chocolate-cranberries>svg path {
    fill: #d22730;
}
.fill-canadian-maple, .fill-canadian-maple>svg path {
    fill: #d72c1e;
}




#allesortenbtnrow{
    padding: 40px 0 0 0;
}


#siegelsection{
    width:1136px;
    padding: 90px 0 220px 0;
}

.siegel{
    margin: 0 auto 1.5rem auto;
}


@media (min-width: 768px) {
    .col-sm-20pr {
        flex: 0 0 auto;
        width: 20%;
    }
}


@media (max-width: 1919px) {
    #swiper_produkte .swiper-slide {
        padding-bottom: 7vw;
    }

}


@media (max-width: 1658px) {

    .swiper#swiper_produkte {
        padding-top: 6vw;
        padding-bottom: 15vw;
        width: 80vw;
        height: 53vw;
    }

    .swiper#swiper_produkte img.flavour-carousel__product-image {
        width: 17.4vw;
    }
    #swiper_produkte .swiper-slide.swiper-slide-active .flavour-carousel__product-splash {
        /*bottom: -11vw;
        width: 100%;
        min-height: 11vw;*/
    }
    .flavour-carousel__product-splash svg {
        /*z-index: 10;
        position: absolute;
        bottom: -0%;
        left: 0;
        width: 100%;*/
        /*min-height: 11vw;*/
    }

    h3.flavour-carousel__product-titles .flavour-carousel__product-title.flavour-carousel__product-title--small {
        /*margin-top: 3.1vw;*/
    }
}



@media (max-width: 1320px) {
   /* #swiper_produkte .swiper-slide.swiper-slide-active .flavour-carousel__product-splash {
        bottom: calc(-8vw - 50px);
        width: 120%;
        min-height: 11vw;
        left: -10%;
    }
    h3.flavour-carousel__product-titles .flavour-carousel__product-title.flavour-carousel__product-title--small {
        margin-top: 2.3vw;
    }*/
}



@media (max-width: 1240px) {
    h3.flavour-carousel__product-titles .flavour-carousel__product-title {
        font-size: 23px;
        line-height: 120%;
    }
    .flavour-carousel__product-splash svg {
        width: 120%;
        margin-left: -10%;
    }

    #siegelsection {
        padding: calc(9000vw / 1240) 5% calc(22000vw / 1240) 5%;
        max-width: 100%;
        width: 100%;
    }

    #siegelsection .col-sm-20pr {
        padding: 10px 5%;
    }
}



@media (max-width: 991px) {
    .flavour-carousel__product-splash svg {
        width: 140%;
        margin-left: -20%;
    }
}



/*


@media (max-width: 1120px) {
    #swiper_produkte .swiper-slide.swiper-slide-active .flavour-carousel__product-splash {
        bottom: calc(-9vw - 50px);
        width: 140%;
        min-height: 11vw;
        left: -15%;
    }
    h3.flavour-carousel__product-titles .flavour-carousel__product-title.flavour-carousel__product-title--small {
        margin-top: 1.3vw;
    }
}

@media (max-width: 1020px) {
    #swiper_produkte .swiper-slide.swiper-slide-active .flavour-carousel__product-splash {
        bottom: calc(-150px);
    }
    h3.flavour-carousel__product-titles .flavour-carousel__product-title.flavour-carousel__product-title--small {
        margin-top: 0.5vw;
    }
}


@media (max-width: 930px) {
    h3.flavour-carousel__product-titles .flavour-carousel__product-title.flavour-carousel__product-title--small {
        margin-top: -0.5vw;
    }
}
*/


@media (max-width: 767px) {
    .swiper#swiper_produkte {
        padding-top: 6vw;
        padding-bottom: 15vw;
        width: 80vw;
        height: 88vw;
    }
    .swiper#swiper_produkte img.flavour-carousel__product-image {
        width: 32vw;
    }
    #swiper_produkte .swiper-slide.swiper-slide-active .flavour-carousel__product-splash {
        /*bottom: auto;
        top: 67vw;
        left: -18%;*/
    }
}


@media (max-width: 680px) {
    .swiper#swiper_produkte {
        height: calc(50px + 92vw);
    }
    .button-next-prod, .button-prev-prod {
        bottom: 49%;
    }
    .button-next-prod {
        right: 6%;
    }
    .button-prev-prod {
        left: 6%;
    }
    h3.flavour-carousel__product-titles {
        padding: 0% 5% 0 5%;
    }
    h3.flavour-carousel__product-titles .flavour-carousel__product-title {
        font-size: 18px;
        line-height: 110%;
    }
    h3.flavour-carousel__product-titles .flavour-carousel__product-title.flavour-carousel__product-title--small {
        font-size: 14px;
        line-height: 120%;
    }
    .flavour-carousel__product-splash svg {
        top: calc(-38px - 5%);
    }
}

@media (max-width: 540px) {
    .flavour-carousel__product-splash svg {
        width: 100%;
        margin-left: 0%;
    }
}