/* ------------------ Loader (draaiend + zwevend) ------------------ */
.spinner-loader {
  width: 3vmin;          /* schaalbaar */
  height: 3vmin;
  border: 4px solid rgba(255,255,255,0.2); /* lichte cirkel */
  border-top: 4px solid #3498db;          /* blauwe draaiende lijn */
  border-radius: 50%;                     /* cirkelvorm */
  display: inline-block;
  margin: 0 auto 1vmin auto;             /* centreren */
  animation: spin 1s linear infinite;    /* enkel blauwe rand draait */
}

/* Draai animatie enkel van border-top */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}