/* TU Graz — Ladeanzeige vor dem Angular-Bootstrap. index.html verlinkt diese
   Datei direkt; es gibt keine Dunkelvariante, also auch keine
   prefers-color-scheme-Weiche. Der Ring traegt das TU-Graz-Blau. */

#id-loader span { display: none; }

#id-loader {
  background-color: #ffffff;
  padding-bottom: 0;
}

#id-loader::before {
  content: '';
  width: 44px;
  height: 44px;
  border: 3px solid #e6eef3;
  border-top-color: #487692;
  border-radius: 50%;
  animation: tug-loader-spin 0.9s linear infinite;
}

@keyframes tug-loader-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  #id-loader::before { animation-duration: 3s; }
}

/* Ausblenden, sobald Angular etwas in sein Wurzelelement gerendert hat. */
body:has(#id-loader ~ *:not(:empty)) #id-loader { display: none; }