#main {
    display: block;
    position: absolute;
    left: 50px;
    top: 50px;
    width: CALC(95% - 100px);
    height: CALC(100% - 100px);
    border-radius: 10px;
   background-color: white;
}


.kasten {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 9%;
    height: 9%;
    font-size: 2.8vw;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    border: 1px solid rgb(119, 19, 19);
    border-radius:7px;
    user-select:none;
}

.blende {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 9%;
    height: 9%;
    font-size: 1.8vw;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: rgb(77, 133, 206);
    color: #c6c6c6;
    border: 1px solid white;
    border-radius:7px;
    user-select:none;
}

.index {
    background-color: rgb(79, 88, 104);
    border: 1px solid rgb(31, 31, 31);
    color: white;

}

.ergebnis {
    background-color: #FFF;
    border: 1px solid rgb(105, 105, 105);

}

#number {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 9%;
    height: 9%;
    font-size: 1.8vw;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: rgb(242, 221, 109);
    color: #110f0f;
    border: 1px solid #191616;
    border-radius:7px;
    user-select:none;
    left: -500px;
    top: -500px;
}