/*
*/
body {
  margin: 0; /* Entfernt Standard-Seitenränder */
  overflow: hidden; /* Verhindert Scrollbalken während der Bewegung */
}

.moving-link {
  position: absolute; /* Ermöglicht freie Positionierung */
  /* Startpositionen (nach Bedarf anpassen) */
/*  top: 20%;
  left: 80%; /*
  transform: translate(-50%, -50%);
  /* Individuelle Animationen für jeden Link */
  animation: moveLink1 5s linear infinite; /* Dauer und Art der Bewegung */
}

.moving-link:nth-child(2) {
  animation: moveLink2 12s ease-in-out infinite; /* Unterschiedliche Dauer und Art */
}

.moving-link:nth-child(3) {
  animation: moveLink3 8s ease infinite;
}

/* Keyframes für die Bewegungen */
@keyframes moveLink1 {
  0% { transform: translate(-100%, -100%); }
  25% { transform: translate(20%, -80%); } /* Beispielbewegung */
  50% { transform: translate(80%, 20%); }
  75% { transform: translate(-20%, 80%); }
  100% { transform: translate(-100%, -100%); }
}

keyframes moveLink2 {
  0% { transform: translate(80%, -20%); }
  25% { transform: translate(-10%, 90%); }
  50% { transform: translate(-90%, -10%); }
  75% { transform: translate(20%, -80%); }
  100% { transform: translate(80%, -20%); }
}

@keyframes moveLink3 {
  0% { transform: translate(-30%, -70%); }
  25% { transform: translate(70%, 10%); }
  50% { transform: translate(10%, 80%); }
  75% { transform: translate(-80%, -10%); }
  100% { transform: translate(-30%, -70%); }
}

@keyframes moveLink4 {
  0% { transform: translate(10%, 60%); }
  25% { transform: translate(-60%, -20%); }
  50% { transform: translate(-10%, -80%); }
  75% { transform: translate(80%, 20%); }
  100% { transform: translate(10%, 60%); }
}

@keyframes moveLink5 {
  0% { transform: translate(-70%, 10%); }
  25% { transform: translate(20%, 80%); }
  50% { transform: translate(80%, -20%); }
  75% { transform: translate(-10%, -70%); }
  100% { transform: translate(-70%, 10%); }
}

@keyframes moveLink6 {
  0% { transform: translate(40%, -50%); }
  25% { transform: translate(-30%, -10%); }
  50% { transform: translate(-70%, 40%); }
  75% { transform: translate(10%, 80%); }
  100% { transform: translate(40%, -50%); }
}

@keyframes moveLink7 {
  0% { transform: translate(-20%, -80%); }
  25% { transform: translate(80%, 10%); }
  50% { transform: translate(20%, 70%); }
  75% { transform: translate(-70%, -10%); }
  100% { transform: translate(-20%, -80%); }
}

@keyframes moveLink8 {
  0% { transform: translate(60%, 20%); }
  25% { transform: translate(-10%, -60%); }
  50% { transform: translate(-80%, 10%); }
  75% { transform: translate(30%, 70%); }
  100% { transform: translate(60%, 20%); }
}

@keyframes moveLink9 {
  0% { transform: translate(-50%, 40%); }
  25% { transform: translate(10%, -80%); }
  50% { transform: translate(70%, 20%); }
  75% { transform: translate(-20%, 60%); }
  100% { transform: translate(-50%, 40%); }
}

@keyframes moveLink10 {
  0% { transform: translate(30%, -70%); }
  25% { transform: translate(-80%, 10%); }
  50% { transform: translate(-20%, 80%); }
  75% { transform: translate(70%, -10%); }
  100% { transform: translate(30%, -70%); }
}

.dvd-link {
  position: absolute;
  /* Styling für den Link (Aussehen) */
  background-color: #007bff; /* Beispiel-Farbe */
  color: white;
  padding: 10px 20px;
  text-decoration: none; /* Link-Unterstreichung entfernen */
}