/* Google-Bewertungen im Design Klassisch (Partials unter Resources/Private/Extensions/GoogleReviews/Klassisch/) */
.star.star--off { color: var(--line); }

/* Kundenstimmen folgen direkt auf die Nachweise: kein zweiter Sektionsabstand dazwischen */
.section.lpk-reviews { padding-top: 0; }

/* Hinweise der Extension zu Auswahl/Mindestbewertung (Transparenz, §5b(3) UWG) */
.reviews__context { margin: -12px 0 20px; font-size: .88rem; color: var(--text-3); }

/* Kundenstimmen als Slider (landingpage.js, data-lp-slider): 3 / 2 / 1 Karten, Einrasten per scroll-snap */
.reviews__list.slider__track {
  --per-view: 3;
  display: grid; grid-auto-flow: column; grid-template-columns: none;
  grid-auto-columns: calc((100% - (var(--per-view) - 1) * 20px) / var(--per-view));
  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  scrollbar-width: none; padding: 8px 14px 22px; margin: -8px -14px -10px; scroll-padding-inline: 14px;
}
.reviews__list.slider__track::-webkit-scrollbar { display: none; }
.slider__track > .review { scroll-snap-align: start; }
@media (max-width: 1100px) { .reviews__list.slider__track { --per-view: 2; } }
@media (max-width: 720px) { .reviews__list.slider__track { --per-view: 1; } }
@media (prefers-reduced-motion: reduce) { .reviews__list.slider__track { scroll-behavior: auto; } }
.slider .slider__controls { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 20px; }
.slider .slider__controls[hidden] { display: none; }
.slider .slider__btn {
  display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0;
  border: 1.5px solid var(--line); border-radius: 50%; background: #fff; color: var(--ink); cursor: pointer;
  transition: border-color .15s, color .15s;
}
.slider .slider__btn:hover { border-color: var(--red); color: var(--red); }
.slider .slider__btn:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; }
.slider .slider__btn--prev .icon { transform: rotate(180deg); }
.slider .slider__btn .slider__play,
.slider .slider__btn[aria-pressed="true"] .slider__pause { display: none; }
.slider .slider__btn[aria-pressed="true"] .slider__play { display: block; }
.slider .slider__dots { display: flex; gap: 6px; }
.slider .slider__dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background-color: var(--line); cursor: pointer; }
/* Größere Trefferfläche für Finger, ohne die Punkte zu vergrößern */
.slider .slider__dots { gap: 2px; }
.slider .slider__dot { box-sizing: content-box; border: 9px solid transparent; background-clip: padding-box; }
.slider .slider__dot[aria-current="true"] { background-color: var(--red); }
.slider .slider__dot:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; }