.c-slideshow__bullet {
  /* Relativ für das Pseudo-Element */
  position: relative;
  
  /* Sichtbare Größe des Punktes - bleibt klein */
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
  
  /* Normaler Abstand zwischen den Punkten */
  margin: 0 6px;
  
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.c-slideshow__bullet::before {
  content: '';
  position: absolute;
  
  /* Vergrößerter unsichtbarer Klickbereich */
  width: 44px;
  height: 44px;
  
  /* Zentriert um den Punkt herum */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-slideshow__bullet--is-active,
.c-slideshow__bullet:hover {
  background-color: #333;
}

.c-slideshow__bullet:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 4px;
}