/* ═══════════════════════════════════════════════════════════════════
   Nur für die Ursachenscan-Seite. Zusätzlich zu coachus-start.css.

   ⚠️ WARUM EINE EIGENE DATEI UND KEIN ANHANG AN coachus-start.css.
   Jeder Schreibzugriff auf coachus-start.css ist eine Gelegenheit, die
   Startseite kaputtzumachen. Am 19.08.2026 stand die Datei nach einem
   FtpPut mit fehlender Quelle auf 0 Bytes und die öffentlichen Seiten
   waren nackt. Eine eigene Datei kann das nicht auslösen: fällt sie aus,
   fehlt auf einer Seite eine Leiste, sonst nichts.

   ⚠️ WARUM DIESE REGELN NICHT ALS style="" AM ELEMENT STEHEN KÖNNEN.
   Es sind Medienabfragen. Ein style="" kennt keine Breite. Alles andere
   auf der Scanseite steht deshalb weiterhin direkt am Element, und nur
   das hier braucht eine Datei.

   Laden über dth-my-oeffentlich.php, nur auf dieser einen Seite.
   ═══════════════════════════════════════════════════════════════════ */


/* ── Die feste Kaufleiste am unteren Rand ──────────────────────────
   Simone am 23.08.2026: die Seite soll ohne Scrollen funktionieren.
   Am Bildschirm tut sie das, der Kaufkasten steht im Fenster. Auf dem
   Telefon ist es rechnerisch nicht möglich: Überschrift, Nutzen und
   Kaufkasten sind zusammen rund 1300 Pixel hoch, ein Telefon zeigt
   etwa 700. Statt die Seite zu verstümmeln, ist der Knopf dort immer
   erreichbar.

   ⚠️ AM BILDSCHIRM BLEIBT SIE AUS. Dort steht der echte Kaufkasten
   ohnehin im Fenster, eine zweite Leiste wäre nur Lärm.
   ────────────────────────────────────────────────────────────────── */
.kaufleiste{display:none}

@media(max-width:940px){

  .kaufleiste{
    display:flex;
    position:fixed;left:0;right:0;bottom:0;
    /* Über der Mood in der Ecke, die auf z-index 60 sitzt. */
    z-index:61;
    align-items:center;justify-content:space-between;gap:12px;
    padding:10px 16px;
    /* Platz für den Balken am unteren Rand neuerer Telefone. */
    padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px));
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(8px);
    border-top:1px solid var(--line);
    box-shadow:0 -2px 14px rgba(29,43,101,.07);
  }

  .kaufleiste .zahl{
    font-size:18px;font-weight:600;color:var(--navy);
    letter-spacing:-.02em;white-space:nowrap;
  }
  .kaufleiste .knopf{padding:12px 18px;font-size:15px;white-space:nowrap}

  /* ⚠️ Sonst liegt die Leiste über der Fußzeile, und die trägt den
     Kündigungsknopf, den § 312k Abs. 2 BGB ständig erreichbar verlangt. */
  body{padding-bottom:78px}

  /* ⚠️ Und sonst sitzt Mood auf der Leiste. */
  .fb-ecke{bottom:86px}
}