/* Scrollbar dünner und bunt animiert - Webkit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 8px; /* dünner */
}

::-webkit-scrollbar-track {
  background: #111; /* Track Hintergrund */
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(270deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8f00ff);
  background-size: 1400% 1400%;
  border-radius: 8px;
  animation: rainbow 8s ease infinite;
}

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

/* Für Firefox (nur statisch möglich, Animation nicht direkt unterstützt) */
* {
  scrollbar-width: thin;
  scrollbar-color: #0073f7 #ffffff00; /* Da Gradient nicht animiert wird, nur feste Farbe möglich */
}