/* CUSTOM STYLE */

html, body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}

.wrap {
    display:flex;
    width:100%;
    height:100%;
    align-items: center;
    justify-content: center;
    background-color: #e7e7e7;
}

.login-form {
    padding:60px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.1);
}

.login-form form {
				display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
}

.login-form input[type=text]:focus{
    
}

.login-form #login-name{
    margin-bottom:20px;
    text-align: center;
}

.login-form #login-name:focus{
    border-bottom: 1px solid #F47D20;
     box-shadow: 0 1px 0 0 #F47D20;
}

.login-form #login-pw{
    margin-bottom:40px;
    text-align: center;
}

.login-form #login-pw:focus{
    border-bottom: 1px solid #F47D20;
     box-shadow: 0 1px 0 0 #F47D20;
}

.login-form button{
   background-color: #151515;
}

.login-form button:focus, .login-form button:hover{
   background-color:#F47D20;
}

.login-form #fehlermeldung {
    color: red;
    margin-top:20px;
}