.cursor-trail {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  animation: fadeout 1.2s ease-out forwards;
  filter: blur(4px);
}

/* Größen */
.cursor-trail.small { width: 10px; height: 10px; }
.cursor-trail.medium { width: 18px; height: 18px; }
.cursor-trail.large { width: 26px; height: 26px; }

/* Zusätzliche Effekte */
.cursor-trail.fairy { box-shadow: 0 0 8px #fff; }
.cursor-trail.rainbow { background: conic-gradient(from 0deg, red, orange, yellow, green, cyan, blue, violet, red); filter: blur(6px); }
.cursor-trail.aura { background: radial-gradient(circle, rgba(0,255,255,0.2), transparent); filter: blur(8px); }
.cursor-trail.magicpulse { box-shadow: 0 0 12px #f0f; }
.cursor-trail.flame { background: radial-gradient(circle, rgba(255,120,0,0.4), rgba(255,255,0,0)); filter: brightness(1.2); }
.cursor-trail.sparkle { background: white; box-shadow: 0 0 8px white; filter: brightness(2); }
.cursor-trail.marble { mix-blend-mode: screen; opacity: 0.6; animation: marbleFade 1.2s ease-out forwards; }

/* Fade + Marble Effekt */
@keyframes fadeout {
  to { opacity: 0; transform: translate(-50%, -50%) scale(1.6); }
}
@keyframes marbleFade {
  0% { opacity: 0.6; transform: scale(1) rotate(0deg); }
  100% { opacity: 0; transform: scale(2) rotate(180deg); }
}