/* ===== Klick-Bot (Chat-Blase unten rechts) – ohne KI, nur freigegebene Antworten ===== */
.bot-launch{position:fixed;right:clamp(16px,2.5vw,32px);bottom:clamp(16px,2.5vw,32px);z-index:80;width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue-light));color:#fff;box-shadow:0 14px 40px -10px rgba(0,0,0,.6),0 0 0 6px rgba(60,129,188,.18);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.bot-launch:hover{transform:translateY(-3px) scale(1.04)}
.bot-launch svg{width:28px;height:28px}
.bot-launch .x{display:none}
.bot-open .bot-launch .x{display:block}
.bot-open .bot-launch .c{display:none}
.bot-launch::after{content:"";position:absolute;top:4px;right:4px;width:13px;height:13px;border-radius:50%;background:#7fd99b;border:2px solid #0b2545}
.bot-open .bot-launch::after,.bot-seen .bot-launch::after{display:none}

.bot-teaser{position:fixed;right:clamp(16px,2.5vw,32px);bottom:calc(clamp(16px,2.5vw,32px) + 78px);z-index:80;max-width:250px;padding:.8rem 2.1rem .8rem 1rem;border-radius:16px 16px 4px 16px;background:#f3f6fb;color:#0b2545;font-size:.95rem;line-height:1.35;box-shadow:0 14px 40px -12px rgba(0,0,0,.55);cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease)}
.bot-teaser.on{opacity:1;transform:none;pointer-events:auto}
.bot-teaser button{position:absolute;top:.35rem;right:.45rem;border:0;background:none;color:#64748b;font-size:1.1rem;line-height:1;cursor:pointer;padding:.2rem}

.bot-panel{position:fixed;right:clamp(16px,2.5vw,32px);bottom:calc(clamp(16px,2.5vw,32px) + 78px);z-index:81;width:min(390px,calc(100vw - 32px));height:min(600px,calc(100svh - 140px));display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#0d2a4c;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px -20px rgba(0,0,0,.7);opacity:0;transform:translateY(16px) scale(.97);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .35s var(--ease),transform .35s var(--ease),visibility 0s .35s}
.bot-open .bot-panel{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .35s var(--ease),transform .35s var(--ease),visibility 0s}
.bot-head{display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
.bot-head .ava{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue-light))}
.bot-head .ava svg{width:26px;height:12px}
.bot-head .who{display:grid;line-height:1.25;flex:1}
.bot-head b{font-size:.98rem}
.bot-head small{font-size:.78rem;color:#7fd99b}
.bot-head .close{border:0;background:none;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:.3rem}
.bot-head .close:hover{color:#fff}
.bot-body{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.55rem;padding:1.1rem .9rem;background-color:#0b2545;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:18px 18px}
.bm{max-width:85%;padding:.6rem .8rem;border-radius:16px;font-size:.98rem;line-height:1.4;animation:bmIn .4s var(--ease)}
.bm.bot{align-self:flex-start;background:linear-gradient(135deg,var(--blue),#3470b4);color:#fff;border-top-left-radius:4px}
.bm.me{align-self:flex-end;background:#f3f6fb;color:#0b2545;border-top-right-radius:4px}
.bm.typing{display:flex;gap:4px;padding:.75rem .85rem}
.bm.typing i{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.5;animation:tdot 1s infinite}
.bm.typing i:nth-child(2){animation-delay:.15s}.bm.typing i:nth-child(3){animation-delay:.3s}
@keyframes bmIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes tdot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.bot-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.2rem;animation:bmIn .4s var(--ease)}
.bot-chips button{font:inherit;font-size:.9rem;font-weight:600;padding:.5rem .8rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer;transition:background .25s,border-color .25s,color .25s;text-align:left}
.bot-chips button:hover{background:#fff;color:var(--navy);border-color:#fff}
.bot-cta{display:grid;gap:.45rem;margin:.3rem 0 .2rem;animation:bmIn .4s var(--ease)}
.bot-cta a{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;border-radius:12px;text-decoration:none;font-family:var(--font-display);font-weight:750;font-size:.95rem}
.bot-cta a.go{background:#fff;color:var(--navy)}
.bot-cta a.alt{background:rgba(255,255,255,.08);color:#fff}
.bot-cta svg{width:17px;height:17px}
.bot-foot{padding:.55rem 1rem;font-size:.72rem;color:var(--muted);text-align:center;background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.06)}

@media (max-width:980px){
  .bot-launch{bottom:calc(84px + env(safe-area-inset-bottom,0px));width:56px;height:56px;right:14px}
  .bot-teaser{bottom:calc(150px + env(safe-area-inset-bottom,0px));right:14px}
  .bot-panel{right:8px;left:8px;width:auto;bottom:calc(150px + env(safe-area-inset-bottom,0px));height:min(560px,calc(100svh - 230px))}
}
@media (prefers-reduced-motion:reduce){.bm,.bot-chips,.bot-cta{animation:none}.bot-panel,.bot-teaser{transition:none}}

/* Optimierung 12.10.: kompaktere Auswahl */
.bot-chips .more{border-style:dashed;color:var(--ice)}
.bot-chips a.go{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;padding:.5rem .9rem;border-radius:999px;background:#fff;color:var(--navy);text-decoration:none}
.bot-chips a.go svg{width:15px;height:15px}
.bot-chips a.wa-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;padding:.5rem .9rem;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none}
.bot-chips a.wa-chip svg{width:15px;height:15px}