

.page-grid__content--text .galerie--slider {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 2 * var(--space-md)) / 3);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  margin-bottom: var(--space-sm);
}

.page-grid__content--text .galerie--slider::-webkit-scrollbar {
  display: none;
}

.page-grid__content--text .galerie--slider figure {
  scroll-snap-align: start;
}

.page-grid__content--text .galerie--slider figcaption {
  margin-top: var(--space-sm);
  font-size: inherit;
  line-height: 1.5;
  text-align: center;
  color: var(--color-primary);
}

.page-grid__content--text .galerie-punkte {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 0 0 var(--space-xl);
}

.page-grid__content--text .galerie-punkte button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #d0d0d0;
  cursor: pointer;
}

.page-grid__content--text .galerie-punkte button.is-aktiv {
  background: var(--color-text);
}

@media (max-width: 700px) {
  .page-grid__content--text .galerie--slider {
    grid-auto-columns: calc((100% - var(--space-md)) / 2);
  }
}

@media (max-width: 460px) {
  .page-grid__content--text .galerie--slider {
    grid-auto-columns: 100%;
  }
}
