/* Kundenstimmen (Startseite), ersetzt das Webflow-Laufband: Karten wachsen mit dem Text.
   Desktop/Tablet: zwei Spalten laufen gegenläufig endlos (nur mit JS, Klasse .stimmen--laeuft), Hover hält an.
   Handy: horizontal wischen. Farben/Schriften aus karin-sendele.webflow.css. */
.stimmen-section{padding:clamp(5rem,8vw,7rem) 0}
.stimmen-section .absolute-image{z-index:0;pointer-events:none}
.stimmen{--stimmen-hoehe:680px;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  grid-template-areas:"spalten kopf";gap:clamp(3rem,7vw,7rem);align-items:center;width:100%;max-width:1440px;padding:0 clamp(20px,8.7vw,125px)}
.stimmen__kopf{grid-area:kopf}
.stimmen__spalten{grid-area:spalten;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.stimmen__band{display:flex;flex-direction:column;gap:20px}
.stimme{display:flex;flex-direction:column;padding:2.25rem 2.1rem 2rem;border-radius:26px;background:var(--white)}
.stimme__sterne{height:16px;margin:0 0 1.25rem}
.stimme__sterne img{width:auto;height:16px}
.stimme__text{margin:0;color:#3d3d3a}
.stimme__name{margin:1.5rem 0 0;padding-top:1.1rem;border-top:1px solid #e8e2d6;line-height:1.3}
/* Laufband */
.stimmen--laeuft .stimmen__spalten{height:var(--stimmen-hoehe);overflow:hidden;
  -webkit-mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
.stimmen--laeuft .stimmen__band{animation:stimmen-hoch var(--dauer,45s) linear infinite}
.stimmen--laeuft .stimmen__spalte--runter .stimmen__band{animation-direction:reverse}
.stimmen--laeuft .stimmen__spalten:hover .stimmen__band{animation-play-state:paused}
@keyframes stimmen-hoch{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 10px))}}
@media screen and (max-width:991px){
  .stimmen{--stimmen-hoehe:620px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem;padding:0 40px}
  .stimme{padding:2rem 1.6rem 1.75rem}
}
@media screen and (max-width:767px){
  .stimmen{grid-template-columns:minmax(0,1fr);grid-template-areas:"kopf" "spalten";gap:2.5rem;padding:0}
  .stimmen__kopf{padding:0 20px}
  .stimmen__spalten,.stimmen--laeuft .stimmen__spalten{display:flex;height:auto;gap:16px;overflow-x:auto;padding:0 20px 8px;
    scroll-snap-type:x mandatory;scroll-padding:0 20px;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}
  .stimmen__spalten::-webkit-scrollbar{display:none}
  .stimmen__spalte,.stimmen__band{display:contents}
  .stimmen--laeuft .stimmen__band{animation:none}
  .stimme{flex:0 0 min(84%,340px);scroll-snap-align:start}
  .stimme--klon{display:none}
}
@media (prefers-reduced-motion:reduce){.stimmen--laeuft .stimmen__band{animation:none}}