/* ==========================================================================
   Startseite v4 — Varianten-Test (Override auf v3)
   Wird zusätzlich zu main.css + main-v3.css geladen, nur auf der v4-Seite
   (body.is-v4). Alles hier überschreibt die v3-Darstellung.

   Variante: Desktop bleibt wie v3. Auf Mobile:
   - Logo zentriert (wie v3), Sprache oben rechts (wie v3)
   - Notfall als negativer Button LINKS, Telefon als „Anrufen"-Button RECHTS
   ========================================================================== */

@media (max-width:640px){

  /* Logo + Sprache + Kopf-Spacing wie v3 — keine Overrides nötig. */

  /* Notfall (links) + Telefon→„Anrufen" (rechts) als negative Buttons (Pills) */
  body.is-v4 .phone-btn,
  body.is-v4 .notfall-btn--text{
    top:58px;
    flex-direction:row; align-items:center; justify-content:center; gap:0;
    padding:10px 20px;            /* gleich wie .cta-fab--inline ("Zum News-Archiv") */
    background:var(--navy); color:#fff;
    border:3px solid #acabc7; border-radius:999px;
    box-shadow:var(--shadow);
  }
  body.is-v4 .notfall-btn--text{ left:16px; right:auto; }
  body.is-v4 .phone-btn{ right:16px; left:auto; }

  /* Notfall-Button: nur „Notfall" */
  body.is-v4 .notfall-btn--text small{ display:none; }
  body.is-v4 .notfall-btn--text b{ font-size:18px; color:#fff; min-height:0; height:auto; line-height:1.55; }

  /* Telefon-Button: „Anrufen" statt Nummer/Status */
  body.is-v4 .phone-btn b,
  body.is-v4 .phone-btn #phoneStatus{ display:none; }
  body.is-v4 .phone-btn .phone-cta{ display:block; font-size:18px; font-weight:700; color:#fff; line-height:1.55; }
}