/* ==========================================================================
   Varianten-Schalter (Review-Werkzeug, kein Produktions-UI)
   --------------------------------------------------------------------------
   Beim Umbau von Version A auf Version B bleibt die alte Seite erhalten und
   wird per fixiertem Schalter gegen die neue getauscht. Der Schalter lebt
   global, weil ihn inzwischen mehrere Seiten benutzen (Startseite,
   Lösungen-Übersicht, Integrationen), vorher lag er nur in home-neu.css.

   Fliegt raus, sobald überall eine Variante gewonnen hat.
   ========================================================================== */

.hn-switch { position: fixed; right: 18px; bottom: 18px; z-index: 90; display: inline-flex;
  align-items: center; gap: 4px; padding: 5px 6px 5px 14px; border-radius: 100px;
  border: 1px solid var(--border-1); background: var(--paper); box-shadow: var(--shadow-lg); }
.hn-switch-lbl { display: inline-flex; align-items: center; gap: 6px; margin-right: 6px;
  font-family: var(--font-sans); font-size: 12px; font-weight: 700; color: var(--fg-2); }
.hn-switch button { border: 0; padding: 7px 13px; border-radius: 100px; background: transparent;
  color: var(--fg-2); font-family: var(--font-sans); font-size: 12.5px; font-weight: 600;
  cursor: pointer; transition: background .15s, color .15s; }
.hn-switch button:hover { color: var(--primary); }
.hn-switch button.is-on { background: var(--primary); color: #fff; }

/* Zweiter Schalter auf derselben Seite: eine Zeile hoeher, sonst liegen
   beide exakt uebereinander (beide sind fixed unten rechts). */
.hn-switch.is-zweite-reihe { bottom: 74px; }

/* Der Schalter fuer das Menue steht unten links: er gilt fuer jede Seite,
   und rechts liegen schon zwei Reihen Seiten-Schalter. Eine Reihe hoch,
   damit er das Next-Abzeichen in der Ecke nicht ueberdeckt. */
.hn-switch.is-links { right: auto; left: 18px; bottom: 74px; }