.contentarea {
    /* height: calc(100vh  - 60px); */
    /*margin-top: 56px;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

#log {
    font-family: var(--bs-font-frutiger-light);
    color: var(--fhg-Graphit);
    font-size: 1.2rem;
    ;
}

.grey {
    color: var(--fhg-SilverGrey);
}

h1 {
    color: rgb(var(--fhg-SteelBlue-rgb))
}

.putcenter {
    text-align: center;
}

#goleft {
    margin: 1rem;
}

#goright {
    margin: 1rem;
}

/* #unreadable {
    margin: 1rem;
    margin-top: 1rem;
} */

#notext {
    margin: 1rem;
    margin-top: 1rem;.inputline {
        margin: 1rem;
    }
}

/* .inputline {
    margin: 1rem;
} */

.login {
    margin: 1rem;
}

#pigarea {
    visibility: hidden;
}

.arrow {
    width: 30%;
}

#one {
    background-color: red;
    font-family: 'frutiger-bold';
}
#two {
    background-color: red;
    font-family: 'frutiger-bold';
}
#three {
    background-color: orange;
    font-family: 'frutiger-bold';
}
#four {
    background-color: orange;
    font-family: 'frutiger-bold';
}
#five {
    background-color: green;
    font-family: 'frutiger-bold';
}
#six {
    background-color: green;
    font-family: 'frutiger-bold';
}
#seven {
    background-color: purple;
    font-family: 'frutiger-bold';
}
#eight {
    background-color: purple;
    font-family: 'frutiger-bold';
}
#nine {
    background-color: blue;
    font-family: 'frutiger-bold';
}
#ten {
    background-color: blue;
    font-family: 'frutiger-bold';
}
#eleven {
    background-color: black;
    font-family: 'frutiger-bold';
}
#twelve {
    background-color: black;
    font-family: 'frutiger-bold';
}
.colorbtn {
    margin-bottom: 1rem;
}
.numbers{
    margin-left: 1rem; 
}
@media screen and (max-width: 1000px) {
    .arrow {
        width: 70%;
    }
}

@media screen and (max-width: 770px) {

    .arrow {
        width: 10%;
    }
/*}
    @media screen and (max-width: 650px) {*/

    /* .contentarea {
        padding-top: 50px;
    } */
    .contentarea {
        /* height: calc(100vh  - 60px); */
        /*margin-top: 56px;*/
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #goleft {
        margin: 1rem;
        margin-top: 1rem;
    }

    #goright {
        margin: 1rem;
        margin-top: 1rem;
    }


    .btn {
        margin-top: 1rem;
    }
}