/* ============================================================
   DarkBot — Einblenden beim Scrollen + Ruhe fuers Handy
   Vorbild: onimai.eu (oni-reveal + smooth.css). Zwei Dinge:
   1. Bausteine gleiten beim Erreichen sanft herein, gestaffelt.
   2. Auf Touch-Geraeten werden Dauer-Animationen gestoppt —
      dort kostet jede Endlosbewegung Bildrate und Akku.
   ============================================================ */

/* ---------- Einblenden ---------- */
.ds-rein{
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s cubic-bezier(.4,0,.2,1),
              transform .7s cubic-bezier(.4,0,.2,1);
}
.ds-rein.ist-da{
  opacity: 1;
  transform: none;
}

/* Karten kommen zusaetzlich einen Hauch aus der Tiefe. */
.db-card.ds-rein,
.ds-tile.ds-rein{
  transform: translateY(24px) scale(.985);
}
.db-card.ds-rein.ist-da,
.ds-tile.ds-rein.ist-da{
  transform: none;
}

/* Aufzaehlungen wandern seitlich ein — das liest sich als Reihenfolge. */
.ds-punkt.ds-rein{ transform: translateX(-14px); }
.ds-punkt.ds-rein.ist-da{ transform: none; }

/* ---------- Titelbild sichtbar machen ----------
   Das Titelbild wurde doppelt verdunkelt: brightness(.4) auf dem Bild und
   darueber ein Verlauf, der unten 97 % deckt. Zusammen blieb ein schwarzes
   Feld. Beides wird angehoben — der Hero-Text hat eigenen Schein und
   bleibt lesbar. */
.db-hero-image{
  filter: brightness(.62) contrast(1.08);
}
.db-hero-overlay{
  background: linear-gradient(180deg,
    rgba(6,5,8,.22) 0%,
    rgba(6,5,8,.55) 48%,
    rgba(6,5,8,.93) 100%);
}

/* ---------- Ruhe auf Touch-Geraeten ----------
   Am Handy ruckelt die Seite, weil mehrere Endlos-Animationen
   gleichzeitig neu zeichnen. Sichtbar bleibt alles — nur die
   Dauerbewegung faellt weg. */
@media (pointer: coarse){
  .db-brand-logo::before,          /* drehender Blutring */
  .dbh-tropfen i,                  /* Blutstropfen */
  .db-brand-text,                  /* Flackern der Wortmarke */
  .db-header::after{               /* pulsierende Linie */
    animation: none !important;
  }
  /* Der Punkt der Status-Pille darf pulsieren: eine kleine Flaeche,
     dafuer die einzige Stelle, die "lebt". */
}

/* ---------- Wenn Bewegung unerwuenscht ist ---------- */
@media (prefers-reduced-motion: reduce){
  .ds-rein{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}