/* assets/css/styles.css */

/* Hintergrundfarbe für den gesamten Body */
body {
    background-color: #f8f9fa;
}

/* Zentrierung und Padding für die Card */
.card {
    padding: 20px;
    border-radius: 10px;
}

/* Stil für die Formular-Labels */
.form-label {
    font-weight: bold;
}

/* Zusätzliche Abstände */
.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

/* Anpassung der Alert-Nachrichten */
.alert {
    border-radius: 5px;
}

/* Responsives Design */
@media (max-width: 576px) {
    .card {
        padding: 15px;
    }
}

/* Stil für den Import- und Validierungs-Formular-Hinweis */
.card-body pre {
    background-color: #e9ecef;
    padding: 10px;
    border-radius: 5px;
    white-space: pre-wrap; /* Zeilenumbrüche beibehalten */
}

/* Zusätzliche Anpassungen für die Collapse-Komponente */
.collapse.show {
    margin-top: 15px;
}

/* Buttons in den Karten */
.card .btn {
    margin-bottom: 10px;
}