body,
input,
.tooltip,
.e-control,
.e-card,
.e-btn,
.e-label,
.e-input-group,
.e-upload,
.e-upload.e-control-wrapper,
.e-tab-text,
.e-float-input {
    font-family: var(--custom-font-family, 'Roboto') !important;
}

.e-upload-drag-hover {
    border-color: orangered;
    box-shadow: 0 0 15px 0 rgba(var(--color-sf-on-surface), 0.3);
}

.loading-spinner {
    border: 4px solid #f3f3f3; /* Heller Hintergrund */
    border-top: 4px solid #3498db; /* Blaue Farbe für den Spinner */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: loading-spin 2s linear infinite; /* Animation der Drehung */
    margin: 10px;
}

/* Animation für den Spinner */
@keyframes loading-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}