/* CabBee Alive 11.0 — isolated test layer */
#cbalive{--bee-x:0px;--bee-y:0px;--bee-size:90px;position:fixed;inset:0;z-index:990;pointer-events:none;font-family:inherit;color:#24211b}#cbalive *{box-sizing:border-box}#cbalive .cba-stage,#cbalive .cba-hit{position:absolute;left:calc(var(--bee-x) - var(--bee-size)/2);top:calc(var(--bee-y) - var(--bee-size)/2);width:var(--bee-size);height:var(--bee-size)}#cbalive .cba-stage{filter:drop-shadow(0 10px 10px #0004);animation:cba-hover 2.7s ease-in-out infinite;transform-origin:50% 60%;will-change:transform}#cbalive .cba-img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;user-select:none}#cbalive .cba-hit{pointer-events:auto;border:0;background:transparent;border-radius:50%;cursor:pointer;touch-action:manipulation}#cbalive .cba-hit:focus-visible{outline:3px solid #e5ad00;outline-offset:3px}#cbalive .cba-shadow{position:absolute;left:22%;right:22%;bottom:4%;height:9%;background:#1c160d33;filter:blur(8px);border-radius:50%}#cbalive .cba-wings{position:absolute;inset:0;z-index:1;pointer-events:none}#cbalive .cba-wings i{position:absolute;top:22%;width:38%;height:45%;border:2px solid #f9faffaa;border-radius:70% 30% 75% 35%;background:linear-gradient(135deg,#ffffffc0,#bde7f455);filter:blur(.4px);transform-origin:bottom right;animation:cba-wing-left .13s ease-in-out infinite alternate}#cbalive .cba-wings i:first-child{left:-12%;transform:rotate(-35deg)}#cbalive .cba-wings i:last-child{right:-12%;transform-origin:bottom left;animation-name:cba-wing-right}#cbalive .cba-spark{position:absolute;z-index:3;right:5%;top:4%;color:#ffe25e;font-size:17px;animation:cba-twinkle 2.4s ease-in-out infinite}#cbalive .cba-talk{position:absolute;right:calc(100vw - var(--bee-x) + 30px);top:clamp(20px,calc(var(--bee-y) - 45px),calc(100vh - 110px));max-width:min(250px,60vw);min-width:130px;background:#fff9e7;border:1px solid #f1ce59;border-radius:17px 17px 5px 17px;padding:11px 14px;font-size:13px;font-weight:700;box-shadow:0 12px 30px #0002;pointer-events:none}#cbalive [hidden]{display:none!important}#cbalive .cba-menu{position:absolute;right:12px;bottom:110px;width:min(310px,calc(100vw - 24px));max-height:75vh;overflow:auto;pointer-events:auto;background:#fff;border:1px solid #edce63;border-radius:20px;padding:17px;box-shadow:0 18px 55px #0003}#cbalive .cba-menu strong{font-size:18px}#cbalive .cba-menu p{margin:6px 0 12px;font-size:13px}#cbalive .cba-menu a{display:block;background:#fff5c7;color:#231d12;text-decoration:none;font-weight:700;padding:11px;border-radius:11px;margin:7px 0;font-size:13px}#cbalive .cba-switch{display:flex;align-items:center;gap:8px;font-size:13px;margin:14px 0 10px;cursor:pointer}#cbalive .cba-switch input{accent-color:#d9a600;width:18px;height:18px}#cbalive .cba-close{border:1px solid #ddc780;background:#fff;border-radius:10px;padding:9px 14px;cursor:pointer}#cbalive.cba-off .cba-stage{animation:none}#cbalive.cba-off .cba-wings i,#cbalive.cba-off .cba-spark{animation:none;opacity:0}#cbalive.cba-flying .cba-stage{animation:none}#cbalive.cba-flying .cba-wings i{animation-duration:.075s}@keyframes cba-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes cba-wing-left{from{transform:rotate(-55deg) scaleX(.8)}to{transform:rotate(-10deg) scaleX(1.15)}}@keyframes cba-wing-right{from{transform:rotate(55deg) scaleX(.8)}to{transform:rotate(10deg) scaleX(1.15)}}@keyframes cba-twinkle{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}}@media(max-width:640px){#cbalive{--bee-size:66px}#cbalive .cba-menu{bottom:calc(160px + env(safe-area-inset-bottom,0px))}#cbalive .cba-talk{font-size:11px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){#cbalive .cba-stage,#cbalive .cba-wings i,#cbalive .cba-spark{animation:none!important}#cbalive .cba-wings i{opacity:0}}
/* Prevent duplicate floating mascots while retaining old timeline behavior */
.cbw{display:none!important}

/* Cabbee 11.1: keine künstlich ergänzten Flügel – ausschließlich Originalmaskottchen */
#cbalive .cba-wings{display:none!important}
.cbBenefitsGrid,.cbSpecialGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.cbBenefit,.cbSpecialCard{padding:clamp(20px,2.4vw,34px);border-radius:22px;background:#fff;border:1px solid #e9e6de;box-shadow:0 12px 34px #1011140a}
.cbBenefit>span,.cbSpecialCard>span{font-size:11px;font-weight:800;letter-spacing:.11em;color:#a77a00}
.cbBenefit h3,.cbSpecialCard h3{font-size:clamp(20px,2vw,27px);line-height:1.15;margin:17px 0 12px}
.cbBenefit p,.cbSpecialCard p{font-size:15px;line-height:1.65;margin:0;color:#555}
.cbSpecialGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cbSpecialCard{background:linear-gradient(145deg,#fff9dc,#fff)}
.cbSpecialCard a{display:inline-block;margin-top:20px;font-weight:800;color:#403100}
@media(max-width:900px){.cbBenefitsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cbBenefitsGrid,.cbSpecialGrid{grid-template-columns:1fr}.cbBenefit,.cbSpecialCard{padding:22px}}

/* 11.2: polished and calmer interaction */
#cbalive .cba-menu{backdrop-filter:blur(16px);background:rgba(255,255,255,.97);border:1px solid #e7d49b}
#cbalive .cba-menu a{transition:transform .18s ease,background .18s ease}
#cbalive .cba-menu a:hover,#cbalive .cba-menu a:focus-visible{transform:translateX(3px);background:#ffe79a}
#cbalive .cba-talk{max-width:min(225px,55vw);line-height:1.4}
.cbBenefit,.cbSpecialCard{transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover){.cbBenefit:hover,.cbSpecialCard:hover{transform:translateY(-4px);box-shadow:0 18px 38px #10111416}}
@media(prefers-reduced-motion:reduce){.cbBenefit,.cbSpecialCard{transition:none}}

/* Cabbee Alive 11.3: guided experience */
#cbalive .cba-guide,#cbalive .cba-choose{display:block;width:100%;border:0;border-radius:12px;padding:12px 14px;margin:8px 0;text-align:left;font:inherit;font-weight:800;background:#f9df7b;color:#2b2100;cursor:pointer}
#cbalive .cba-choose{background:#24211b;color:white}
#cbalive .cba-guide:focus-visible,#cbalive .cba-choose:focus-visible{outline:3px solid #d5a000;outline-offset:2px}
#cbalive .cba-choice{position:fixed;right:clamp(12px,3vw,32px);bottom:clamp(112px,15vh,160px);width:min(350px,calc(100vw - 24px));max-height:70vh;overflow:auto;background:#fffef8;border:1px solid #e5c75f;border-radius:22px;box-shadow:0 18px 55px #0003;padding:20px;pointer-events:auto;z-index:3}
#cbalive .cba-choice-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:20px}
#cbalive .cba-choice-head button{border:0;background:#f4e8bf;border-radius:50%;width:32px;height:32px;font-size:22px;cursor:pointer}
#cbalive .cba-choice p{font-size:13px;color:#635c4c;line-height:1.5}
#cbalive .cba-choice a{display:block;text-decoration:none;color:#272017;background:#fff3c8;padding:14px;border-radius:12px;margin-top:9px;font-size:14px;font-weight:750}
#cbalive .cba-choice a:hover,#cbalive .cba-choice a:focus-visible{background:#f6da76}
#geschichte .tf-history-track{position:relative}
#geschichte .cba-time-bee{position:absolute;left:0;top:0;width:clamp(48px,6vw,76px);height:auto;z-index:5;pointer-events:none;opacity:0;transform:translate(calc(var(--tx) - 50%),calc(var(--ty) - 50%));transition:transform .8s cubic-bezier(.2,.7,.25,1),opacity .25s;filter:drop-shadow(0 8px 8px #0003)}
#geschichte .cba-time-bee.is-visible{opacity:1}
#geschichte .cba-year-active .tf-history-year{color:#aa7800;text-shadow:0 0 12px #ffdd69}
@media(max-width:640px){#geschichte .cba-time-bee{width:46px}}
@media(prefers-reduced-motion:reduce){#geschichte .cba-time-bee{transition:none}}

/* 11.4 – Flügel aus Originalillustration freigestellt, keine gezeichneten Zusatzflügel */
#cbalive .cba-bee-parts{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#cbalive .cba-bee-parts img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
#cbalive .cba-bee-parts .cba-wing{z-index:1;will-change:transform;animation-play-state:paused}
#cbalive .cba-bee-parts .cba-body{z-index:2}
#cbalive .cba-wing-left{transform-origin:29% 43%;animation:cba-wingbeat-left .19s ease-in-out infinite alternate}
#cbalive .cba-wing-right{transform-origin:71% 43%;animation:cba-wingbeat-right .19s ease-in-out infinite alternate}
#cbalive.cba-flying .cba-wing{animation-play-state:running}
#cbalive:not(.cba-flying):not(.cba-off) .cba-wing{animation-play-state:running;animation-duration:.85s}
@keyframes cba-wingbeat-left{from{transform:rotate(-5deg) scaleX(.95)}to{transform:rotate(12deg) scaleX(.80)}}
@keyframes cba-wingbeat-right{from{transform:rotate(5deg) scaleX(.95)}to{transform:rotate(-12deg) scaleX(.80)}}
@media(prefers-reduced-motion:reduce){#cbalive .cba-wing{animation:none!important}}

#geschichte .cba-time-bee{aspect-ratio:1}
#geschichte .cba-time-bee img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#geschichte .cba-time-bee .cba-wing{z-index:1;animation-play-state:running}
#geschichte .cba-time-bee .cba-body{z-index:2}