/* 
    Created on : 14.09.2017, 11:01:44
    Author     : Jan-Merten Pehmöller <jmpe@solvit.de>
*/

.container{
    max-width: 400px;
    color:white;
    margin:auto;
    text-align: justify;
}

#eingabe {
    font-size: 20px;
}
#pin{
    width: 100%;
    display: blocK;
    margin-bottom: 3px;
}
button{
    width: 80%;
    margin: auto;
    display: block;
}
body{
    background-color: black;
    font-family: Arial,Helvetica,sans-serif;

}

.black{
}

.white{
    background-color: white!important;
}

.hidden{
    display: none;
}
#status{
    color:darkgray;
    text-align: center;
    font-size: 20px;
}

input[type='number']{
    box-sizing:  border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.aktuell{
    font-weight: bold;
    display: inline-block;
    margin: 0 3px;
    color:lightgray;
}

button{
    display: inline-block;
    /*box-sizing:  border-box;*/
    width: 100%;
    padding: 3%;
    background: #43d1af;
    border-bottom: 2px solid #30c29e;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    color: #fff;
    font-size: 14px;
}
.left{
    float: left;
}

.right{
    float: right;
}