.btn-fire {
    background-color: #ff4500;
    color: white;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 10px #ff4500, 0 0 20px #ffae00;
    transition: 0.3s;
}

.btn-fire:hover {
    background-color: #ffae00;
    box-shadow: 0 0 20px #ff4500, 0 0 40px #ffae00;
    color: #fff;
    transform: scale(1.05);
}

.conveyor-belt {
  width: 100%;
  overflow: hidden; /* Verdeckt den Rest des "Bands" */
  background: #f0f0f0;
}

.belt-track {
  display: flex;
  width: max-content; /* Passt sich automatisch der Bildanzahl an */
  animation: conveyor 20s linear infinite; /* 'linear' für gleichmäßigen Lauf */
}

.belt-track img {
  height: 200px; /* Einheitliche Höhe für das Band */
  width: auto;
  padding: 10px;
}

@keyframes conveyor {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* Bewegt sich genau um eine Set-Länge */
}

/* Optional: Stoppt bei Hover */
.conveyor-belt:hover .belt-track {
  animation-play-state: paused;
}