/* Academy-Hilfe (js/ki_hilfe.js): Schwebeknopf „?“ und kleines Fenster. Nur Farbvariablen der Academy. */
.kh-knopf{position:fixed;right:16px;bottom:calc(16px + var(--sicher-unten,0px));z-index:80;width:50px;height:50px;border-radius:50%;border:1px solid var(--line2);
  background:var(--panel2);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--schatten);padding:0}
.kh-knopf svg{width:24px;height:24px}
.kh-knopf.an{outline:2px solid var(--text);outline-offset:2px}
.kh-fenster{position:fixed;right:16px;bottom:calc(78px + var(--sicher-unten,0px));z-index:81;width:min(400px,calc(100vw - 24px));max-height:min(70vh,600px);overflow:auto;
  background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--schatten);padding:12px;font-family:var(--body)}
.kh-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.kh-x{background:none;border:0;color:var(--mute);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.kh-x svg{width:16px;height:16px}
.kh-eing{display:flex;gap:8px;align-items:flex-end}
.kh-eing textarea{flex:1;min-width:0;resize:none;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 10px;font:inherit;font-size:15px}
.kh-senden{width:44px;height:44px;border-radius:10px;border:0;background:var(--red);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kh-senden svg{width:18px;height:18px}
.kh-info{font-size:12px;margin:6px 0 4px}
.kh-karte{border-top:1px solid var(--line);padding:9px 0}
.kh-frage{font-size:13px;color:var(--mute);margin-bottom:4px}
.kh-antwort{font-size:14px;line-height:1.45}
.kh-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.kh-link{display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:13px}
.kh-bsp{font-size:13px;padding:8px 0}
@media (max-width:760px){
  .kh-knopf{right:12px;bottom:calc(var(--leiste,64px) + 12px + var(--sicher-unten,0px));width:46px;height:46px}
  .kh-fenster{left:12px;right:12px;width:auto;bottom:calc(var(--leiste,64px) + 68px + var(--sicher-unten,0px));max-height:60vh}
}