/* ------------------------
   Grundlayout
------------------------- */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #0f172a; /* Dunkler Hintergrund */
    color: #00ffcc; /* Neon-grüne Schrift */
    font-family: "Courier New", monospace;
}

/* Abstand im Content */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* ------------------------
   Formulare
------------------------- */
input,
select,
textarea {
    max-width: 280px;
    padding: 10px;
    border-radius: 5px;
    border: none;
    margin-top: 10px;
    background-color: #020617;
    color: #00ffcc;
}

button {
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    background-color: #00ffcc;
    color: #020617;
    cursor: pointer;
    margin-top: 10px;
}

    button:hover {
        background-color: #00ccaa;
    }

/* ------------------------
   Validierungs-Hinweise
------------------------- */
.field-validation-error {
    color: #ff5555; /* Rotes Neon für Fehler */
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #ff5555;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #ff5555;
}

.validation-summary-valid {
    display: none;
}

/* ------------------------
   Links
------------------------- */
a {
    color: #00ffcc;
    text-decoration: underline;
}

    a:hover {
        color: #00ccaa;
    }