.dart-arena {
  position: relative;
  width: 600px;
  height: 200px;
  background: #ffffff;
  overflow: hidden;
}

.dartboard {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, red 20%, white 20%, white 40%, red 40%);
  border-radius: 50%;
  border: 4px solid #000;
}

.dart {
  position: absolute;
  top: 50%;
  left: 20px;
  font-size: 30px;
  color: gold;
  transform: translateY(-50%);
  animation: fliegen 1.5s ease-in-out forwards;
}

@keyframes fliegen {
  0% {
    left: 20px;
    transform: translateY(-50%) rotate(0deg);
  }
  80% {
    transform: translateY(-50%) rotate(-5deg);
  }
  100% {
    left: 440px; /* Trifft genau auf die Scheibe */
    transform: translateY(-50%) rotate(0deg);
  }
}