.loader-svg {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.loader-svg.hidden {
    display: none;
}

.loader-svg .container {
  --uib-size: 35px;
  --uib-color: var(--color-primary);
  --uib-speed: 1.2s;
  --uib-bg-opacity: .1;
  height: var(--uib-size);
  width: var(--uib-size);
  transform-origin: center;
  will-change: transform;
  overflow: visible;
  margin: 20px auto; /* Zentriert */
}

.loader-svg .car {
  fill: none;
  stroke: var(--uib-color);
  stroke-dasharray: 25, 75;
  stroke-dashoffset: 0;
  animation: travel var(--uib-speed) linear infinite;
  will-change: stroke-dasharray, stroke-dashoffset;
  transition: stroke 0.5s ease;
}

.loader-svg .track {
  fill: none;
  stroke: var(--uib-color);
  opacity: var(--uib-bg-opacity);
  transition: stroke 0.5s ease;
}

@keyframes travel {
  0% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -100; }
}