#ajax-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px; /* Höhe des Loaders */
    margin-top: 10px; /* Zusätzlicher Abstand */
}

.ajax-loader.hidden {
    display: none; /* Versteckt den Loader standardmäßig */
}
.ajax-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.box {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background-color: red;
    animation: bounce 1.5s infinite ease-in-out;
}

.box:nth-child(2) {
    animation-delay: 0.2s;
}

.box:nth-child(3) {
    animation-delay: 0.4s;
}

.box:nth-child(4) {
    animation-delay: 0.6s;
}

.box:nth-child(5) {
    animation-delay: 0.8s;
}

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}

/* Optional: zum Ein- und Ausblenden */
.hidden {
    display: none;
}