/* Werki-Begleiter (aus dw-v4.css übernommen) */
:root{--ease:cubic-bezier(.2,.7,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);--dw:#0F4D3A;--deep:#0B3A2C;--light:#E8F1EC;--sh:0 1px 2px rgba(11,58,44,.06),0 12px 32px -14px rgba(11,58,44,.22)}
/* ===== Werki – KI-Begleiter in 3D (05.11.2026) ===== */
.wbc{position:fixed;left:0;top:0;width:240px;height:240px;z-index:70;transform-origin:0 0;opacity:0;pointer-events:none;will-change:transform;transition:opacity .4s var(--ease)}
.wbc.on{opacity:1}
.wbc.gone{opacity:0!important;visibility:hidden}
.wbc.intro{z-index:2147483601}
.wbc-stage{position:absolute;inset:14% 18% 6%;pointer-events:auto;cursor:pointer;border-radius:50%}
.wbc-cv{position:absolute;left:-43.2px;top:-33.6px;width:240px;height:240px;display:block;pointer-events:none;filter:drop-shadow(0 18px 22px rgba(11,58,44,.28))}
.wbc-stage.flat{inset:6% 14% 4%}
.wbc-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 14px 20px rgba(11,58,44,.25))}
.wbc-x{position:fixed;left:0;top:0;z-index:72;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--deep);font:700 18px/1 Inter,sans-serif;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s;box-shadow:var(--sh)}
.wbc-x.on{opacity:1;visibility:visible}
.wbc-say{position:fixed;left:0;top:0;z-index:71;width:min(300px,calc(100vw - 120px));padding:14px 38px 15px 16px;border-radius:18px;background:#fff;color:var(--ink);font:500 15px/1.5 Inter,system-ui,sans-serif;letter-spacing:-.005em;box-shadow:0 1px 2px rgba(11,58,44,.08),0 22px 48px -18px rgba(11,58,44,.45);border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease)}
.wbc-say.on{opacity:1;visibility:visible;pointer-events:auto;animation:wbcPop .35s var(--spring)}
.wbc-say.out{opacity:0}
.wbc-say b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dw);margin-bottom:3px}
.wbc-say b:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px;vertical-align:1px;box-shadow:0 0 0 3px rgba(159,209,184,.3)}
.wbc-say:after{content:"";position:absolute;top:26px;width:14px;height:14px;background:#fff;border:1px solid var(--line);transform:rotate(45deg)}
.wbc-say[data-side=left]:after{right:-8px;border-left:0;border-bottom:0}
.wbc-say[data-side=right]:after{left:-8px;border-right:0;border-top:0}
.wbc-say[data-side=down]:after{top:auto;bottom:-8px;right:38px;border-left:0;border-top:0}
.wbc-close{position:absolute;right:8px;top:8px;width:28px;height:28px;border:0;border-radius:8px;background:none;color:var(--ink-55,#5b6560);font:600 19px/1 Inter,sans-serif;cursor:pointer}
.wbc-close:hover{background:var(--light);color:var(--deep)}
@keyframes wbcPop{from{transform-origin:center;scale:.92}to{scale:1}}
.wbc-back{position:fixed;right:16px;bottom:16px;z-index:69;display:none;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--deep);font:700 13.5px/1 Inter,sans-serif;box-shadow:var(--sh);cursor:pointer}
.wbc-back.on{display:inline-flex}
.wbc-back i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(159,209,184,.35)}
.wb-intro .wbc-ph{width:min(380px,74vw);height:min(380px,74vw)}
@media(max-width:760px){.wbc-say{font-size:14.5px;width:min(290px,calc(100vw - 24px))}.wbc-x{width:28px;height:28px;font-size:16px}}
@media print{.wbc,.wbc-say,.wbc-back,.wbc-x{display:none!important}}

/* ===== Werki – Aktionen, Formular, Reaktionen (05.11.2026) ===== */
.wbc-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.wbc-act[hidden]{display:none}
.wbc-act.q .wbc-b:not(.g){flex:1 1 100%}
.wbc-b{appearance:none;border:1px solid var(--dw,#0F4D3A);background:#fff;color:var(--deep,#0B3A2C);font:600 13.5px/1.25 Inter,system-ui,sans-serif;padding:8px 13px;border-radius:999px;cursor:pointer;text-align:left;transition:background .15s,color .15s}
.wbc-b:hover,.wbc-b:focus-visible{background:var(--light,#E8F1EC)}
.wbc-b.p{background:var(--dw,#0F4D3A);color:#fff}
.wbc-b.p:hover,.wbc-b.p:focus-visible{background:var(--deep,#0B3A2C)}
.wbc-b.g{border-color:transparent;color:var(--ink-55,#5b6560)}
.wbc-b.l{border:0;padding:2px 0;background:none;color:var(--dw,#0F4D3A);text-decoration:underline;text-underline-offset:3px;font-size:13px}
.wbc-b[disabled]{opacity:.6;cursor:wait}
.wbc-txt strong{color:var(--deep,#0B3A2C)}
.wbc-txt em{font-style:normal;font-weight:700;color:var(--dw,#0F4D3A);white-space:nowrap}
.wbc-say.wide{width:min(340px,calc(100vw - 24px))}
.wbc-form{display:grid;gap:9px;width:100%}
.wbc-form input[type=email]{font:500 15px/1.3 Inter,system-ui,sans-serif;padding:10px 12px;border:1px solid var(--line);border-radius:10px;width:100%;box-sizing:border-box;color:var(--ink)}
.wbc-form input[type=email]:focus{outline:2px solid var(--mint,#9FD1B8);border-color:var(--dw,#0F4D3A)}
.wbc-ok{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.45;color:var(--ink-55,#5b6560);cursor:pointer}
.wbc-ok input{margin-top:2px;accent-color:var(--dw,#0F4D3A);flex:none}
.wbc-ok a{color:var(--dw,#0F4D3A)}
.wbc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.wbc-err{color:#9b2c2c;font-size:12.5px}
.wbc-err:empty{display:none}
.wbc-zzz{position:fixed;left:0;top:0;z-index:71;width:1px;height:1px;pointer-events:none;opacity:0;transition:opacity .5s;font:800 20px/1 Inter,system-ui,sans-serif;color:var(--dw,#0F4D3A);text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px rgba(255,255,255,.9)}
.wbc-zzz.on{opacity:1}
.wbc-zzz i{position:absolute;left:0;top:0;font-style:normal;opacity:0;animation:wbcZ 2.4s infinite ease-out}
.wbc-zzz i:nth-child(2){animation-delay:.8s;font-size:15px}
.wbc-zzz i:nth-child(3){animation-delay:1.6s;font-size:23px}
@keyframes wbcZ{0%{transform:translate(0,0);opacity:0}20%{opacity:1}100%{transform:translate(20px,-36px);opacity:0}}
.wbc-heart{position:fixed;z-index:71;pointer-events:none;color:var(--dw,#0F4D3A);font-size:17px;animation:wbcH 1.2s ease-out forwards}
@keyframes wbcH{from{transform:translate(0,0) scale(.6);opacity:0}25%{opacity:.9}to{transform:translate(0,-48px) scale(1.15);opacity:0}}
@media (prefers-reduced-motion:reduce){.wbc-zzz i{animation:none;opacity:1}.wbc-zzz i:nth-child(2){transform:translate(10px,-15px)}.wbc-zzz i:nth-child(3){transform:translate(20px,-32px)}}
@media print{.wbc-zzz,.wbc-heart{display:none!important}}