body {
    font-size: 0.9rem; /* Standard-Schriftgröße */
    overflow-x: hidden; /* Verhindert horizontales Scrollen des gesamten Dokuments */
}
@media (max-width: 768px) {
    body {
        font-size: 0.9rem; /* Kleinste Schriftgröße für sehr kleine Bildschirme */
    }
}


.alert {
    font-size: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.25rem 1rem;
    color: inherit;
}


p.no-margin {
    line-height: 0.5; /* you could tweak this value */
}

.text-success {
    color: #28a745 !important;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center; /* Horizontal zentrieren */
}

.bg-lightgreen {
    background-color: #d4edda !important;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center; /* Horizontal zentrieren */
}

.text-danger {
    color: #dc3545 !important;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;text-align: center; /* Horizontal zentrieren */
}

.text-warning {
    color: #FFA500 !important;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;text-align: center; /* Horizontal zentrieren */
}

.bg-lightred {
    background-color: #f8d7da !important;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center; /* Horizontal zentrieren */
}