/*!/*
 *  css Datei für login.html
 */

 *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;}

:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}


html,
body{
        font-size: 14px;
        font-family: 'Arial';
        min-width: 100%;
        width: 100%;
        min-height: 100%;
        height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;}


body{
    background-color: black;
}

.wrapper_login{
        /*width: 300px;
        margin: 0 calc(50% - 150px);*/

        position: absolute;
        width: 300px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        background: #fff;
        border: 10px solid #fff;}
        
.wrapper_login h2{
        width: 100%;
        margin: 0 0 5px;
        padding: 5px;
        background: #a4a4a4;
        color: #fff;}
        
.wrapper_login input{
        width: 100%;
        margin-bottom: 5px;
        padding: 5px;}

.wrapper_login .button-wrapper{
        text-align:right;}
    
.wrapper_login p{
        color: red;}
    
.boxshadow {
    -webkit-box-shadow: 0 0 43px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 43px 0 rgba(0,0,0,0.75);
    box-shadow: 0 0 43px 0 rgba(0,0,0,0.75);}

input{
        line-height: 15px;
        border-width: 1px;
        transition: background-color 0.2s;
}

input:focus {
    outline-color: #2cc9ff;
}

input[type="submit"] {
        background-color: #2ccaff94;
        font-weight: 600;
}

input[type="submit"]:hover {
        background-color: #2cc9ff;
}