body {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    overflow: hidden;
}
    
#background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#text1_cl {
    position: absolute;
    width: auto;
    height: auto;
    left: 49.5%;
    top: 1.5%;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 0.8291666666666666vw;

    color:rgb(127, 1, 244);
}

#text2_cl {
    position: absolute;
    width: auto;
    height: auto;
    left: 46.5%;
    top: 4%;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 0.7291666666666666vw;

    color: #FFFFFF;
}

#background_lc {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: var(--bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}



#infoscont {
position: absolute;
width: 18.91025641025641vw;
height: 36.95198329853862vh;
left: 4.5%;
top: 30%;
}


#contingamename {
position: absolute;
width: 13.493723849372385vw;
height: 5.450733752620545vh;
left: 2%;
top: 4%;
background: rgba(217, 217, 217, 0.05);
border-radius: 0.2615062761506276vw;

}




#namecont {
position: absolute;
display: flex;
justify-content: flex-start;
align-items: center;
width: 7.371794871794871vw;
height: 4.592901878914405vh;
left: 30%;
top: 18%;
}


#ingamename {
    position: absolute;
    width: 100%;
    height: 3.549060542797495vh;
    left: 0%;
    top: 0%;
    color: #BDBDBD;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 0.7478632478632479vw;
    line-height: 0.7478632478632479vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#ingamenamespan {
    position: absolute;
    width: 100%;
    height: 1.549060542797495vh;
    left: 0%;
    top: 40%;
   color: var(--secondary-color);
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 600;
    font-size: 0.7478632478632479vw;
    line-height: 0.7478632478632479vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* NAME  */
#contnamebild {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    position: absolute;
    left: 12%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    }
    
    #contkreisbild {
    position: absolute;
    width: 0.32051282051282054vw;
    height: 0.6263048016701461vh;
    left: 45%;
    top: 5%;
    
    background: var(--anderecolor);
    box-shadow: 0px 0px 10px 4px var(--box-shadow);
    border-radius: 500px;
    
}


/* cash */
#contingamecash {
    position: absolute;
    width: 13.493723849372385vw;
    height: 5.450733752620545vh;
    left: 2%;
    top: 25%;
    background: rgba(217, 217, 217, 0.05);
    border-radius: 0.2615062761506276vw;
    }
    
    
    
    
    #cashcont {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 7.371794871794871vw;
    height: 4.592901878914405vh;
    left: 30%;
    top: 19%;
    }
    
    
    #ingamechash {
        position: absolute;
        width: 100%;
        height: 3.549060542797495vh;
        left: 0%;
        top: 0%;
        color: #BDBDBD;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 0.7478632478632479vw;
        line-height: 0.7478632478632479vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    #ingamechashspan {
        position: absolute;
        width: 100%;
        height: 1.549060542797495vh;
        left: 0%;
        top: 40%;
       color: var(--secondary-color);
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 600;
        font-size: 0.7478632478632479vw;
        line-height: 0.7478632478632479vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    
    /* NAME  */
    #contcashbild {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
        position: absolute;
        left: 12%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        }
        
        #contkreisbild {
        position: absolute;
        width: 0.32051282051282054vw;
        height: 0.6263048016701461vh;
        left: 45%;
        top: 5%;
        
        background: var(--anderecolor);
        box-shadow: 0px 0px 10px 4px var(--box-shadow);
        border-radius: 500px;
        
    }
    

/* job */
#contingamejob {
    position: absolute;
    width: 13.493723849372385vw;
    height: 5.450733752620545vh;
    left: 2%;
    top: 47%;
    background: rgba(217, 217, 217, 0.05);
    border-radius: 0.2615062761506276vw;
}
    
    
    
    
    #jobcont {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 7.371794871794871vw;
    height: 4.592901878914405vh;
    left: 30%;
    top: 19%;
    }
    
    
    #ingamejob {
        position: absolute;
        width: 100%;
        height: 3.549060542797495vh;
        left: 0%;
        top: 0%;
        color: #BDBDBD;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 0.7478632478632479vw;
        line-height: 0.7478632478632479vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    #ingamejobspan {
        position: absolute;
        width: 100%;
        height: 1.549060542797495vh;
        left: 0%;
        top: 40%;
       color: var(--secondary-color);
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 600;
        font-size: 0.7478632478632479vw;
        line-height: 0.7478632478632479vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    
    #contjobbild {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
        position: absolute;
        left: 12%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        }
        
        #contkreisbild {
        position: absolute;
        width: 0.32051282051282054vw;
        height: 0.6263048016701461vh;
        left: 45%;
        top: 5%;
        
        background: var(--anderecolor);
        box-shadow: 0px 0px 10px 4px var(--box-shadow);
        border-radius: 500px;
        
    }




    /* erstellt */
#contingameerstellt {
    position: absolute;
    width: 13.493723849372385vw;
    height: 5.450733752620545vh;
    left: 2%;
    top: 70%;
    background: rgba(217, 217, 217, 0.05);
    border-radius: 0.2615062761506276vw;
}
    
    
    
    #erstelltcont {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 9.371794871794871vw;
    height: 4.592901878914405vh;
    left: 30%;
    top: 19%;
    }
    
    
    #ingameerstellt {
        position: absolute;
        width: 100%;
        height: 3.549060542797495vh;
        left: 0%;
        top: 0%;
        color: #BDBDBD;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 0.7478632478632479vw;
        line-height: 0.7478632478632479vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    #ingameerstelltspan {
        position: absolute;
        width: 100%;
        height: 1.549060542797495vh;
        left: 0%;
        top: 40%;
       color: var(--secondary-color);
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 600;
        font-size: 0.7478632478632479vw;
        line-height: 0.7478632478632479vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    
    #conterstelltbild {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
        position: absolute;
        left: 12%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        }
        
        #contkreisbild {
        position: absolute;
        width: 0.32051282051282054vw;
        height: 0.6263048016701461vh;
        left: 45%;
        top: 5%;
        
        background: var(--anderecolor);
        box-shadow: 0px 0px 10px 4px var(--box-shadow);
        border-radius: 500px;
        
    }


#admincont {
    position: absolute;
    width: 18.91025641025641vw;
    height: 36.95198329853862vh;
    left: 78%;
    top: 29%;
}
    
    
    #marcel {
    position: absolute;
    width: 7.852564102564102vw;
    height: 14.19624217118998vh;
    left: 2%;
    top: 4%;
    
    }
    
    
    #muhammed {
        position: absolute;
        width: 7.852564102564102vw;
        height: 14.19624217118998vh;
        left: 57%;
        top: 4%;
        
        
    }
    
    #jannik {
        position: absolute;
        width: 7.852564102564102vw;
        height: 14.19624217118998vh;
        left: 2%;
        top: 48%;
        
        
    }
    
    #dome {
        position: absolute;
        width: 7.852564102564102vw;
        height: 14.19624217118998vh;
        left: 57%;
        top: 48%;
        
        
    }

#adminstrich {
    position: absolute;
    width: 2.6175213675213675vw;
    height: 0.20876826722338204vh;
    left: 32%;
    top: 87%;
    
    background: var(--anderecolor);
    box-shadow: 0px 0px 20px 1px var(--box-shadow);
    border-radius: 5px;
    
    }
#contadminlogo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.4421052631578947vw;
    width: 2.6175213675213675vw;
    height: 4.81482254697286vh;
    border-radius: 5px;
    
    position: absolute;
    left: 25%;
    top: 10%;
}


  
#adminconttext {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7.371794871794871vw;
    height: 4.592901878914405vh;
    left: 3%;
    top: 60%;
    }
    
    #rank {
        position: absolute;
        width: 100%;
        height: 3.549060542797495vh;
        left: 0%;
        top: 40%;
        color: #BDBDBD;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 500;
        font-size: 0.5753138075313807vw;
        line-height: 0.6799163179916318vw;
        letter-spacing: 0.05em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }

    
    #name {
        position: absolute;
        width: 100%;
        height: 1.549060542797495vh;
        left: 0%;
        top: 0%;
        color: #ffffff;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 600;
        font-size: 0.7478632478632479vw;
        line-height: 0.7478632478632479vw;
        letter-spacing: 0.05em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }





#cl_textcont {
position: absolute;
width: 35.363247863247864vw;
height: 15.691022964509395vh;
left:50%;
top:30%;
transform: translate(-50%, -30%);
}


#cl_text1 {
position: absolute;
width: 100%;
height: auto;
left: 0%;
top: 5%;

font-family: 'Calibri';
font-style: normal;
font-weight: 600;
font-size: 3.4188034188034186vw;
line-height: 4.166666666666667vw;

background: var(--text);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;


}


#cl_text2 {
position: absolute;
width: 100%;
height: auto;
left: 0%;
top: 35%;

font-family: 'Arizonia';
font-style: normal;
font-weight: 400;
font-size: 2.5641025641025643vw;
line-height: 3.2051282051282053vw;

color: #FFFFFF;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;

}





#loading_animcont {
position: absolute;
width: 5.235042735042735vw;
height: 5.620041753653445vh;
left:50%;
top:43%;
transform: translate(-50%, -60%);

}

#loadingpunke {
position: absolute;
width: 0.2670940170940171vw;
height: 0.5219206680584552vh;
left: 2%;
top: 5%;

background: var(--anderecolor);
box-shadow: 0px 0px 10px 4px var(--box-shadow);
border-radius: 500px;

}

#cl_textanimation {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0%;
    top: 35%;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2820512820512822vw;
    line-height: 1.5491452991452992vw;
    color: #FFFFFF;
    text-wrap: nowarp;
    white-space: nowrap;
    text-align: center;
}

#cl_textanimation .purple {
    color: var(--prozentanzahl);
}


#lc_videoanzeigen {
position: absolute;
width: 23.692468619246863vw;
height: 17.81970649895178vh;
left:50%;
top:97%;
transform: translate(-50%, -90%);

}

#slidercont {
position: absolute;
width: 10.094142259414227vw;
height: 3.1446540880503147vh;
left:50%;
top:20%;
transform: translate(-50%, -20%);
}

    #slieder-box {
        position: absolute;
        width: 10.094142259414227vw;
        height: 0.5241090146750524vh;
        left:50%;
        top:70%;
        transform: translate(-50%, -50%);
    }
    
    .slider {
        position: absolute;
        -webkit-appearance: none;
        width: 100%;
        height: 0.4158004158004158vh;
        background-color: #393939;
        border-radius: 1.0395010395010396vh;
        outline: none;
        opacity: 0.7;
        transition: opacity .2s;
    }
    
    .slider:hover {
        opacity: 1;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 0.6386375731772219vw;
        height: 1.2474012474012475vh;
        border-radius: 10.395010395010395vh;
        background: var(--secondary-color);
        cursor: pointer;
    }
    

    .volume-percentage {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 0.6799163179916318vw;
        line-height: 0.8368200836820083vw;
        color: #BDBDBD;
        position: absolute;
        top: 0%;
        left:47%;
    }


#typescont {
position: absolute;
width: 10.094142259414227vw;
height: 4.3832285115303985vh;
left:50%;
top:52%;
transform: translate(-50%, -50%);

}

#typescont_links {
position: absolute;
left: 0%;
top: 0%;

border-radius: 0.2615062761506276vw;
}

#typescont_mitte {
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%);
    border-radius: 0.2615062761506276vw;
}

#typescont_rechts {
    position: absolute;
    left: 100%;
    top: 0%;
    transform: translate(-100%);
    border-radius: 0.2615062761506276vw;
}


#songname {
    position: absolute;
    width: 20.094142259414227vw;
    height: 4.3832285115303985vh;
    left:50%;
    top:80%;
    transform: translate(-50%, -50%);
    text-align: center;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 0.6276150627615062vw;
    line-height: 0.7845188284518828vw;
    color: #FFFFFF;
    display: flex;
}