/*  LOGIN / REGISTER*/

.auth-container {
    max-width: 400px; /* maximale Breite der Box */
    margin: 80px auto; /* Abstand oben/unten 80px, horizontal zentriert */
    padding: 30px; /* Innenabstand rundherum */
    background: #ffffff; /* weißer Hintergrund */
    border-radius: 15px; /* abgerundete Ecken */
    box-shadow: 0 4px 15px rgba(0,0,0,0.12); /* leichter Schatten*/
    text-align: center; /* Inhalte zentrieren (z.B. Überschrift) */
}

.auth-container h2 {
    color: #5ca174; /* grün für Titel „Login“ oder „Register“ */
}

.auth-form {
    display: flex;
    flex-direction: column;
}

.auth-form input,.btn {
    padding: 10px; /* Innenabstand in Feldern/Buttons */
    border-radius: 8px; /* abgerundete Ecken */
    margin-top: 10px; /* Abstand nach oben zu vorherigem Element */
}

.auth-form input {
    border: 1px solid #ccc; /* hellgrauer Rahmen für Inputs */
}

.btn {
    background: #5ca174; /* grün wie Navbar */
    color: white; /* Textfarbe */
    font-weight: bold; /* Schrift fett */
    cursor: pointer; /* Maus wird Hand beim Hover */
}

.btn:hover {
    background: #4e8e64;/* dunkleres Grün beim Hover */
}

.error-message {
    color: red;
}