/* Copyright ONLINE NETWORK VISION S.L. — FCN24 GmbH Webseite — 15.10.2026, Stand 20.10.2026 — Kennung dnw-wz-fcn24-20261015 */
/* Bausteinlager „Deine neue Webseite" — assistent.css (10.10.2026) — Copyright ONLINE NETWORK VISION S.L.
   MARKUP (vor </body>):
   <button class="as-knopf" id="asKnopf" aria-label="Fragen? Assistent öffnen" aria-expanded="false" aria-controls="asFenster">
     <svg class="auf" …Sprechblase…></svg><svg class="zu" …Kreuz…></svg></button>
   <div class="as-fenster" id="asFenster" role="dialog" aria-label="Assistent">
     <div class="as-kopf"><div>NAME Assistent<small>Antwortet sofort, rund um die Uhr</small></div></div>
     <div class="as-verlauf" id="asVerlauf"></div><div class="as-vorschlaege" id="asVorschlaege"></div>
     <form class="as-eingabe" id="asForm"><input id="asEingabe" placeholder="Ihre Frage …" autocomplete="off" aria-label="Ihre Frage"><button type="submit" aria-label="Senden"><svg …></svg></button></form>
   </div>
   REGELN: Knopf ist Öffnen UND Schliessen; Fenster nie über dem Knopf; Knopf über der Anrufleiste; Vorschläge als EINE wischbare Zeile;
   Verlauf Mindesthöhe 140 (96 bei < 620 px Höhe); nach dem Einbau Blasenfarben nachrechnen (weiss auf weiss ist schon passiert). */
.as-knopf{transition:opacity .3s;position:fixed;right:16px;bottom:calc(var(--ruf-h) + 16px);z-index:70;width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;color:#fff;
 background:linear-gradient(135deg,var(--marke),var(--marke-tief));box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 16px 36px -12px rgba(11,23,48,.7);display:grid;place-items:center}
.as-knopf svg{width:28px;height:28px}
.as-knopf .zu{display:none}.as-knopf.-offen .auf{display:none}.as-knopf.-offen .zu{display:block}
.as-fenster{position:fixed;right:16px;bottom:calc(var(--ruf-h) + 88px);z-index:69;width:min(380px,calc(100vw - 32px));max-height:min(620px,calc(100svh - var(--ruf-h) - 110px));display:none;flex-direction:column;overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 30px 80px -30px rgba(11,23,48,.6);border:1px solid var(--linie)}
.as-fenster.-offen{display:flex}
.as-kopf{padding:14px 16px;background:var(--marke);color:#fff;font:700 1rem var(--schrift-anzeige);display:flex;align-items:center;gap:10px}
.as-kopf small{display:block;font:500 .78rem var(--schrift-text);opacity:.8}
.as-verlauf{flex:1;min-height:140px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--grund)}
@media (max-height:620px){.as-verlauf{min-height:96px}}
.as-b{max-width:88%;padding:10px 14px;border-radius:16px;font-size:.95rem;line-height:1.45;white-space:pre-line}
.as-b.-ich{align-self:flex-end;background:var(--marke);color:#fff;border-bottom-right-radius:6px}
.as-b.-sc{align-self:flex-start;background:#fff;border:1px solid var(--linie);color:var(--tinte);border-bottom-left-radius:6px}
.as-b a{color:var(--signal-tief);font-weight:600}
.as-vorschlaege{display:flex;gap:8px;overflow-x:auto;padding:10px 14px 4px;white-space:nowrap;scrollbar-width:none;background:#fff}
.as-vorschlaege::-webkit-scrollbar{display:none}
.as-vorschlaege button{flex:none;min-height:38px;padding:.45em .9em;border-radius:999px;border:1px solid var(--linie);background:var(--grund);font:600 .85rem var(--schrift-text);color:var(--marke);cursor:pointer}
.as-eingabe{display:flex;gap:8px;padding:10px 12px 12px;background:#fff}
.as-eingabe input{flex:1;min-height:46px;padding:.6em .9em;border-radius:999px;border:1px solid rgba(18,30,54,.2);font:inherit;font-size:1rem;min-width:0}
.as-eingabe button{min-width:46px;min-height:46px;border-radius:50%;border:0;background:var(--marke);color:#fff;cursor:pointer;display:grid;place-items:center}
.as-eingabe button svg{width:20px;height:20px}
/* FCN24: Etikettenform statt Kapsel */
.as-fenster{border-radius:var(--r)}
.as-vorschlaege button,.as-eingabe input{border-radius:var(--rk)}
.as-eingabe button{border-radius:var(--rk);background:var(--signal);color:var(--marke)}

/* Nachtrag 15.10.: Schließen-Kreuz im Fensterkopf */
.as-kopf{justify-content:space-between}
.as-zu{flex:none;width:44px;height:44px;margin:-6px -8px -6px 0;border:0;border-radius:var(--rk);background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer}
.as-zu svg{width:22px;height:22px}
.as-fenster{max-height:min(620px,calc(100svh - var(--ruf-h) - 100px - var(--kopf-h)))}
.as-kopf,.as-vorschlaege,.as-eingabe{flex:none}