/* CMF Website Chatbot – im Look der Website */
.cmfc{--cmfc-b:24px;position:fixed;right:24px;bottom:var(--cmfc-b);z-index:99989;font-family:inherit;color:#000}
.cmfc.is-open{z-index:99995}
.cmfc *{box-sizing:border-box}
.cmfc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cmfc-btn,.cmfc-btn:hover,.cmfc-btn:focus{all:unset;box-sizing:border-box;position:relative;display:block;width:64px;height:64px;border-radius:50%!important;cursor:pointer;background:#000!important;border:3px solid #fff!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important;transform:scale(.6);opacity:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .3s}
.cmfc.is-in .cmfc-btn{transform:scale(1);opacity:1}
.cmfc-btn:hover{transform:scale(1.06)!important}
.cmfc-btn:focus-visible{outline:3px solid #0B57D0!important;outline-offset:3px}
.cmfc-btn img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.cmfc-btn:after{content:"";position:absolute;right:-2px;top:-2px;width:16px;height:16px;border-radius:50%;background:#F4A6A0;border:3px solid #fff}
.cmfc.is-open .cmfc-btn:after{display:none}

/* Sprechblase */
.cmfc-bubble{position:absolute;right:78px;bottom:12px;background:#fff;border:2px solid #000;border-radius:18px 18px 4px 18px;padding:10px 34px 10px 16px;white-space:nowrap;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18);font-family:"PFDinDisplayPro-Bold","Arial Black",Arial,sans-serif;font-size:19px;line-height:1;text-transform:uppercase;letter-spacing:.02em;opacity:0;transform:translateX(10px);transition:opacity .3s,transform .3s}
.cmfc-bubble.is-in{opacity:1;transform:none;animation:cmfcWiggle 1.2s ease-in-out .4s 2}
.cmfc-bubble[hidden]{display:none}
.cmfc-bubble-x,.cmfc-bubble-x:hover,.cmfc-bubble-x:focus{all:unset;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;line-height:20px;text-align:center;font-size:18px;color:#6B7280!important;cursor:pointer;background:transparent!important}
@keyframes cmfcWiggle{0%,100%{transform:none}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}

/* Panel */
.cmfc-panel{position:absolute;right:0;bottom:80px;width:380px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 130px));display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.28);border:2px solid #000;opacity:0;transform:translateY(14px) scale(.98);transform-origin:bottom right;transition:opacity .22s,transform .25s cubic-bezier(.2,.7,.2,1)}
.cmfc-panel.is-open{opacity:1;transform:none}
.cmfc-panel[hidden]{display:none}
.admin-bar .cmfc-panel{height:min(600px,calc(100vh - 162px))}
.cmfc-head{display:flex;align-items:center;gap:12px;background:#000;color:#fff;padding:14px 12px 14px 16px;flex:0 0 auto}
.cmfc-head img{width:40px;height:40px;border-radius:50%;border:2px solid #fff;flex:0 0 40px}
.cmfc-head-t{flex:1;min-width:0}
.cmfc-title{font-family:"PFDinDisplayPro-Bold","Arial Black",Arial,sans-serif;text-transform:uppercase;font-size:18px;line-height:1.1;letter-spacing:.02em;color:#fff}
.cmfc-sub{font-size:12.5px;line-height:1.3;color:#cfd3d8;margin-top:3px;display:flex;align-items:center;gap:6px}
.cmfc-dot{width:8px;height:8px;border-radius:50%;background:#7ED957;flex:0 0 8px}
.cmfc-x,.cmfc-restart,.cmfc-x:hover,.cmfc-restart:hover,.cmfc-x:focus,.cmfc-restart:focus{all:unset;box-sizing:border-box;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff!important;background:transparent!important;font-size:26px;line-height:1;flex:0 0 36px}
.cmfc-x:hover,.cmfc-restart:hover{background:#2a2a2a!important}
.cmfc-x:focus-visible,.cmfc-restart:focus-visible{outline:3px solid #97C1F7;outline-offset:1px}

.cmfc-list{flex:1;overflow-y:auto;padding:18px 14px 20px;background:#F0F3F6;scroll-behavior:smooth;overscroll-behavior:contain}
.cmfc-row{display:flex;gap:8px;align-items:flex-end;margin:0 0 10px}
.cmfc-av{width:28px;height:28px;border-radius:50%;flex:0 0 28px}
.cmfc-msg{max-width:85%;background:#fff;border-radius:18px 18px 18px 4px;padding:11px 14px;font-size:15px;line-height:1.45;color:#000;box-shadow:0 1px 2px rgba(0,0,0,.06);animation:cmfcIn .25s ease-out}
.cmfc-msg p{margin:0 0 6px}.cmfc-msg p:last-child{margin:0}
.cmfc-msg ul,.cmfc-msg ol{margin:4px 0 6px 18px;padding:0}.cmfc-msg li{margin:0 0 3px}
.cmfc-msg strong{font-weight:700}
.cmfc-msg a{color:#000;text-decoration:underline}
.cmfc-user{justify-content:flex-end}
.cmfc-user .cmfc-msg{background:#000;color:#fff;border-radius:18px 18px 4px 18px}
@keyframes cmfcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cmfc-typing .cmfc-msg{display:flex;gap:5px;padding:14px 16px}
.cmfc-typing span{width:7px;height:7px;border-radius:50%;background:#9aa1a9;animation:cmfcDot 1s infinite}
.cmfc-typing span:nth-child(2){animation-delay:.15s}.cmfc-typing span:nth-child(3){animation-delay:.3s}
@keyframes cmfcDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

/* Antwortknöpfe */
.cmfc-opts{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 14px 36px}
.cmfc-opt,.cmfc-opt:focus{all:unset;box-sizing:border-box;cursor:pointer;background:#fff!important;color:#000!important;border:2px solid #000!important;border-radius:20px;padding:8px 13px;font-size:14px;line-height:1.25;font-weight:600;transition:background .15s,color .15s}
.cmfc-opt:hover{background:#000!important;color:#fff!important}
.cmfc-opt:focus-visible{outline:3px solid #0B57D0;outline-offset:2px}
.cmfc-opts.is-used{display:none}
.cmfc-cta,.cmfc-cta:hover{display:inline-block;background:#000!important;color:#fff!important;text-decoration:none!important;border-radius:94px;padding:10px 18px;font-family:"PFDinDisplayPro-Bold","Arial Black",Arial,sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.02em}
.cmfc-cta:hover{background:#333!important}

/* Formular */
.cmfc-formrow .cmfc-msg{max-width:100%;flex:1}
.cmfc-form{margin:8px 0 0}
.cmfc-form label{display:block;font-weight:700;font-size:13.5px;margin:10px 0 4px}
.cmfc-form label em{font-weight:400;font-style:normal;color:#6B7280}
.cmfc-form input[type=text],.cmfc-form input[type=email],.cmfc-form input[type=tel],.cmfc-form textarea{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:#fff!important;background-image:none!important;color:#000!important;border:2px solid #000!important;border-radius:12px!important;padding:10px 12px!important;font:inherit!important;font-size:16px!important;line-height:1.3!important;height:auto!important;margin:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.cmfc-form textarea{resize:vertical;min-height:90px}
.cmfc-form input:focus,.cmfc-form textarea:focus{outline:3px solid #0B57D0!important;outline-offset:1px!important}
.cmfc-form [aria-invalid="true"]{border-color:#B42318!important}
.cmfc-form .cmfc-check{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:13px;line-height:1.4;margin:12px 0 0;cursor:pointer}
.cmfc-check input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:#000}
.cmfc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cmfc-ts{margin-top:12px;min-height:65px}
.cmfc-send,.cmfc-send:focus{all:unset;box-sizing:border-box;display:block;width:100%;text-align:center;margin-top:12px;cursor:pointer;background:#000!important;color:#fff!important;border:2px solid #000!important;border-radius:94px;padding:12px 18px;font-family:"PFDinDisplayPro-Bold","Arial Black",Arial,sans-serif;text-transform:uppercase;font-size:16px;letter-spacing:.02em}
.cmfc-send:hover{background:#fff!important;color:#000!important}
.cmfc-send[disabled]{opacity:.6;cursor:wait}
.cmfc-fmsg{font-size:13.5px;margin-top:8px}
.cmfc-fmsg.is-err{color:#B42318;font-weight:600}

/* Handy: rechts über dem Ratgeber-Button, Chat als Vollbild-Sheet */
@media (max-width:767px){
	.cmfc{right:16px;bottom:var(--cmfc-mb,16px)}
	.cmfc.cmfc-no-mobile{display:none}
	.cmfc-btn,.cmfc-btn:hover{width:56px;height:56px;border-width:2px!important}
	.cmfc-btn:after{width:13px;height:13px;border-width:2px}
	.cmfc-bubble{right:66px;bottom:9px;font-size:16px;padding:9px 30px 9px 13px;border-radius:16px 16px 4px 16px}
	.cmfc-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-width:100%;height:88vh;height:88dvh;border-radius:22px 22px 0 0;border:0;border-top:2px solid #000;transform:translateY(30px);transform-origin:bottom center}
	.cmfc.is-open .cmfc-btn,.cmfc.is-open .cmfc-btn:hover{opacity:0;pointer-events:none}
	.cmfc.is-open .cmfc-bubble{display:none}
	html.cmfc-lock,html.cmfc-lock body{overflow:hidden}
	.cmfc-msg{font-size:15.5px}
}
@media (min-width:768px){.cmfc.cmfc-no-desktop{display:none}}
@media (prefers-reduced-motion:reduce){.cmfc-btn,.cmfc-panel,.cmfc-bubble,.cmfc-msg{transition:none;animation:none}}

.cmfc-prev{display:inline-block;vertical-align:middle;margin-left:6px;background:#F4A6A0;color:#000;border-radius:10px;padding:2px 7px;font:700 10px/1.3 Arial,sans-serif;letter-spacing:.04em}
