/* cb04 · Bewertungen lesen — vorn die schlechten, dahinter dezent die guten (Umschalter in der App) */
.ff-stimmen__lead { font-size: var(--fs-lead); line-height: 1.42; max-width: 32ch; }
.ff-stimmen__umschalter {
  --tilt: -2deg;
  display: inline-flex;
  gap: var(--space-1);
  padding: 5px;
  margin-top: var(--space-6);
  font-weight: 600;
  background: var(--surface-sticker);
  border: 3px solid var(--border-sticker);
  border-radius: var(--radius-rund);
  box-shadow: var(--shadow-sticker);
  rotate: var(--tilt);
}
.ff-stimmen__seite {
  padding: .45em 1.1em;
  border-radius: var(--radius-rund);
}
.ff-stimmen__seite--an { background: var(--ff-gold); }
.ff-stimmen__hinweis { margin-top: var(--space-5); font-weight: 600; color: var(--text-muted); max-width: 36ch; }

.ff-stimmen__stapel { position: relative; }
.ff-stimmen__phone--hinten {
  position: absolute;
  inset: 0 auto auto 0;
  scale: .88;
  filter: saturate(.75);
  transition: translate 900ms var(--ease-pop), rotate 900ms var(--ease-pop);
}
.ff-stimmen__stapel[data-ff-offen] .ff-stimmen__phone--hinten { --tilt: -7deg; translate: -19% -1%; }
.ff-stimmen__stapel[data-ff-offen]:hover .ff-stimmen__phone--hinten { --tilt: -9deg; translate: -22% -2%; }

@media (prefers-reduced-motion: reduce) {
  .ff-stimmen__phone--hinten { --tilt: -7deg; translate: -19% -1%; transition: none; }
}

@media (max-width: 900px) {
  .ff-stimmen__stapel[data-ff-offen] .ff-stimmen__phone--hinten,
  .ff-stimmen__stapel[data-ff-offen]:hover .ff-stimmen__phone--hinten { --tilt: -4deg; translate: -8% 0; }
}
@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .ff-stimmen__phone--hinten { --tilt: -4deg; translate: -8% 0; }
}