#ff-loader {
    display: none;
    text-align: center;
    margin-top: 20px;
    position: fixed;         /* A loader az ablak közepén fog megjelenni */
    top: 50%;                /* A loader felső része a képernyő közepén lesz */
    left: 50%;               /* A loader bal oldala a képernyő közepén lesz */
    transform: translate(-50%, -50%); /* A loader középre helyezi magát a képernyőn */
    z-index: 1000;           /* Biztosítja, hogy a loader az összes többi elem fölött jelenik meg */
    background-color: rgba(255, 255, 255, 0.8); /* Kicsit átlátszó fehér háttér a loader mögött */
    padding: 20px;           /* Távolság a loader és a szöveg között */
    border-radius: 10px;     /* Enyhe lekerekítés a szélein */
}

.ff-spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin: 0 auto;          /* Középre igazítja a spinner-t a szülő elemen belül */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}