body {
    background: url("img/bg_ttt.jpg") no-repeat center center fixed;
    background-size: cover;
}

#yseraheader {
    position: fixed;
    color: white;
    background-color: rgb(60, 60, 60, 0.85);
    top: 75px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 235px;
    height: 70px;
    border: 2px solid #2980b9;
}

#header_txt {
    font-size: 25px;
    font-family: Montserrat;
    font-weight: Medium;
    text-align: Center;
    position: fixed;
    top: 18px;
    left: 13px;
    color: rgb(221, 209, 207);
}

#ysera {
    font-size: 15px;
    font-family: Montserrat;
    font-weight: Medium;
    text-align: Center;
    position: fixed;
    top: 10px;
    left: 0px;
    color: #00d9ff;
}

#Team {
    position: fixed;
    color: white;
    background-color: rgb(60, 60, 60, 0.85);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 450px;
    border: 6px solid #2980b9;
}

#Team_sl {
    font-size: 20px;
    font-family: Montserrat;
    font-weight: Medium;
    text-align: Center;
    position: fixed;
    top: 20px;
    left: 20px;
    color: rgb(221, 209, 207);
}

#sl_strich {
    position: fixed;
    color: white;
    background-color: rgb(60, 60, 60, 0.85);
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 5px;
    border: 2px solid #2980b9;
}

#maker {
    font-size: 12px;
    font-family: Montserrat;
    font-weight: Medium;
    text-align: Center;
    position: fixed;
    top: 40px;
    left: 12px;
    color: #00ffd5;
}

#Team_tl {
    font-size: 22px;
    font-family: Montserrat;
    font-weight: Medium;
    text-align: Center;
    position: fixed;
    top: 19%;
    left: 80px;
    color: rgb(221, 209, 207);
}

#dev_strich {
    position: fixed;
    color: white;
    background-color: rgb(60, 60, 60, 0.85);
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 5px;
    border: 2px solid #2980b9;
}

#Team_a3 {
    font-size: 25px;
    font-family: Montserrat;
    font-weight: Medium;
    text-align: Center;
    position: fixed;
    top: 34%;
    left: 145px;
    color: rgb(221, 209, 207);
}

#s_strich {
    position: fixed;
    color: white;
    background-color: rgb(60, 60, 60, 0.85);
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 5px;
    border: 2px solid #2980b9;
}

#Team_a {
    font-size: 25px;
    font-family: Montserrat;
    font-weight: Medium;
    text-align: Center;
    position: fixed;
    top: 49%;
    left: 115px;
    color: rgb(221, 209, 207);
}

#a_strich {
    position: fixed;
    color: white;
    background-color: rgb(60, 60, 60, 0.85);
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 5px;
    border: 2px solid #2980b9;
}

#Team_a2 {
    font-size: 25px;
    font-family: Montserrat;
    font-weight: Medium;
    text-align: Center;
    position: fixed;
    top: 64%;
    left: 165px;
    color: rgb(221, 209, 207);
}

#a2_strich {
    position: fixed;
    color: white;
    background-color: rgb(60, 60, 60, 0.85);
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 5px;
    border: 2px solid #2980b9;
}

#watermark {
    font-size: 20px;
    font-family: Montserrat;
    font-weight: Medium;
    text-align: Center;
    position: fixed;
    top: 80%;
    left: 75px;
    color: rgb(168, 96, 96);
}

#edit {
    font-size: 20px;
    font-family: Montserrat;
    font-weight: Medium;
    text-align: Center;
    position: fixed;
    top: 93%;
    left: 110px;
    color: rgb(168, 96, 96);
}


#watermark_strich {
    position: fixed;
    color: white;
    background-color: rgb(60, 60, 60, 0.85);
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 5px;
    border: 2px solid #2980b9;
}

#rules {
    position: fixed;
    width: 400px;
    height: 300px;
    left: 80%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #2980b9;
    background-color: rgba(60, 60, 60, 0.85);
    display: flex;
    height: auto;
    overflow: auto;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
}

#rules_regeln {
    font-size: 3vh; /* Passt sich der Höhe an */
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
    color: rgb(0, 255, 200);
    display: flex;
    height: auto;
    overflow: auto;
    align-items: center;
    justify-content: center;
}

#rules_regeln_txt {
    font-size: 2vh; /* Passt sich der Höhe an */
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
    color: rgb(0, 255, 200);
    flex-direction: column;
    height: auto;
    overflow: auto;
    flex-grow: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

#change {
    position: fixed;
    width: 400px;
    height: 300px;
    left: 20%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #2980b9;
    background-color: rgba(60, 60, 60, 0.85);
    display: flex;
    height: auto;
    overflow: auto;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
}

#change_cl {
    font-size: 3vh; /* Passt sich der Höhe an */
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
    color: rgb(0, 255, 200);
    display: flex;
    height: auto;
    overflow: auto;
    align-items: center;
    justify-content: center;
}

#change_cl_txt {
    font-size: 2vh;
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
    color: rgb(0, 255, 200);
    flex-direction: column;
    flex-grow: 2;
    height: auto;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}