#playpage .next-jackpot-wrapper{
    margin-bottom: 0;
}

.betslip2020-wrapper{
    background: var(--yellowbg);
    padding: 0 10px 60px;
}

.tippfeld{
    display: none;
    background: white;
    padding: 12px 8px;
    border-radius: 6px 6px 0 0;
    position: relative;
    opacity: 1;
}

.tippfeld.fading{
    opacity: 0;
    transition: 1s;
}

.tippfeld#t1, .tippfeld.show{
    display: block;
}

.tippfeld-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tippfeld-count, .tippfeld-count span{
    color: var(--ejgold);
    font-weight: 700;
    font-size: var(--font13);
    width: 50%;
}

.cta-2.zuffals-button{
    border: 1px solid #dadada;
    box-shadow: none;
    color: var(--black);
    font-size: 2.8vw;
    width: 35%;
    height: 9vw;
    margin: 0;
    padding: 0;
}

.trash{
    border-radius: 100%;
    border: 1px solid #dadada;
    width: 9vw;
    height: 9vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trash img, .trashline img {
    width: 60%;
}

.tippfeld-legend{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 4vw 0 2vw;
    font-size: var(--font10);
    font-weight: 400;
}

.tippfeld-legend span {
    width: auto;
}

.tippfeld-body{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.tippfeld-numbers{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2vw;
}

.tippfeld-stars{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2vw;
}

.tippfeld-stars, .plus{
    width: 15%;
}

.tipp-number, .tipp-star {
    width: 10.2vw;
    height: 10.2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--grey);
    border-radius: 6px;
    color: var(--greengrey);
    font-weight: 400;
    font-size: 13px;
    position: relative;
}

.tipp-star {
    width: 8vw;
    height: 8vw;
}

.tipp-number img, .tipp-star img{
    position: absolute;
    width: 60%;
    display: none;
}

.tipp-number.checked img, .tipp-star.checked img{
    display: block;
}

.tipp-star.checked{
    background: var(--yellowbg);
    color: white;
}

.tipp-star{
    border-radius: 100%;
}

.next-tippfeld{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 4vw 0;
}

.next-tippfeld button{
    height: var(--btheight);
    width: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5c657;
    border-radius: 20px;
    font-weight: 700;
    font-size: var(--font13);
    color: var(--black);
}

.next-tippfeld button span {
    width: auto;
}

.betslip2020-helper{
    background: var(--black);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3vw 2vw;
}

.betslip2020-helper span{
    color: #fff;
    font-size: var(--font10);
    font-weight: 300;
}

.helper-left, .helper-right{
    width: 50%;
}

.helper-left span{
    width: 100%;
    display: block;
    margin: 1vw 0;
}

.helper-left span:nth-child(2){
    margin-top: 8px;
}

.helper-left span:nth-child(1), .helper-right span:nth-child(1){
    font-weight: 600;
    margin-bottom: 8px;
}

.helper-buttons{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 2vw 0 0;
    gap: 2vw
}

.helper-buttons button{
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    height: 9vw;
    width: 9vw;
    border: 1px solid #fff;
}

.helper-buttons button:nth-child(3){
    width: 14vw;
}

.betslip2020-checkout{
    background: #fff;
    border-radius: 0 0 6px 6px;
    padding: 4vw 0;
}

.betslip-cost{
    text-align: center;
    margin: 2vw 0 3vw;
}

.betslip-cta {
    width: 50vw!important;
    font-size: var(--font14);
    margin: 2vw auto;
}

.betslip-cta.off{
    background: #8888;
}

.betslip-cost.off, .figure-cost.off{
    color: #8888;
}

.plus{
    height: 100%;
    display: flex;
    justify-content: center;
    font-weight: 100;
    font-size: 48px;
    color: var(--greengrey);
    position: relative;
    top: 51vw;
}

.tippfeld.submitted{
    border-radius: 6px;
    margin-bottom: 1px;
}

.tippfeld.submitted .tipp-number:not(.checked), .tippfeld.submitted .tippfeld-legend, .tippfeld.submitted .plus,
.tippfeld.submitted .zuffals-button, .tippfeld.submitted .tipp-star:not(.checked), .tippfeld.submitted .tipp-number.checked img, .tippfeld.submitted .tipp-star.checked img, .tippfeld.submitted .next-tippfeld{
    display: none;
}

.tippfeld.submitted .tippfeld-numbers{
    width: 100%;
    justify-content: flex-start;
    margin-top: 12px;
    align-items: center;
    position: relative;
}

.tippfeld.submitted .tippfeld-stars{
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 8px 0 0;
}

.tippfeld.submitted .tipp-number.checked{
    width: 40px;
    height: 40px;
    font-size: 17px;
    color: var(--black);
    margin: 0 5px 0 0;
    background: white;
    border: 1px solid var(--grey);
}

.tippfeld.submitted .tipp-star.checked{
    width: 40px;
    height: 40px;
    font-size: 17px;
    color: var(--black);
    margin:0 5px 0 0;
}

.tippfeld.submitted .trash, .trashline{
    display: none;
}

.tippfeld.submitted .trashline{
    border-radius: 100%;
    border: 1px solid #dadada;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
}

.figure-cost{
    font-weight: 900;
}

.helper-extra, .tipp-move-left, .tipp-move-right, .next-tippfeld button, .completed-felder{
    display: none;
}

.play-header{
    padding: var(--padding);
    background: var(--yellowbg);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.play-header p{
    font-weight: 300;
}

.next-tipp-desktop{
    height: var(--btheight);
    width: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--grey);
    border-radius: 25px;
    font-weight: 700;
    font-size: var(--font13);
    color: var(--black);
    overflow: hidden;
    position: relative;
}

.next-tipp-desktop.hide{
    display: none;
}

.next-tipp-button.show{
    display: flex;
}

#next-tipp-overlay{
    background: #f5c657;
    position: absolute;
    height: 100%;
    left: 0;
    transition: .4s;
    width: auto;
}

#next-tipp-overlay.overlay-0{
    width: 0;
}

#next-tipp-overlay.overlay-1{
    width: 14%;
}
#next-tipp-overlay.overlay-2{
    width: 28%;
}
#next-tipp-overlay.overlay-3{
    width: 42%;
}
#next-tipp-overlay.overlay-4{
    width: 57%;
}
#next-tipp-overlay.overlay-5{
    width: 70%;
}
#next-tipp-overlay.overlay-6{
    width: 85%;
}
#next-tipp-overlay.overlay-7{
    width: 100%;
}

.next-tipp-text{
    z-index: 2;
    font-size: 15px;
    color: var(--black);
    width: auto;
}

@media (min-width: 660px) {
    .betslip2020-wrapper {
        background: var(--yellowbg);
        padding: 50px var(--Hpadding);
    }

    .tippfeld-wrapper{
        background: white;
        border-radius: 6px;
        position: relative;
    }

    .tipp-number, .tipp-star {
        cursor: pointer;
        width: 4.3vw;
        height: 4.3vw;
    }

    .tipp-star {
        width: 3.4vw;
        height: 3.4vw;
    }

    .tipp-star {
    }

    .tippfeld-numbers {
        width: 80%;
        gap: 1vw;
    }

    .tippfeld-stars {
        width: 15%;
        margin: 0;
        gap: 1vw;
    }

    .tipp-number:hover, .tipp-star:hover{
        color:#4f5850;
        background: #f5f2f2;
    }

    .cta-2.zuffals-button:hover, .trash:hover{
        border: 1px solid #656565;
    }

    .helper-buttons button:hover{
        color: #f4c556;
        border: 1px solid #f4c556;
    }

    .plus{
        position: absolute;
        top: 34vw;
        right: 14.5%;
        font-size: 3vw;
        height: auto;
    }

    .tippfeld-count, .tippfeld-count span {
        font-size: 14px;
    }

    .trash{
        position: absolute;
        bottom: 33px;
        left: 10px;
        width: var(--btheight);
        height: var(--btheight);
    }

    .next-tippfeld {
        justify-content: flex-end;
        margin: 20px 0;
    }

    .betslip2020-checkout{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 20px;
    }

    .betslip-cta{
        margin: 0;
    }

    .betslip-cost {
        text-align: right;
        margin: 0 10px 0 0;
        font-size: 18px;
    }

    .betslip2020-helper span {
        font-size: 14px;
        margin: 0 5px 0 0;
        width: auto;
    }

    .helper-left, .helper-right{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }

    .helper-left span:nth-child(2){
        margin: 0 5px 0 0;
    }

    .helper-left span:nth-child(1), .helper-right span:nth-child(1){
        margin-bottom: 0;
    }

    .betslip2020-helper{
        align-items: center;
        padding: 15px 25px;
    }

    .helper-buttons{
        margin: 0 0 0 15px;
        gap: 10px;
        width: auto;
    }

    .helper-extra{
        display: flex;
        margin: 25px 0 10px 0;
        width: 100%;
        align-items: center;
    }

    .helper-extra span{
        font-weight: 700;
    }

    .helper-buttons button:nth-child(3) {
        width: 50px;
    }

    .felder-wrapper{
        margin: 0 0 0 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        width: auto;
    }

    .helper-extra span.felder{
        font-size: 15px;
        color: #fff;
        background: #ffffff1f;
        font-weight: 400;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
    }

    .helper-extra span.felder.filled{
        background: #F6C758;
        color: var(--black);
    }

    .helper-extra span.felder.num-1{
        border-radius: 20px 0 0 20px;
    }

    .helper-extra span.felder.num-10{
        border-radius: 0 20px 20px 0;
    }

    .tipp-slider-container{
        padding: 15px;
        overflow: hidden;
    }

    #tippfeld-slider{
        display: flex;
        flex-wrap: wrap;
        width: 512%;
        transition: 0.4s;
    }

    #tippfeld-slider.left-2{
        transform: translateX(-20%);
    }
    #tippfeld-slider.left-3{
        transform: translateX(-40%);
    }
    #tippfeld-slider.left-4{
        transform: translateX(-60%);
    }
    #tippfeld-slider.left-5{
        transform: translateX(-80%);
    }

    .tippfeld{
        display: block;
        width: 8.8%;
        margin-right: 1.2%;
    }

    .next-tippfeld button{
        display: none;
    }

    .tipp-move-left, .tipp-move-right{
        position: absolute;
        height: 50px;
        width: 25px;
        background: var(--yellowbg);
        box-shadow: 0 0 15px #00000076;
        border-radius: 4px;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .tipp-move-left:hover, .tipp-move-right:hover{
        background: var(--ejyellow);
    }

    .tipp-move-left{
        left: -12.5px;
        top: 44.5%;
    }

    .tipp-move-right{
        right: -12.5px;
        top: 44.5%;
    }

    .tipp-move-left.show, .tipp-move-right.show{
        display: flex;
    }

    .completed-felder{
        position: absolute;
        background: #f5c657;
        width: 100%;
        height: 100%;
        display: none;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        z-index: 3;
    }

    .completed-felder.show{
        display: flex;
    }

    .play-header p{
        font-size: 20px;
    }

    .cta-2.zuffals-button{
        margin: 0;
        height: 35px;
        width: 110px;
        font-size: 11px;
    }

    .tippfeld-legend {
        margin: 20px 0 10px;
    }

    .next-tipp-desktop {
        width: 170px;
    }

    .helper-buttons button {
        height: 35px;
        width: 35px;
        padding-top: 3px;
    }

}

@media (min-width: 1000px) {
    .tippfeld-stars {
        width: 15%;
        margin: 0;
        gap: 0.45vw;
    }

    .tippfeld {
        width: 5.63%;
        margin-right: 1%;
    }

    .trash{
        left: 6px;
    }

    .tippfeld-body{
        margin-top: 15px;
    }

    .tippfeld-numbers{
        width: 78%;
        gap: 0.45vw;
    }

    .tipp-number {
        width: 3vw;
        height: 3vw;
    }

    .tipp-star {
        width: 2.4vw;
        height: 2.4vw;
    }

    .plus {
        position: absolute;
        top: 47.4%;
        right: 12%;
        font-size: 2vw;
        height: auto;
    }

    .helper-extra{
        margin: 0;
    }

    .betslip2020-helper span{
        margin: 0 3px 0 0;
    }

    .felder-wrapper{
        margin: 0 0 0 5px;
    }

    .helper-extra span.felder{
        width: 30px;
        height: 25px;
        font-size: 13px;
    }

    .helper-buttons {
        margin: 0 0 0 5px;
    }

    .helper-left, .helper-right, .helper-extra {
        width: auto;
    }

    .betslip2020-helper {
        padding: 20px;
    }

    .betslip-cost{
        margin: 0 20px 0 0;
    }

    .tippfeld-wrapper{
        border-radius: 6px 6px 0 0;
    }

    #tippfeld-slider.left-2 {
        transform: translateX(-19.6%);
    }

    #tippfeld-slider.left-3 {
        transform: translateX(-39.5%);
    }

    #tippfeld-slider.left-4 {
        transform: translateX(-46%);
    }

    .tippfeld-count, .tippfeld-count span{
        width: 80px;
    }
}

@media (min-width: 1200px) {
    .tipp-slider-container {
        padding: 15px 30px;
    }

    .tippfeld {
        width: 5.73%;
        padding: 12px 0;
    }

    #tippfeld-slider.left-2 {
        transform: translateX(-20.2%);
    }

    #tippfeld-slider.left-3 {
        transform: translateX(-40.4%);
    }

    #tippfeld-slider.left-4 {
        transform: translateX(-47.1%);
    }

    .helper-left, .helper-right {
        width: 25%;
    }

    .helper-extra {
        width: 50%;
        justify-content: flex-end;
    }

    .plus {
        right: 10%;
    }
}

@media (min-width: 1400px) {
    .tippfeld-numbers {
        width: 80%;
    }

    .tippfeld-stars {
        width: 15%;
        margin: 0;
    }

    .plus {
        right: 13%;
    }

    .tipp-number {
        width: 2.4vw;
        height: 2.4vw;
    }

    .tipp-star {
        width: 1.93vw;
        height: 1.93vw;
    }
}