/* Grundlayout */
html, body {
height: 100%;
margin: 0;
}

body {
display: flex;
justify-content: center; /* horizontal */
align-items: center;     /* vertikal */
background: #FFFFFF;
font-family: system-ui, -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Login-Box */
.login-box {
background: #ffffff;
padding: 2rem;
border-radius: 12px;
width: 100%;
max-width: 360px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
}

.login-box h2 {
text-align: center;
margin-bottom: 1.5rem;
font-weight:bold;
}

/* Formularelemente */
label {
display: block;
font-weight: bold;
margin-bottom: 0.6rem;
text-align: center;
}

input {
width: 100%;
padding: 0.6rem;
margin-bottom: 1rem;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 1rem;
text-align:center;
background: #f8faff;
}

input:focus {
border-color: #007bff;
outline: none;
background: #FFFFFF;
}

/* Button */
button {
margin-top:10px;
width: 100%;
padding: 0.7rem;
background: #0056b3;
border: none;
color: #ffffff;
font-size: 1.1rem;
border-radius: 4px;
cursor: pointer;
}

button:hover {
background: #1fbf23;
}

.error {
color: red;
font-size: 0.85rem;
margin-bottom: 1rem;
display: none;
text-align:center;
}