/* handy.css — Handy-Regeln der Unterseiten und schwebender WhatsApp-Knopf (28.09.2026, Entscheidungen Jan 27./28.09.2026).
   Eine Quelle für die 20 Seiten mit Anfrageblock; die Startseite trägt dieselben Regeln in ihrem eigenen Stylesheet.
   Herleitung: Handy-Naechste-Stufe-2026-09-28.md (A1, A4), Handy-WhatsApp-Knopf-Beratung-2026-09-28.md, Lesson D91. */

/* Direkte Wege unter dem Formular, dieselben drei wie im Schluss der Startseite */
.wege{display:flex;flex-wrap:wrap;gap:0 2rem;margin:1rem 0 0;font-weight:300;font-size:var(--t-small,.95rem);color:var(--muted,#a29a8c)}
.wege a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--muted,#a29a8c);text-decoration:none}
.wege a:hover{color:var(--ink,#f5f1e8)}

/* Schwebender WhatsApp-Knopf (Markup setzt js/anfrage.js), Maße und Hover wie auf der Startseite */
.wa-float{position:fixed;bottom:1.1rem;right:1.1rem;z-index:80;width:3.4rem;height:3.4rem;display:grid;place-items:center;
  background:#100e0a;border:1px solid rgba(227,216,180,.35);transition:opacity .35s,transform .35s,border-color .25s,box-shadow .25s}
.wa-float svg{width:1.9rem;height:1.9rem}
.wa-float:hover{border-color:var(--warm,#E3D8B4);box-shadow:0 0 30px rgba(227,216,180,.4)}
/* 11.10.2026 (Entscheidung Jan, Maske): auch am Rechner weg, solange der Cookie-Hinweis offen ist, wie auf dem Handy.
   Sonst ragte der Knopf 14 px ueber den Hinweis (Hinweis 58 px hoch, z-index 120 ueber 80). Der Hinweis (#cc) haengt im body
   (js/consent.js); ohne :has() bleibt der Knopf wie bisher stehen. Die Handy-Logik steht weiter in js/anfrage.js. */
body:has(#cc.show) .wa-float{opacity:0;transform:translateY(.6rem);pointer-events:none}

@media(max-width:52rem){
  /* Eingabefelder mindestens 16 px, sonst zoomt iOS Safari beim Tippen in das Feld */
  .field input,.field select{font-size:16px}
  /* Knopf einzeilig bei 375 px, volle Breite */
  .cta{display:block;width:100%;text-align:center;padding:1rem .8rem;letter-spacing:.11em}
  /* Kopfleiste und Fußverweise als Tippflächen von 44 px */
  .kopf-nav a{display:inline-flex;align-items:center;min-height:2.75rem}
  .fnav a{display:flex;align-items:center;min-height:2.75rem;line-height:1.3}
  /* Tabellen rollen in sich statt die Seite zu verbreitern (Ratgeber, gemessen 385 statt 375 px) */
  .tabelle-rollen{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2rem 0 1.8rem}
  .tabelle-rollen table{margin:0;min-width:32rem}
  /* WhatsApp-Knopf: 56 px in der Daumenzone, Ein- und Ausblenden über .zu, Beschriftung einmal über .tipp */
  .wa-float{width:3.5rem;height:3.5rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));
    transition:opacity .35s var(--e-ui,ease),transform .35s var(--e-ui,ease),border-color .25s,box-shadow .25s}
  .wa-float.zu{opacity:0;transform:translateY(.6rem);pointer-events:none}
  .wa-float::after{content:"WhatsApp";position:absolute;right:calc(100% + .7rem);top:50%;transform:translateY(-50%);
    white-space:nowrap;font-weight:300;font-size:.78rem;letter-spacing:.06em;color:var(--ink,#f5f1e8);
    background:#100e0a;border:1px solid rgba(227,216,180,.35);padding:.45rem .7rem;opacity:0;pointer-events:none;
    transition:opacity .35s var(--e-ui,ease)}
  .wa-float.tipp::after{opacity:1}
}