@charset "UTF-8";

/*************************************************************************************************************************************/
/* meiser.de  */
/* Style-CSS / custom.css */
/* AUTOR: ms - meiser.de */
/*************************************************************************************************************************************/

::-webkit-selection {background: #2D2F36;}
::-moz-selection {background: #2D2F36;}

body {background: #e2e2e5;}
.page {display: flex;flex-direction: column;height: calc(100% - 40px);/*position: absolute;place-content: center;*/width: calc(100% - 40px);width:100%; height: 100%; margin: 100px 0;}
@media (max-width: 767px) {
  .page {height: auto;margin-bottom: 20px;padding-bottom: 20px; margin: 30px 0;}
}
.container {display: flex;height: 380px;margin: 0 auto;width: 640px;}
@media (max-width: 767px) {
  .container {flex-direction: column;height: 630px;width: 320px;}
}
.left {background: white;height: calc(100% - 40px);top: 20px;position: relative;width: 50%;}
@media (max-width: 767px) {
  .left {height: 100%;left: 20px;width: calc(100% - 40px);max-height: 270px;}
}
.login {font-size: 50px;font-weight: 900;margin: 50px 40px 40px;}
.eula {color: #999;font-size: 14px;line-height: 1.5;margin: 40px;}
.right {background: #eee;box-shadow: 0px 0px 40px 16px rgba(0,0,0,0.22);color: #F1F1F2;position: relative;width: 50%;}
@media (max-width: 767px) {
  .right {flex-shrink: 0;height: 100%;width: 100%;max-height: 350px;}
}
svg {position: absolute;width: 320px;}
path {fill: none;stroke: url(#linearGradient);stroke-width: 4;stroke-dasharray: 240 1386;}
.form {margin: 40px;position: absolute;}
label {color:  #909090;display: block;font-size: 14px;height: 16px;margin-top: 20px;margin-bottom: 10px;}

input {background: transparent;border: 0; color: #101e39;font-size: 20px;height: 30px;line-height: 30px;outline: none !important;width: 100%;font-size: 16px;}
input#password {border-bottom: 3px solid #d2d7db; }
input#email:active, input#email:focus {border: 0;}
input#password:active, input#password:focus {border: 0;}

input::-moz-focus-inner {border: 0;}
#submit {color: #707075;margin-top: 35px;transition: color 300ms;}
#submit:focus {color: #101e39;}
#submit:active {color: #d0d0d2;}

p.danger,p.warning,p.error {color: #c90000; margin-top: 40px;}