/* ==========================================================================
   Startseite, Bildleiste „Ausgewählte Projekte“ – mobil: Positionsstriche
   (nach psychotherapie-pinzgau.at): kurze Linien, aktive weiß, übrige gedämpft,
   ohne Zahl, über die ganze Breite. Zeigen sofort, dass man wischen kann; antippbar.
   Desktop: ausgeblendet (dort läuft die Leiste scrollgebunden).
   ========================================================================== */
.leiste-punkte { display: none; }
@media (max-width: 900px) {
  .leiste-punkte {
    display: flex; align-items: center; gap: 1rem;
    margin-top: 1.4rem;
  }
  .leiste-striche { display: flex; gap: 6px; flex: 1 1 auto; width: 100%; }   /* Striche teilen sich die ganze Breite */
  .leiste-striche button {
    flex: 1 1 0; min-width: 0; height: 22px; padding: 0; position: relative;   /* große Trefferfläche, feine Linie */
    -webkit-tap-highlight-color: transparent;
  }
  .leiste-striche button::before {
    content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px;
    background: rgba(255, 255, 255, .45);
    transition: background-color .4s var(--ease-out), height .4s var(--ease-out);
  }
  .leiste-striche button.aktiv::before { background: #fff; height: 2px; margin-top: -.5px; }
  .leiste-stand { display: none; }   /* ohne Zahl (Kunde) */
  /* erst mit der Leiste erscheinen (includes.js setzt .linie-unten), nicht schon davor allein */
  .leiste-punkte { opacity: 0; transition: opacity .9s var(--ease-out); }
  #projekte.linie-unten .leiste-punkte { opacity: 1; transition-delay: .9s; }
  html.seite-still #projekte .leiste-punkte { transition: none !important; }
}
@media (max-width: 900px) and (prefers-reduced-motion: reduce) { .leiste-punkte { opacity: 1; transition: none; } }