/* IBC Chatbot: dunkel, Rot #E30613, eckig. Nur der Avatar ist rund.
   #ibc-cb vor den runden Teilen schlägt die Theme-Regel „border-radius:0!important“. */
#ibc-cb{--cb-rot:#E30613;--cb-rot-d:#B8040F;--cb-bg:#141516;--cb-flaeche:#1E1F21;--cb-linie:#2C2D30;--cb-text:#F2F2F2;--cb-grau:#9A9CA0;font-family:'Inter',system-ui,sans-serif;font-size:15px;line-height:1.5;color:var(--cb-text)}
#ibc-cb *{box-sizing:border-box}
#ibc-cb button{font:inherit;cursor:pointer}
#ibc-cb [hidden]{display:none!important}

#ibc-cb .ibc-cb-knopf{position:fixed;left:20px;bottom:20px;z-index:99;width:64px;height:64px;padding:0;border:3px solid var(--cb-rot);border-radius:50%!important;background:#111;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .2s}
.ibc-cb-knopf:hover{transform:scale(1.06)}
#ibc-cb .ibc-cb-knopf img{width:100%;height:100%;border-radius:50%!important;object-fit:cover;display:block}
#ibc-cb .ibc-cb-punkt{position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;background:#22C55E;border:3px solid #111;border-radius:50%!important}
#ibc-cb.offen .ibc-cb-knopf{transform:scale(.92)}

.ibc-cb-teaser{position:fixed;left:96px;bottom:30px;z-index:99;max-width:250px;padding:10px 14px;background:#fff;color:#111;border:0;border-left:4px solid var(--cb-rot);border-radius:0;text-align:left;font-size:14px;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:ibc-cb-ein .35s ease-out}

.ibc-cb-fenster{position:fixed;left:20px;bottom:96px;z-index:100;width:370px;height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;background:var(--cb-bg);border-top:4px solid var(--cb-rot);border-radius:0;box-shadow:0 18px 48px rgba(0,0,0,.45);animation:ibc-cb-ein .25s ease-out}
@keyframes ibc-cb-ein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.ibc-cb-kopf{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0E0F10;border-bottom:1px solid var(--cb-linie)}
#ibc-cb .ibc-cb-kopf img{width:42px;height:42px;border-radius:50%!important;border:2px solid var(--cb-rot);object-fit:cover}
.ibc-cb-kopf div{flex:1;min-width:0}
.ibc-cb-kopf b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ibc-cb-kopf span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--cb-grau)}
.ibc-cb-kopf span::before{content:"";width:8px;height:8px;background:#22C55E;border-radius:50%}
.ibc-cb-zu{width:34px;height:34px;border:0;background:transparent;color:var(--cb-text);font-size:26px;line-height:1;border-radius:0}
.ibc-cb-zu:hover{background:var(--cb-flaeche)}

.ibc-cb-liste{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.ibc-cb-msg{max-width:86%;padding:10px 13px;border-radius:0;word-wrap:break-word;font-size:14.5px}
.ibc-cb-bot{align-self:flex-start;background:var(--cb-flaeche);border-left:3px solid var(--cb-rot)}
.ibc-cb-kunde{align-self:flex-end;background:var(--cb-rot);color:#fff}
.ibc-cb-msg a{color:inherit;text-decoration:underline;text-underline-offset:2px;word-break:break-all}
.ibc-cb-bot a{color:#fff}
.ibc-cb-tippt{display:flex;gap:5px;padding:14px}
#ibc-cb .ibc-cb-tippt i{width:7px;height:7px;background:var(--cb-grau);border-radius:50%!important;animation:ibc-cb-tipp 1s infinite}
.ibc-cb-tippt i:nth-child(2){animation-delay:.15s}.ibc-cb-tippt i:nth-child(3){animation-delay:.3s}
@keyframes ibc-cb-tipp{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}

.ibc-cb-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px}
.ibc-cb-chips button{padding:7px 11px;background:transparent;color:var(--cb-text);border:1px solid var(--cb-linie);border-radius:0;font-size:13px}
.ibc-cb-chips button:hover{border-color:var(--cb-rot);color:#fff}

.ibc-cb-hinweis{margin:0 16px 12px;padding:12px 14px;background:var(--cb-flaeche);border:1px solid var(--cb-linie);font-size:12.5px;line-height:1.45;color:#CFD0D2}
.ibc-cb-hinweis p{margin:0 0 10px}
.ibc-cb-hz{display:flex;align-items:center;gap:14px}
.ibc-cb-ok{padding:9px 18px;background:var(--cb-rot);color:#fff;border:0;border-radius:0;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:12.5px}
.ibc-cb-ok:hover{background:var(--cb-rot-d)}
.ibc-cb-hz a{color:var(--cb-grau);font-size:12px;text-decoration:underline}

.ibc-cb-form{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--cb-linie)}
.ibc-cb-form textarea{flex:1;resize:none;min-height:42px;max-height:110px;padding:10px 12px;background:var(--cb-flaeche);color:var(--cb-text);border:1px solid var(--cb-linie);border-radius:0;font:inherit;font-size:14.5px;outline:none}
.ibc-cb-form textarea:focus{border-color:var(--cb-rot)}
.ibc-cb-senden{width:42px;height:42px;flex:none;display:grid;place-items:center;background:var(--cb-rot);color:#fff;border:0;border-radius:0}
.ibc-cb-senden:hover{background:var(--cb-rot-d)}
.ibc-cb-senden:disabled{opacity:.5;cursor:default}
.ibc-cb-senden svg{width:20px;height:20px}
.ibc-cb-wa{display:block;padding:9px 16px 12px;text-align:center;font-size:12.5px;color:var(--cb-grau)!important;text-decoration:underline}
.ibc-cb-wa:hover{color:#fff!important}

@media(max-width:520px){
	#ibc-cb .ibc-cb-knopf{left:14px;bottom:14px;width:58px;height:58px}
	.ibc-cb-teaser{left:82px;bottom:22px;max-width:calc(100vw - 170px)}
	.ibc-cb-fenster{left:0;right:0;bottom:0;width:100%;height:100%;height:100dvh;border-top-width:4px;z-index:1000}
}
