/* Gasyco – Seitenwechsel-Rückmeldung (Aufgabe R.1)
   Ladebalken am oberen Fensterrand, den seitenwechsel.js beim Klick auf einen Link zu einer anderen Seite anhängt.
   Läuft schnell auf ~30 % und dann langsam gegen 90 % (die neue Seite ersetzt ihn); über dem Sticky-Header.
   Lädt nach Bricks und ACSS über das Modul-Register (inc/seitenwechsel.php). */

.seitenwechsel-balken {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 100000;
  height: 3px;
  background: var(--primary);
  transform-origin: 0 50%;
  transform: scaleX(.9);
  pointer-events: none;
  animation: seitenwechsel-lauf 12s cubic-bezier(.08, .8, .2, 1) both;
}

[dir="rtl"] .seitenwechsel-balken {
  transform-origin: 100% 50%;
}

@keyframes seitenwechsel-lauf {
  0%   { transform: scaleX(.08); }
  8%   { transform: scaleX(.3); }
  100% { transform: scaleX(.9); }
}

/* Reduzierte Bewegung: voller Balken ohne Animation */
@media (prefers-reduced-motion: reduce) {
  .seitenwechsel-balken {
    animation: none;
    transform: none;
  }
}