.rainbow-text {
  /* Definition der Farben im Regenbogenverlauf */
  /* Der Verlauf ist breiter als das Element (400%), um die Verschiebung zu ermöglichen */
  background: linear-gradient(
    to right,
    red,
    orange,
    yellow,
    green,
    blue,
    indigo,
    violet,
    red,
    orange,
    yellow,
    green,
    blue,
    indigo,
    violet,
    red,
    orange,
    yellow,
    green,
    blue,
    indigo,
    violet,
    red,
    orange,
    yellow,
    green,
    blue,
    indigo,
    violet
  );

  /* Skalierung des Hintergrunds */
  background-size: 430% 100%;

  /* Clippen des Hintergrunds auf den Text */
  -webkit-background-clip: text;
  background-clip: text;

  /* Textfarbe transparent machen, damit der Hintergrund durchscheint */
  color: transparent;

  /* Animation: Name, Dauer (langsam = z.B. 10s), Timing-Funktion, Endlosschleife */
  animation: rainbow-animation 10s ease infinite;
}

@keyframes rainbow-animation {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}