.wrapper {
  display: grid;
  grid-template-columns: repeat(10, 10%); /* 10 Spalten mit je 10% Breite */
  height: 10vh; /* Jeder Wrapper nimmt 50% der Viewport-Höhe ein */
  text-align: center;
  font-family: "cheee-variable", sans-serif;
  font-size: 6rem;
  color: red;
  align-items: center;
  justify-items: center;
  animation: line1 6s infinite linear;
}

/* Beispiel für Animationen mit Verzögerungen */
.wrapper:nth-child(2) { animation-delay: 0.5s; }
.wrapper:nth-child(3) { animation-delay: 1s; }
.wrapper:nth-child(4) { animation-delay: 1.5s; }
.wrapper:nth-child(5) { animation-delay: 2s; }
.wrapper:nth-child(6) { animation-delay: 2.5s; }
.wrapper:nth-child(7) { animation-delay: 3s; }
.wrapper:nth-child(8) { animation-delay: 3.5s; }
.wrapper:nth-child(9) { animation-delay: 4s; }
.wrapper:nth-child(10) { animation-delay: 4.5s; }






@keyframes line1 {
  0%, 100% {
    font-variation-settings: "GRVT" 0, "YEST" 989;
  }
  40%, 100% {
    font-variation-settings: "GRVT" 989, "YEST" 0;
    font-size: 0rem;
  }
}