@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

.container{
    position: relative;
    display: none;
}

.rechteck1{
    position: absolute;
    width: 1280px;
    height: 616px;
    left: 320px;
    top: 232px;

    background: #1A1A1A;
    border-radius: 45px;
}

.high{
    position: absolute;
    width: 225px;
    height: 85px;
    left: 522px;
    top: 720px;

    background: #222222;
    border-radius: 10px;
}

.wettehoch{
    position: absolute;
    width: 225px;
    height: 85px;
    left: 848px;
    top: 720px;

    background: #222222;
    border-radius: 10px;
}

.low{
    position: absolute;
    width: 225px;
    height: 85px;
    left: 1174px;
    top: 720px;

    background: #222222;
    border-radius: 10px;
}

.hightext{
    position: absolute;
    width: 83px;
    height: 28px;
    left: 634px;
    top: 706px;

    font-family: Tajawal;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;

    color: #FFFFFF;
}

.lowtext{
    position: absolute;
    width: 72px;
    height: 28px;
    left: 1287px;
    top: 706px;

    font-family: Tajawal;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;

    color: #FFFFFF;
}

/*.INCREASE{
    position: absolute;
    width: 158px;
    height: 28px;
    left: 881px;
    top: 690px;

    font-family: Tajawal;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;

    color: #FFFFFF;
}

.BETTEXT{
    position: absolute;
    width: 60px;
    height: 28px;
    left: 930px;
    top: 727px;

    font-family: Tajawal;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;

    color: #FE5F04;
}*/

.pfeilup{
    position: absolute;
    width: 63px;
    height: 63px;
    left: 549px;
    top: 730px;
    transform: rotate(-90deg);
}

.pfeildown{
    position: absolute;
    width: 63px;
    height: 63px;
    left: 1205px;
    top: 732px;
    transform: rotate(90deg);
}

.betbox{
    position: absolute;
    width: 149px;
    height: 56px;
    left: 883px;
    top: 525px;

    background: #222222;
    border-radius: 10px;
}

.wette{
    position: absolute;
    width: 78px;
    height: 30px;
    left: 915px;
    top: 498px;
    text-align: center ;
    font-family: Tajawal;
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 43px;

    color: #FFFFFF;
}

.card1{
    position: absolute;
    width: 160px;
    height: 270px;
    left: 691px;
    top: 399px;

    background: #FFFFFF;
    box-shadow: -5px 5px 5px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.card1inner{
    position: absolute;
    width: 149px;
    height: 260px;
    left: 697px;
    top: 404px;

    background: linear-gradient(162.69deg, #FE5F04 0.4%, #FF843D 98.23%);
    box-sizing: border-box;
    border-radius: 15px;
}

.card2{
    position: absolute;
    width: 160px;
    height: 270px;
    left: 688px;
    top: 401px;

    background: #FFFFFF;
    box-shadow: -5px 5px 5px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.card3{
    position: absolute;
    width: 160px;
    height: 270px;
    left: 685px;
    top: 403px;

    background: #FFFFFF;
    box-shadow: -5px 5px 5px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.card4{
    position: absolute;
    width: 160px;
    height: 270px;
    left: 683px;
    top: 405px;

    background: #FFFFFF;
    box-shadow: -5px 5px 5px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.Direct{
    position: absolute;
    width: 90px;
    height: 90px;
    left: 726px;
    top: 491px;
    filter: brightness(0) invert(1);
}

.card5{
    position: absolute;
    width: 160px;
    height: 270px;
    left: 1076px;
    top: 403px;

    background: #FFFFFF;
    box-shadow: -5px 5px 5px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.card5inner{
    position: absolute;
    width: 149px;
    height: 260px;
    left: 1081px;
    top: 408px;

    border: 2px solid #FE5F04;
    box-sizing: border-box;
    border-radius: 15px;
}

.Direct2{
    position: absolute;
    width: 90px;
    height: 90px;
    left: 1111px;
    top: 491px;
}

.card6{
    position: absolute;
    width: 160px;
    height: 270px;
    left: 1073px;
    top: 405px;

    background: #FFFFFF;
    box-shadow: -5px 5px 5px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.card7{
    position: absolute;
    width: 160px;
    height: 270px;
    left: 1071px;
    top: 407px;

    background: #FFFFFF;
    box-shadow: -5px 5px 5px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.nummer{
    position: absolute;
    width: 16px;
    height: 25px;
    left: 1093px;
    top: 373px;

    font-family: Tajawal;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;

    color: #FE5F04;
}

.nummer2{
    position: absolute;
    width: 16px;
    height: 25px;
    left: 1200px;
    top: 588px;

    font-family: Tajawal;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;

    color: #FE5F04;
}

.win{
    position: absolute;
    width: 168px;
    height: 29px;
    left: 877px;
    top: 334px;

    font-family: Tajawal;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;

    color: #38B000;

    display: none;
}

.lose{
    position: absolute;
width: 168px;
height: 29px;
left: 877px;
top: 334px;

font-family: Tajawal;
font-style: normal;
font-weight: 800;
font-size: 36px;
line-height: 43px;

color: #EF233C;

display: none;
}

.spieltitel{
    position: absolute;
    width: 294px;
    height: 39px;
    left: 810px;
    top: 200px;

    font-family: Tajawal;
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 58px;

    color: #FFFFFF;
}

.leave{
    position: absolute;
    width: 22px;
    height: 22px;
    left: 1555px;
    top: 258px;
}