/* 
* ACHTUNG!! SPÖRCK
*/


/* hellgrau #f9f9f9 | dunkelgrau #696969 | hellblau #7abdf4 | grün #4fafc8 | dunkelblau #0050a1 | weiß #ffffff */ 

/* Reset */
 *{margin:0;padding:0;} 
input:focus, select:focus, textarea:focus, button:focus {outline:none;}

#custom-loginform {max-width:300px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}

label {display:none; color:#fff;}
input.input {text-align:left; font-size:1.1em; color:#fff; line-height:28px; padding:10px; max-width:200px; border:none; border-radius:0px; background:#4fafc8; box-shadow:none !important;}

input:focus {background:#f1f1f1; color:#000; -moz-transition:all .5s ease-in; -o-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; transition:all .5s ease-in; box-shadow:inset 0 1px 2px rgba(0,0,0, 0.7);}

.login-username:before, .login-password:before {display:inline-block; float:left; font-family:fontello; font-size:1.7em; color:#fff; font-style:normal; font-weight:normal; text-decoration:inherit; padding:10px; line-height:28px; width:48px; background:#4fafc8;}

.login-username:before {content:"\e825";}
.login-password:before {content:"\e80a";}
.login-submit {text-align:center;}

#wp-submit {background:#4fafc8; font-size:1.1em; color:#fff; margin:20px 0 0; padding:18px 25px; border:none; text-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#wp-submit:hover {cursor:pointer; background:#3f8ca1; color:#fff; -moz-transition:all .5s ease-in; -o-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; transition:all .5s ease-in;}

#msg p {display:inline-block; margin:14px 0 30px;}
#msg i {display:block; font-size:12vmin;}
#msg .failed i {color:#f90808;}
#msg .empty i {color:#f90808;}
#msg .logout i {color:#a6d139;}


/* Placeholder */
::-webkit-input-placeholder {color:#fff;} :-moz-placeholder {color:#fff;} ::-moz-placeholder {color:#fff;} :-ms-input-placeholder {color:#fff;}



/* ########################################################################### */
/*  ------------------------------------------------------------- His  Responsiveness ------------------------------------------------------------- */
/* ########################################################################### */



@media screen and (max-width:600px) {
	input.input {max-width:200px;}
}/* Ende @media screen */