.button-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #fff; /* Hintergrundfarbe des Buttons */
    color: #000; /* Textfarbe des Buttons */
    text-decoration: none; /* Entfernt die Standard-Link-Unterstreichung */
    border-radius: 5px; /* Abgerundete Ecken */
}

.button-link:hover {
    background-color: #555; /* Hintergrundfarbe bei Hover */
}

body {
    color: #fff;
    font-family: Arial, sans-serif;
    margin-top: 30px;
    padding: 0;
    background-image: linear-gradient(to bottom, #f1f1d5, #fdf91c);
    background-size: 100% 100%; /* Hintergrundbild 100% in Breite und Höhe des Body-Bereichs */
    background-repeat: no-repeat; /* Keine Wiederholung des Hintergrundbildes */
    background-attachment: fixed; /* Fixiere das Hintergrundbild, um es beim Scrollen beizubehalten */
    /*display: flex;
    /*justify-content: center; /* Horizontal zentrieren */
    /*align-items: center; /* Vertikal zentrieren */
    /*min-height: 100vh; /* Mindesthöhe des gesamten Bildschirms */
}

form {
    max-width: 300px;
    margin: 0 auto;
    padding: 20px;
    background-color: #767c94; /* Dunkelrot */
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

h1 {
    text-align: center;
    color: #fff;
}

.inputs_container {
    margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"] {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border: none;
    border-radius: 5px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
    outline: none;
    box-shadow: 0 0 5px #000;
}

button {
    width: 100%;
    padding: 10px;
    background-color: #fff; /* Schwarz */
    color: #000;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #555; /* Dunkleres Schwarz */
}

.success-container {
    text-align: center;
    margin-top: 50px;
    padding: 20px;
    background-color: #8b0000; /* Dunkelrot */
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.success-container h1 {
    color: #fff;
}

.success-container p {
    color: #fff;
}

.login-button {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #000; /* Dunkelrot */
    color: #fff;
    text-decoration: none; /* Entfernt die Standard-Link-Unterstreichung */
    border-radius: 5px;
}

.login-button:hover {
    background-color: #555; /* Dunkleres Schwarz */
}

/* Stil für die Checkliste */
.checklist {
    list-style-type: none;
    padding: 0;
    text-align: center;
}

.checklist li {
    margin: 5px 0;
}

/* Stil für das "Haken"-Symbol */
.checkmark {
    margin-right: 0px;
    color: rgb(253, 249, 28); /* Farbe des "Haken" */
    font-size: 30px; /* Größe des "Haken" */
    font-weight: bold;
}

.checklist label {
    font-weight: bold;
}

.logo {
    text-align: center;
}

.logo h1 {
    display: inline-block;
    padding: 10px;
    background-color: rgb(253, 249, 28); /* Dunkelrot */
    color: black;
}

#dateInput,
#mileage {
    margin-bottom: 10px; /* Abstand zwischen den Containern */
}

.auction-end-header {
    text-align: center;
}

.auction-info {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    max-width: 600px; /* Maximale Breite des Rahmens */
    overflow: auto; /* Scrollen aktivieren, wenn der Inhalt zu groß ist */
}
.form-message {
    text-align: center;
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
    font-size: 1em; /* Standard-Schriftgröße */
}

/* Spezifische Klasse für Erfolgsmeldungen (grün) */
.success-message {
    /* Sie hatten zuvor 'color: white' verwendet, hier zur Lesbarkeit auf grün */
    color: #fff; 
    background-color: #4CAF50; /* Dunkelgrüner Hintergrund */
    border: 1px solid #45a049;
}

/* Spezifische Klasse für Fehlermeldungen (rot) */
.error-message {
    /* Sie hatten zuvor 'color: red' verwendet, hier zur Lesbarkeit auf rot */
    color: #fff; 
    background-color: #f44336; /* Roter Hintergrund */
    border: 1px solid #d32f2f;
}