/* Ruhige Suchanimation mit einer konstanten, fiktiven Bewertung. */
.search-demo-result {
  transition: transform 2s cubic-bezier(.25,.7,.25,1), border-color .6s ease, box-shadow .6s ease;
}
.search-demo-result-text { gap: 2px; }
.search-demo-rating { display: block; color: #5f6368; font-size: 11px; line-height: 1.3; white-space: nowrap; }
.search-demo-stars { color: #a85d00; font-size: 11px; letter-spacing: -.035em; }
.search-demo-before, .search-demo-after { font-size: 12px; }
.search-demo-results { transition: opacity .32s ease; }
.search-demo.is-resetting .search-demo-results { opacity: 0; }
.search-demo.is-resetting .search-demo-result { transition: none !important; }
.search-demo[data-stage="updating"] .search-demo-progress i { transition-duration: 4.3s; }

/* Drei Leistungen als ruhiger, nach rechts laufender Streifen. */
.hero-strip .wrap { display: flex; flex-wrap: nowrap; gap: 26px; }
.hero-usp { flex: 1 1 auto; min-width: 0; }
.hero-usp-viewport { overflow: hidden; max-width: 100%; -webkit-mask-image: linear-gradient(to right, transparent, #000 26px, #000 calc(100% - 26px), transparent); mask-image: linear-gradient(to right, transparent, #000 26px, #000 calc(100% - 26px), transparent); }
.hero-usp-track { display: flex; width: max-content; }
.hero-usp-group { display: flex; align-items: center; flex: none; gap: 26px; padding-right: 26px; }
.hero-strip .hero-usp-group span { display: inline-flex; align-items: center; flex: none; white-space: nowrap; }
.hero-strip .hero-usp-group span:not(:first-child)::before { content: '·'; padding-right: 26px; color: #aaa; }
.hero-strip .hero-usp-group span:first-child::before { content: '·'; padding-right: 26px; color: #aaa; }
.hero-strip .wrap > a { flex: none; }
@keyframes ortsklar-services-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }
.hero-usp.is-ready .hero-usp-track { animation: ortsklar-services-right 70s linear infinite paused; }
.hero-usp.is-ready.is-moving .hero-usp-track { animation-play-state: running; }
@media (max-width: 600px) {
  .hero-strip .wrap { flex-wrap: wrap; gap: 10px; }
  .hero-usp { flex-basis: 100%; }
  .hero-usp-viewport { padding-block: 4px; }
  .hero-strip .wrap > a { width: 100%; }
}
@media (max-width: 350px) {
  .search-demo-rating { font-size: 10px; }
  .search-demo-stars { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-usp-viewport { overflow: visible; -webkit-mask-image: none; mask-image: none; }
  .hero-usp-track { width: auto; animation: none !important; }
  .hero-usp-group { width: 100%; flex-wrap: wrap; gap: 8px 16px; padding-right: 0; }
  .hero-usp-group:not(:first-child) { display: none; }
  .hero-strip .hero-usp-group span { white-space: normal; }
  .hero-strip .hero-usp-group span:first-child::before { content: none; }
  .hero-strip .hero-usp-group span:not(:first-child)::before { padding-right: 16px; }
}