:root{
  --dot-size: 18px;
  --trail-color: rgba(25,25,25,0.08);
}


.trail {
  position: fixed; /* fixed sorgt für Abstand unabhängig vom Scroll */
  width: calc(var(--dot-size) * 3);
  height: calc(var(--dot-size) * 3);
  border-radius:50%;
  pointer-events:none;
  background: var(--trail-color);
  filter: blur(8px);
  opacity:0;
}

.particle {
  position: absolute; /* Partikel auf der Seite */
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #232323;
  pointer-events: none;
  opacity: 0.9;
  filter: blur(1px);
  box-shadow: 0 0 8px #ff4d4d;
  transition: opacity 0.4s linear; /* softer Fade */
}