.assistant-launcher.assistant-fox{left:17px;bottom:12px;width:110px;min-height:0;height:135px;display:flex;flex-direction:column;gap:0;padding:0;border:0;border-radius:28px;background:none;box-shadow:none;backdrop-filter:none;overflow:visible;filter:none;transition:transform .3s}
.assistant-fox .fox-art{display:block;width:110px;height:115px;filter:drop-shadow(0 0 17px #638dff40);transition:filter .3s}.fox-art svg{display:block;width:100%;height:100%;overflow:visible}
.assistant-fox .fox-label{display:flex;align-items:center;gap:7px;justify-content:center;padding:5px 9px;border:1px solid #b4d6ff44;border-radius:20px;background:linear-gradient(120deg,#192e40ee,#2d2049ee);color:#e9f5ff;font-size:10px;line-height:1.2;box-shadow:0 4px 15px #0004;white-space:nowrap;margin-top:-2px}
.assistant-fox .fox-label small{font-size:6px;letter-spacing:.8px;padding:2px 3px;border-radius:3px;color:#d3c2ff;border-color:#bca4ff44}
.assistant-launcher[hidden]{display:none!important}.assistant-header>.fox-art{display:block;flex-shrink:0;width:65px;height:73px;filter:drop-shadow(0 0 12px #7398ff44);transform-origin:top left;pointer-events:none}.assistant-header>div{flex:1;min-width:0}.assistant-header{gap:12px}.assistant-header h2{font-size:21px}.assistant-header .fox-stars{opacity:.65}.assistant-header .fox-shadow{opacity:.08}.assistant-header .fox-art svg{overflow:visible}.assistant-header .fox-body{animation:none}.assistant-header .fox-wave{animation:fox-hover-wag 1.2s ease-in-out 2}.assistant-header .fox-head{animation:none;transform:rotate(-4deg)}
@media(max-width:420px){.assistant-header>.fox-art{width:48px;height:59px}.assistant-header{gap:8px;padding:13px 12px}.assistant-header .assistant-eyebrow{font-size:7px;letter-spacing:.7px}.assistant-header h2{font-size:18px}.assistant-header .assistant-close{width:32px;height:32px}.assistant-header>div{min-width:0}}
.fox-greeting{position:absolute;left:0;bottom:142px;min-width:160px;padding:11px 14px;line-height:1.4;border:1px solid #a9caff66;border-radius:14px 14px 14px 3px;background:linear-gradient(130deg,#1d3949f5,#30214cf5);box-shadow:0 8px 30px #0006;color:#eafaff;font-size:12px;font-weight:500;opacity:0;transform:translateY(6px);pointer-events:none;animation:fox-hello 4.8s .5s both;transition:opacity .25s,transform .25s}
.assistant-launcher.assistant-fox:is(:hover,:focus-visible){transform:translateY(-3px);background:none;box-shadow:none;filter:none}.assistant-fox:is(:hover,:focus-visible) .fox-art{filter:drop-shadow(0 0 20px #8c78ff70)}.assistant-fox:is(:hover,:focus-visible) .fox-greeting{opacity:1!important;transform:translateY(0)!important}.assistant-fox:focus-visible{outline:2px solid #8af2ff;outline-offset:5px}
.fox-body{transform-box:fill-box;transform-origin:50% 95%;animation:fox-bounce 4.5s .4s both}.fox-head{transform-box:fill-box;transform-origin:50% 80%;animation:fox-curious 4.5s .4s both}.fox-wave{transform-box:fill-box;transform-origin:90% 90%;animation:fox-wave 4.5s .4s both}.fox-tail{transform-box:fill-box;transform-origin:10% 90%;animation:fox-wag 4.5s .4s both}.fox-eyes{transform-box:fill-box;transform-origin:center;animation:fox-blink 4.5s .4s both}.fox-stars{transform-box:fill-box;transform-origin:center;animation:fox-sparkle 4.5s .4s both}
.assistant-fox:is(:hover,:focus-visible) .fox-tail{animation:fox-hover-wag 1.2s ease-in-out 2}.assistant-fox:is(:hover,:focus-visible) .fox-head{transform:rotate(-7deg);transition:transform .4s}
@keyframes fox-hello{0%,100%{opacity:0;transform:translateY(6px)}12%,82%{opacity:1;transform:translateY(0)}}
@keyframes fox-bounce{0%,30%,55%,100%{transform:translateY(0)}15%,43%{transform:translateY(-6px)}20%,48%{transform:translateY(0) scale(1.03,.97)}}
@keyframes fox-curious{0%,100%{transform:rotate(0)}18%,38%{transform:rotate(-8deg)}60%,75%{transform:rotate(5deg)}}
@keyframes fox-wave{0%,12%,70%,100%{transform:rotate(0)}22%,42%,62%{transform:rotate(23deg)}32%,52%{transform:rotate(-14deg)}}
@keyframes fox-wag{0%,15%,80%,100%{transform:rotate(0)}25%,45%,65%{transform:rotate(-13deg)}35%,55%,75%{transform:rotate(9deg)}}
@keyframes fox-blink{0%,35%,40%,75%,80%,100%{transform:scaleY(1)}37%,77%{transform:scaleY(.12)}}
@keyframes fox-sparkle{0%,100%{opacity:.25;transform:scale(.85)}20%,60%{opacity:1;transform:scale(1.1)}40%,80%{opacity:.4;transform:scale(.9)}}
@keyframes fox-hover-wag{0%,100%{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(10deg)}}
.a11y-motion .assistant-fox *,.a11y-motion .assistant-fox{animation:none!important;transition:none!important;transform:none!important}.a11y-motion .fox-greeting{opacity:0}.a11y-motion .assistant-fox:is(:hover,:focus-visible) .fox-greeting{opacity:1}.a11y-contrast .assistant-launcher.assistant-fox{background:none!important;border:0!important}.a11y-contrast .fox-label,.a11y-contrast .fox-greeting{background:#000;border-color:#fff;color:#fff}
@media(max-width:600px){.assistant-launcher.assistant-fox{left:10px;bottom:10px;width:90px;height:114px}.assistant-fox .fox-art{width:90px;height:96px}.assistant-fox .fox-label{font-size:9px;padding:4px 7px;gap:5px}.assistant-fox .fox-label small{font-size:6px}.fox-greeting{bottom:121px;font-size:11px;min-width:150px}}
@media(prefers-reduced-motion:reduce){.assistant-fox,.assistant-fox *{animation:none!important;transition:none!important;transform:none!important}.fox-greeting{opacity:0}.assistant-fox:is(:hover,:focus-visible) .fox-greeting{opacity:1}}@media print{.assistant-launcher.assistant-fox{display:none!important}}
/* Natürlicher Fell-Fuchs mit weichem Markenlicht. */
.fox-art.fox-realistic{position:relative;isolation:isolate;filter:drop-shadow(-3px 0 8px #38e9ef66) drop-shadow(4px 1px 11px #ac6eff70)}
.fox-realistic img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none;position:relative;z-index:1;transform-origin:50% 90%;animation:fox-natural-greeting 4.6s ease-in-out .25s 1;transition:transform .45s,filter .45s}
.fox-realistic::before{content:'';position:absolute;inset:25% 10% 3%;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 25% 45%,#37eaf252,transparent 65%),radial-gradient(ellipse at 80% 65%,#ab68ff66,transparent 65%);filter:blur(13px);opacity:.8;transition:opacity .35s}
.assistant-fox:is(:hover,:focus-visible) .fox-realistic{filter:drop-shadow(-3px 0 12px #44f8ff99) drop-shadow(5px 1px 15px #b471ff99)}
.assistant-fox:is(:hover,:focus-visible) .fox-realistic img{transform:translateY(-3px) rotate(-4deg) scale(1.04)}
.assistant-fox:is(:hover,:focus-visible) .fox-realistic::before{opacity:1}
.assistant-header>.fox-art.fox-realistic{filter:drop-shadow(-2px 0 5px #3ee7ef66) drop-shadow(3px 0 7px #b277ff66)}
.assistant-header .fox-realistic img{animation:none;transform:none}
@keyframes fox-natural-greeting{0%,100%{transform:translateY(0) rotate(0)}20%{transform:translateY(-4px) rotate(-5deg)}42%{transform:translateY(0) rotate(3deg)}65%{transform:translateY(-2px) rotate(-2deg)}}
.a11y-motion .fox-realistic img{animation:none!important;transform:none!important}.a11y-contrast .fox-realistic{filter:none!important}.a11y-contrast .fox-realistic::before{display:none}
@media(prefers-reduced-motion:reduce){.fox-realistic img{animation:none!important;transition:none!important;transform:none!important}.fox-realistic::before{transition:none!important}}