/* „Fragen Sie den Leitfaden“ – Knopf und Fenster. Farben aus stil.css. */
.hf-knopf{position:fixed;right:1.1rem;bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));z-index:900;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem .75rem .9rem;border:0;border-radius:999px;background:var(--dunkel);color:#fff;font:inherit;font-weight:650;font-size:.95rem;box-shadow:0 10px 30px rgba(13,30,39,.28);cursor:pointer}
.hf-knopf svg{width:1.3rem;height:1.3rem;color:var(--gruen)}
.hf-knopf:hover{background:var(--dunkel-2)}
.hf-knopf:focus-visible{outline:3px solid var(--gruen);outline-offset:3px}
.hf-fenster{position:fixed;right:1.1rem;bottom:calc(4.6rem + env(safe-area-inset-bottom,0px));z-index:901;width:min(26rem,calc(100vw - 2.2rem));height:min(38rem,calc(100dvh - 6.5rem));display:flex;flex-direction:column;padding:0;margin:0;background:var(--weiss);color:var(--tinte);border:1px solid var(--linie);border-radius:18px;box-shadow:0 24px 60px rgba(13,30,39,.32);overflow:hidden}
.hf-fenster[hidden]{display:none}
.hf-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.9rem 1rem .8rem;background:var(--dunkel);color:#fff}
.hf-kopf b{display:block;font-size:1rem;letter-spacing:-.01em}
.hf-kopf small{display:block;font-size:.72rem;color:#B9C6CE;margin-top:.15rem;line-height:1.35}
.hf-schliessen{flex:none;width:2rem;height:2rem;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}
.hf-schliessen:hover{background:rgba(255,255,255,.22)}
.hf-verlauf{flex:1;overflow-y:auto;padding:1rem .9rem;background:var(--grau);display:flex;flex-direction:column;gap:.7rem;overscroll-behavior:contain}
.hf-blase{max-width:92%;padding:.7rem .9rem;border-radius:14px;font-size:.93rem;line-height:1.5}
.hf-blase p{margin:0 0 .55rem}.hf-blase p:last-child{margin-bottom:0}
.hf-blase.ich{align-self:flex-end;background:var(--dunkel);color:#fff;border-bottom-right-radius:4px}
.hf-blase.helfer{align-self:flex-start;background:var(--weiss);border:1px solid var(--linie);border-bottom-left-radius:4px}
.hf-blase.tippt{display:flex;gap:.3rem;padding:.8rem .9rem}
.hf-blase.tippt span{width:.45rem;height:.45rem;border-radius:50%;background:#9FB1BB;animation:hf-puls 1s infinite}
.hf-blase.tippt span:nth-child(2){animation-delay:.15s}.hf-blase.tippt span:nth-child(3){animation-delay:.3s}
@keyframes hf-puls{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
.hf-blase.laeuft{cursor:pointer}
.hf-blase.laeuft p:last-child::after{content:'▍';color:var(--gruen-t);margin-left:.05em;animation:hf-blink .9s steps(2) infinite}
@keyframes hf-blink{to{opacity:0}}
.hf-leise{font-size:.82rem;color:var(--tinte-2)}
.hf-links{display:flex;flex-direction:column;gap:.35rem;margin:.6rem 0 .2rem}
.hf-link{display:block;padding:.5rem .7rem;border:1px solid var(--linie);border-radius:8px;background:var(--gruen-h);color:var(--gruen-d);font-weight:650;font-size:.88rem;text-decoration:none}
.hf-link:hover{border-color:var(--gruen-t)}
.hf-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.hf-chip{font:inherit;font-size:.82rem;font-weight:600;color:var(--tinte);background:var(--weiss);border:1px solid #C9D2CD;border-radius:999px;padding:.4rem .75rem;cursor:pointer;text-align:left}
.hf-chip:hover{border-color:var(--gruen-t);color:var(--gruen-d);background:var(--gruen-h)}
.hf-bewertungen{display:flex;gap:.4rem;margin-top:.6rem;padding-top:.5rem;border-top:1px dashed var(--linie)}
.hf-bewertung{font:inherit;font-size:.76rem;color:var(--tinte-2);background:transparent;border:1px solid var(--linie);border-radius:999px;padding:.25rem .6rem;cursor:pointer}
.hf-bewertung:hover{color:var(--gruen-d);border-color:var(--gruen-t)}
.hf-fuss{border-top:1px solid var(--linie);background:var(--weiss);padding:.6rem .8rem .55rem}
.hf-formular{display:flex;gap:.5rem;align-items:flex-end}
.hf-eingabe{flex:1;resize:none;font:inherit;font-size:.95rem;line-height:1.4;padding:.6rem .8rem;border:1px solid #C9D2CD;border-radius:12px;max-height:120px;background:var(--weiss);color:var(--tinte)}
.hf-eingabe:focus{outline:2px solid var(--gruen-t);outline-offset:1px}
.hf-senden{flex:none;width:2.6rem;height:2.6rem;border:0;border-radius:50%;background:var(--gruen-t);color:#fff;font-size:1rem;cursor:pointer}
.hf-senden:hover{background:var(--gruen-d)}
.hf-hinweis{margin:.45rem 0 0;font-size:.7rem;color:var(--tinte-2);text-align:center}
@media (max-width:720px){
  .hf-fenster{right:0;bottom:0;left:0;width:100%;height:100dvh;max-height:none;border-radius:0;border:0}
  .hf-knopf span{display:none}.hf-knopf{padding:.85rem;border-radius:50%}.hf-knopf svg{width:1.5rem;height:1.5rem}
  html.hf-offen{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.hf-blase.tippt span{animation:none;opacity:.6}}
@media print{.hf-knopf,.hf-fenster{display:none !important}}