:root {
	--SECTechGrey: #eeeeee;
	--SECTechwhite: #ffffff;
	--SECTechLightGrey: #d7d8d6;
	--SECTechMidGrey: #9c9ea0;
	--SECTechPurple: #8d5fff;
	--SECTechLightPurple: #c2b4fc;
	--SECTechMidPurple: #55419e;
	--SECTechDarkPurple: #26224c;
	--SECTechSECNavy: #031f30;
	--SECTechSECRed: #fc273f;
}
html, body { height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; }
.centered-box { padding: 20px 30%; box-shadow: 0 0 7px 0 #9c9ea0; background-color:#ffffff; border-radius: 4px; }
input { height: 30px; border-radius: 4px; border: 1px solid #bfc0ce; width: 60%; padding-left:10px; width: 60%;min-width: 250px; }
input:focus, input:active { border: 1px solid #7f809d; outline:none; }
.submit { background-color: #8d5fff;color: #eeeeee;height: 30px;width: 60%;min-width: 250px; }
.submit:hover { color: #031f30; background-color: #c2b4fc; }
.divLogo { font-size: 40px; text-align:center; width: 100%;font-weight:bold; }
.imageLogo { width: 180px; }
.beta { margin-top: -25px;margin-left: 120px; }
.divInputbox { margin-top:40px;text-align:center; }
.centerUberschrift { font-size:20px;font-weight: bold; }
.loginError {color:red;padding-bottom: 30px;padding-top: 30px;}
.noError { padding-bottom: 5px;padding-top: 0px; }
.loginButton { border: none;border-radius: 4px; }
.impressumDiv { font-family: Arial, Helvetica, sans-serif;color: var(--SECTechSECNavy); background: url(css/wallpaper_white.png) no-repeat center center fixed, var(--SECTechGrey);background-size: cover; background-repeat: no-repeat; background-position: center center;padding: 10px; }