#gewinnesection{
   /* background-image: url(../images/gras_left.jpg),url(../images/gras_right.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 0 15%, 100% 56%;
    background-size: 458px auto, 420px auto;*/
    padding: 0 0 90px 0;
}

#gewinnesection h1{
    margin: 0 auto 1.2em auto;
}




#swiper1.swiper {
    width: 748px;
    max-width: 100%;
    height: 631px;
    margin-right: 0;
}

#swiper1.swiper img {
    width: 748px;
}


#swiper2.swiper {
    width: 500px;
    max-width: 100%;
    height: 500px;
    margin-right: auto;
    margin-left: 0;
}

#swiper1.swiper video {
    width: 500px;
    height: 500px;
}


.button-next,
.button-prev   {
    /*position: absolute;
    bottom: 2%;*/
    width: 50px;
    height: 50px;
    display: inline-block;
    cursor: pointer;
    z-index: 111;
    margin: 40px 20px 0 0;
}

.button-next {
   /* right: calc(50% - 80px);*/
    margin-right: 109px;
}


#gewvideo2{
    width: 1200px;
    height: 500px;
    clip-path: rect(0px 500px 500px 0px);
    max-width: 1200px;
}

button#zielebtn{
    display: block;
    position: absolute;
    bottom: 0px;
    left: 58px;
}



@media (max-width: 1648px) {

    #gewinnesection{
        padding: 0 8.07% calc(9000vw / 1648) 8.07%;
        max-width: 100%;  /* 1382 */
    }


    #swiper1.swiper {
        width: calc(74800vw / 1648);
        height: calc(63100vw / 1648);
    }

    #swiper1.swiper img {
        width: calc(74800vw / 1648);
    }


    #swiper2.swiper {
        width: calc(50000vw / 1648);
        height: calc(50000vw / 1648);
    }

    #swiper1.swiper video {
        width: calc(50000vw / 1648);
        height: calc(50000vw / 1648);
    }



    .button-next,
    .button-prev   {
        margin: calc(4000vw / 1648) calc(2000vw / 1648) 0 0;
    }

    .button-next {
        margin-right: calc(10900vw / 1648);
    }


    #gewvideo2{
        width: calc(120000vw / 1648);
        height: calc(50000vw / 1648);
        clip-path: rect(0px 30.33vw 30.33vw 0px);
        max-width: 1200px;
    }

    button#zielebtn{
        left: calc(5800vw / 1648);
    }

}




@media (max-width: 767px) {
    #gewinnesection{
        padding-bottom: 100px;
    }
    #gewinne1col,
    #gewinne2col{
        text-align: center !important;
        padding: 0 0 6vw 0;
    }
    #swiper2.swiper {
        width: 50vw;
        height: 50vw;
        margin-right: auto;
        margin-left: auto;
    }
    #swiper2.swiper video {
        width: 50vw;
        height: 50vw;
    }
    #swiper2.swiper video#gewvideo2{
        width: 119.8vw;
        height: 50vw;
        clip-path: rect(0px 50vw 50vw 0px);
        max-width: 1800px;
    }

    #swiper1.swiper {
        width: 50vw;
        height: 50vw;
        margin-right: auto;
        margin-left: auto;
    }

    #swiper1.swiper img {
        width: 50vw;
        height: 50vw;
    }


    button#zielebtn {
        left: 41%;
    }
}


@media (max-width: 640px) {

    #swiper2.swiper {
        width: 80vw;
        height: 80vw;
    }
    #swiper2.swiper video {
        width: 80vw;
        height: 80vw;
    }
    #swiper2.swiper video#gewvideo2{
        width: 191.7vw;
        height: 80vw;
        clip-path: rect(0px 80vw 80vw 0px);
        max-width: 1800px;
    }

    #swiper1.swiper {
        width: 80vw;
        height: 80vw;
    }

    #swiper1.swiper img {
        width: 80vw;
        height: 80vw;
    }

    button#zielebtn {
        left: auto;
        margin: 10px auto 20px auto;
        position: relative;
        display: block;
    }

    .button-next,
    .button-prev   {
        position: absolute;
        margin: 10px 0 0 0;
        right: calc(50% + 50px - 25px);
    }

    .button-next {
        right: calc(50% - 50px - 25px);
    }

}