/* Bunkerhosting KI-Chat – dunkles Bunker-Design mit Rot */
#bhki-chat-root{--bhki-red:#d0021b;--bhki-red2:#a30016;--bhki-bg:#0e0e11;--bhki-bg2:#17171c;--bhki-bg3:#22222a;--bhki-line:#2c2c35;--bhki-txt:#ececf1;--bhki-mut:#9a9aa6;
  position:fixed;bottom:22px;z-index:99990;font-family:inherit;font-size:14px;line-height:1.45;color:var(--bhki-txt)}
#bhki-chat-root.bhki-right{right:22px}#bhki-chat-root.bhki-left{left:22px}
#bhki-chat-root *{box-sizing:border-box}
.bhki-launch{width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;background:var(--bhki-red);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 22px rgba(208,2,27,.45),0 0 0 0 rgba(208,2,27,.5);position:relative;transition:transform .2s;animation:bhkiPulse 3.2s infinite}
.bhki-launch:hover{transform:scale(1.07)}
.bhki-launch svg{width:30px;height:30px}
.bhki-launch .bhki-ki{position:absolute;top:-3px;right:-3px;background:#fff;color:var(--bhki-red);font-weight:800;font-size:10px;border-radius:9px;padding:2px 6px;box-shadow:0 1px 4px rgba(0,0,0,.4)}
@keyframes bhkiPulse{0%,70%,100%{box-shadow:0 6px 22px rgba(208,2,27,.45),0 0 0 0 rgba(208,2,27,.45)}85%{box-shadow:0 6px 22px rgba(208,2,27,.45),0 0 0 12px rgba(208,2,27,0)}}
.bhki-teaser{position:absolute;bottom:74px;width:230px;background:var(--bhki-bg2);border:1px solid var(--bhki-line);border-left:3px solid var(--bhki-red);border-radius:8px;padding:10px 30px 10px 12px;
  box-shadow:0 8px 24px rgba(0,0,0,.45);font-size:13px;cursor:pointer;animation:bhkiIn .35s ease}
.bhki-right .bhki-teaser{right:0}.bhki-left .bhki-teaser{left:0}
.bhki-teaser button{position:absolute;top:4px;right:6px;background:none;border:0;color:var(--bhki-mut);cursor:pointer;font-size:16px}
.bhki-panel{position:absolute;bottom:0;width:390px;height:600px;max-height:calc(100vh - 44px);background:var(--bhki-bg);border:1px solid var(--bhki-line);border-radius:14px;
  box-shadow:0 18px 50px rgba(0,0,0,.6);display:none;flex-direction:column;overflow:hidden;animation:bhkiIn .25s ease}
.bhki-right .bhki-panel{right:0}.bhki-left .bhki-panel{left:0}
.bhki-open .bhki-panel{display:flex}.bhki-open .bhki-launch,.bhki-open .bhki-teaser{display:none}
@keyframes bhkiIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.bhki-top{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:linear-gradient(180deg,#1c1c22,#141418);border-bottom:2px solid var(--bhki-red)}
.bhki-ava{width:38px;height:38px;border-radius:10px;background:var(--bhki-red);display:flex;align-items:center;justify-content:center;flex:none}
.bhki-ava svg{width:22px;height:22px}
.bhki-tt{flex:1;min-width:0}.bhki-tt b{display:block;font-size:15px;color:#fff}
.bhki-tt span{font-size:11.5px;color:var(--bhki-mut)}.bhki-tt span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ecc71;margin-right:5px;vertical-align:1px}
.bhki-ib{background:none;border:0;color:var(--bhki-mut);cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.bhki-ib:hover{background:var(--bhki-bg3);color:#fff}.bhki-ib svg{width:18px;height:18px}
.bhki-msgs{flex:1;overflow-y:auto;padding:14px 12px 6px;scroll-behavior:smooth;background:radial-gradient(ellipse at top,rgba(208,2,27,.07),transparent 60%)}
.bhki-msgs::-webkit-scrollbar{width:6px}.bhki-msgs::-webkit-scrollbar-thumb{background:var(--bhki-bg3);border-radius:3px}
.bhki-m{display:flex;margin:0 0 10px}.bhki-m.u{justify-content:flex-end}
.bhki-b{max-width:84%;padding:9px 12px;border-radius:12px;word-wrap:break-word;overflow-wrap:anywhere}
.bhki-m.a .bhki-b{background:var(--bhki-bg2);border:1px solid var(--bhki-line);border-top-left-radius:4px}
.bhki-m.u .bhki-b{background:var(--bhki-red);color:#fff;border-top-right-radius:4px}
.bhki-m.s .bhki-b{background:transparent;border:1px dashed var(--bhki-line);color:var(--bhki-mut);font-size:12.5px;max-width:100%;text-align:center;margin:0 auto}
.bhki-b p{margin:0 0 6px;padding:0;font-size:inherit;line-height:inherit;color:inherit}.bhki-b ul,.bhki-b ol,.bhki-b li{color:inherit;font-size:inherit}.bhki-b p:last-child{margin:0}.bhki-b ul,.bhki-b ol{margin:4px 0 6px;padding-left:20px}.bhki-b li{margin:2px 0}
.bhki-b a{color:#ff5a6e;text-decoration:underline}.bhki-m.u .bhki-b a{color:#fff}
.bhki-b code{background:#000;padding:1px 5px;border-radius:4px;font-size:12.5px}
.bhki-typing span{display:inline-block;width:7px;height:7px;margin:0 2px;border-radius:50%;background:var(--bhki-mut);animation:bhkiDot 1.2s infinite}
.bhki-typing span:nth-child(2){animation-delay:.15s}.bhki-typing span:nth-child(3){animation-delay:.3s}
@keyframes bhkiDot{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.bhki-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}
.bhki-chip{background:transparent;border:1px solid var(--bhki-line);color:var(--bhki-txt);border-radius:16px;padding:5px 11px;font-size:12.5px;cursor:pointer}
.bhki-chip:hover{border-color:var(--bhki-red);color:#fff;background:rgba(208,2,27,.12)}
.bhki-in{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--bhki-line);background:var(--bhki-bg2)}
.bhki-in textarea{flex:1 1 auto;min-width:0;width:auto;margin:0;box-sizing:border-box;resize:none;max-height:120px;min-height:40px;background:var(--bhki-bg);color:var(--bhki-txt);border:1px solid var(--bhki-line);border-radius:10px;padding:9px 11px;font:inherit;outline:none}
.bhki-in textarea:focus{border-color:var(--bhki-red)}
.bhki-send{width:40px;height:40px;border-radius:10px;border:0;background:var(--bhki-red);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
.bhki-send:disabled{opacity:.45;cursor:default}.bhki-send svg{width:18px;height:18px}
.bhki-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;padding:6px 12px 9px;background:var(--bhki-bg2);font-size:11px;color:var(--bhki-mut)}
.bhki-foot a{color:var(--bhki-mut)}
.bhki-hand{background:none;border:1px solid var(--bhki-red);color:#ff5a6e;border-radius:6px;padding:3px 8px;font-size:11.5px;cursor:pointer;white-space:nowrap}
.bhki-hand:hover{background:var(--bhki-red);color:#fff}
.bhki-form{background:var(--bhki-bg2);border:1px solid var(--bhki-line);border-left:3px solid var(--bhki-red);border-radius:10px;padding:10px;margin:0 0 10px}
.bhki-form b{display:block;margin-bottom:6px;color:#fff}
.bhki-form input,.bhki-form textarea{width:100%;margin:0 0 6px;background:var(--bhki-bg);color:var(--bhki-txt);border:1px solid var(--bhki-line);border-radius:7px;padding:7px 9px;font:inherit;font-size:13px}
.bhki-form .bhki-hp{position:absolute;left:-9999px}
.bhki-form .bhki-row{display:flex;gap:6px;justify-content:flex-end}
.bhki-form button{border:0;border-radius:7px;padding:7px 12px;cursor:pointer;font-size:13px}
.bhki-form .bhki-ok{background:var(--bhki-red);color:#fff}.bhki-form .bhki-no{background:var(--bhki-bg3);color:var(--bhki-txt)}
@media (max-width:520px){
  #bhki-chat-root.bhki-open{left:0!important;right:0!important;bottom:0!important}
  .bhki-open .bhki-panel{position:fixed;inset:0;width:100%;height:100%;max-height:none;border-radius:0}
  .bhki-launch{width:56px;height:56px}
  .bhki-open .bhki-panel{height:100dvh}
  .bhki-in{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
  .bhki-in textarea{font-size:16px}           /* verhindert das automatische Hineinzoomen auf dem iPhone */
  .bhki-foot{padding-bottom:calc(9px + env(safe-area-inset-bottom))}
  .bhki-b{max-width:92%}
}
#bhki-chat-root .bhki-panel,#bhki-chat-root .bhki-in{max-width:100vw;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){.bhki-launch,.bhki-panel,.bhki-teaser,.bhki-typing span{animation:none}}
@media print{#bhki-chat-root{display:none}}

/* „Nach oben“-Button der Seite über den Chat-Button setzen, damit nichts übereinanderliegt */
body .bhx-top{bottom:96px!important}
body.bhki-chat-open .bhx-top{display:none!important}
@media (max-width:520px){body .bhx-top{bottom:88px!important}}