/* ==========================================================================
   Loginbereich
   ========================================================================== */

#login {display:flex;
justify-content: center;
align-items:center;
width:100%;
height:100vh;
background-color: #efefef;
background-image: url("../img/dark-stripes-light.png");}

#login > div {max-width:400px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    background:#fff;
    padding:3.5em;
    border:1px dashed #ddd;
    outline:10px solid #fff;
width:100%;}

#loginlogo {max-width:150px;
    margin:0 auto 4em;
    width:100%;
display:block;}

.formfield {position:relative;}

.formfield label {font-size:0.7em;
text-transform: uppercase;}

.input-icon {position:absolute;
    opacity:0.2;
    bottom:0.5em;
    left:0.5em;}

.input-icon + input.form-control {padding-left:1.5em;}

.form-group {margin: 1em 0;}

#login .btn-ohne,
#login .btn-primary {display:block;
    margin:0.5em 0;
    width:100%;
text-align: center;}