html{height:100vh;width:100%}
body {margin: 0px;font-size:12px;font-family: Verdana, sans-serif;color:#000000;box-sizing:border-box;background-color:#a4a4a4;}

/* helo - header login */
.helo_box{box-sizing:border-box;display:flex;background-color:#000000;width:100%;height:35px;border:0px;}
.helo_inside_left{box-sizing:border-box;flex:1;border:0px solid;align-items: center;}
.helo_inside_right{box-sizing:border-box;width:100px;border:0px;}
.helo_button{border:0px;background-color:#000000;width:100%;height:100%;color:#ffffff;}
.helo_button:hover{border:0px;background-color:#ffffff;width:100%;height:100%;color:#000000;}

.login-container{margin:0px;box-sizing:border-box;border:1px solid;border-color:#c7c7c7;padding:2px;background-color:#ffffff;width:500px;}
.login-title{box-sizing:border-box;border-top:1px solid;border-bottom:1px solid;border-color:#7b7b7b;padding:5px;background-color:#c7c7c7;width:100%;font-size:12px;font-family: Verdana, sans-serif;color:#000000;}
.login-title a:link {font-weight:bold;color:#000000;text-decoration:none;}
.login-title a:visited {font-weight:bold;color:#000000;text-decoration:none;}
.login-title a:hover{color:#ff0000;text-decoration:underline;}

.login-form{box-sizing:border-box;padding:50px;font-size:12px;font-family: Verdana, sans-serif;color:#000000;}
.login-form-title{padding-top:4px;padding-bottom:4px;font-size:14px;font-family: Verdana, sans-serif;color:#484848;}
.login-form-input{box-sizing:border-box;border:1px solid;border-color:#7b7b7b;padding:6px;background-color:#eeeeee;font-size:16px;font-family: Verdana, sans-serif;color:#000000;width:100%;}
.login-form-submit{box-sizing:border-box;border:1px solid;border-color:#c7c7c7;padding:8px;width:180px;background: linear-gradient(to bottom, #080a67, #0737e5);font-size:14px;font-family: Verdana, sans-serif;color:#ffffff;}
.login-form-submit:hover{background: linear-gradient(to bottom, #981e1e, #0737e5);}
.login-links {margin-top:20px;margin-bottom:20px;}
.login-links a:link, a:visited{font-size:14px;font-family: Verdana, sans-serif;color:#ee0b0b;text-decoration:none;}
.login-links a:hover{font-size:14px;font-family: Verdana, sans-serif;color:#0737e5;}
.space{margin-top:15px;margin-bottom:15px;}
.space a {font-size:14px;font-family: Verdana, sans-serif;color:#981e1e;text-decoration:none;}
.space a:hover{font-size:14px;font-family: Verdana, sans-serif;color:#ff0000;text-decoration:underline;}

.nmsg, .pmsg, .notice{
    box-sizing: border-box;
    border: 1px solid;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
    position: relative; /* Wichtig für absolute Positionierung der Kinder */
	text-align:left;
}

.nmsg {
    background-color: #ffb6b6;
    border-color: #d13131;
    color: #981e1e;
}

.pmsg {
    background-color: #a7e1b3;
    border-color: #498a57;
    color: #31753f;
}

.notice-box{background-color:#3366cc;border-color:#3366cc;border:1px solid;font-size:12.6px;color:#4676d7;min-height:50px;padding-left:60px;border-radius: 10px 0px 10px 0px;background-image: url('../image/info.png');background-repeat: no-repeat;margin-top:10px;margin-bottom:10px;}
.notice-text{background-color:#fff3be;border-radius: 0px 0px 10px 0px;padding:2px;padding-left:7px;padding-right:7px;font-size:12.6px;color:#4676d7;min-height:50px;height:100%;display: grid;place-items: center;}

#reloadTime {
    border: 0px solid;
    border-color: #ff0000;
    position: absolute; /* Ändert relative in absolute */
    right: 5px; /* Abstand vom rechten Rand des übergeordneten Divs */
    top: 5px; /* Vertikal zentrieren */
	font-weight:bold;
}

/* Grundstyle für das Overlay */
#overlay {
    display: none; /* Standardmäßig ausgeblendet */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Halbtransparentes Schwarz */
    z-index: 999; /* Über allem anzeigen */
}

/* AuthContainer Style */
#authContainer {
    display: none; /* Standardmäßig ausgeblendet */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 1000; /* Muss über dem Overlay liegen */
	border:1px solid;
	border-color:#292929;
	box-shadow: 0px 0px 10px #000000;
}

/* Close-Button Style */
#closeAuth {
    position: absolute;
    top:1px;
    right: 5px;
    font-size: 18px;
	font-family: "Arial Black", "Impact", sans-serif;
    cursor: pointer;
	padding:2px;
	margin:0px;
	background: transparent;
	border:0px;
	color:#0737e5;
}
#closeAuth:hover {
	color:#ff0000;
}

form {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 640px) {

#authContainer{width:95%;}
.login-container{width:100%;}
.login-title{font-size:15px;}

}