/* Shimmer-Effekt für den hohl.rocks Schriftzug
 *
 * Dieses Stylesheet definiert einen subtilen Lichtschein, der über den Titel in der Heldensektion wandert.  Der
 * Hintergrund des Textes ist als linearer Verlauf mit wechselnden Transparenzen angelegt und wird über die Zeit
 * animiert.  Die ursprünglich enthaltenen Varianten wurden entfernt, um die Datei übersichtlich und gültig zu halten.
 */

.hero h1 {
  margin: 12px 0 0;
  font-size: 28px;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.6);
  /* Shimmer-Effekt */
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0.8) 20%,
    rgba(255, 255, 255, 1) 40%,
    rgba(200, 240, 255, 1) 50%,
    rgba(255, 255, 255, 1) 60%,
    rgba(255, 255, 255, 0.8) 80%,
    rgba(255, 255, 255, 0.8) 100%
  );
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}