/* Styles für Login */

/* ============================================================
 * Login-Overlay
 * ============================================================ */

.login-overlay {
    width: min(90%, 420px);
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
}

.login-overlay::backdrop {
    background: rgba(0, 0, 0, 0.65);
}

.login-box {
    padding: 1rem;
    background: #ffef8e;
    border: 2px solid #dd9933;
    border-radius: 8px;
    box-shadow: 0 0 20px #dd9933;
}

.login-box h2 {
    margin-top: 0;
    margin-bottom: 0px;
    text-align: center;
}

.login-box form {
    margin-top: 10px;
}

.login-box label {
    color: #7e5629;
    display: block;
    margin-bottom: 1rem;
}

.login-box input {
    box-sizing: border-box;
    color: darkgreen;
    width: 100%;
    margin-top: 0.3rem;
    padding: 0.5rem;
}

.login-buttons {
    display: flex;
    gap: 10%;
    justify-content: center;
    margin-top: 1rem;
}

.login-error {
    min-height: 1.2em;
    color: darkred;
}

#request-login-data {
    display: block;
    margin: 1rem auto 0;
}