.bga6{--or:#FF5F00;--cr2:#F6F3EC;--ink:#2F2F2F;--lead:#4B5563;--r:24px;--num:"BGInktrap",var(--font-heading-family,"BodyGen"),Helvetica,Arial,sans-serif;--e-out:cubic-bezier(.22,1,.36,1);--e-move:cubic-bezier(.65,0,.35,1);--e-soft:cubic-bezier(.33,1,.68,1);list-style:none;margin:0;padding:0;display:flex;gap:12px;container-type:inline-size}.bga6 *{box-sizing:border-box}.bga6-i{position:relative;flex:1 1 0;min-width:0;height:clamp(330px,27vw,392px);display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:flex-grow .8s var(--e-move),box-shadow .3s var(--e-soft)}.bga6-i.on{flex-grow:3;cursor:default}.bga6-i:focus-visible{box-shadow:0 0 0 2px var(--or)}.bga6-img{flex:1 1 auto;min-height:0;display:grid;place-items:center;overflow:hidden;background:var(--cr2)}.bga6 .bgh-ico{width:clamp(76px,7.2vw,104px);height:auto;overflow:visible;transition:transform .8s var(--e-move)}.bga6-i:not(.on):hover .bgh-ico{transform:scale(1.07)}.bga6-i.on .bgh-ico{transform:scale(1.6)}.bga6-c{position:relative;flex:none;padding:14px 16px 18px}.bga6-n{display:inline-block;font-family:var(--num);font-size:15px;color:#fff;background:var(--or);border-radius:999px;padding:5px 9px 4px;line-height:1}.bga6-t{display:grid;margin-top:9px}.bga6-t>*{grid-area:1/1;white-space:nowrap;transition:opacity .3s var(--e-soft)}.bga6 .bga6-h{margin:0;font-size:clamp(17px,1.4vw,21px);line-height:1.25;font-weight:500;letter-spacing:-.01em;color:var(--ink);opacity:0}.bga6-k{font-size:clamp(14px,1.15vw,17px);line-height:1.25;font-weight:500;color:var(--ink);align-self:center}.bga6-i.on .bga6-h{opacity:1;transition-delay:.3s}.bga6-i.on .bga6-k{opacity:0}.bga6 .bga6-p{width:calc((100cqw - 60px)*.375 - 32px);max-height:0;margin:0;overflow:hidden;font-size:15px;line-height:1.55;color:var(--lead);opacity:0;transition:max-height .8s var(--e-move),margin .8s var(--e-move),opacity .3s var(--e-soft)}.bga6-i.on .bga6-p{max-height:5em;margin-top:6px;opacity:1;transition:max-height .8s var(--e-move),margin .8s var(--e-move),opacity .5s var(--e-soft) .4s}.bga6-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--or);transform:scaleX(0);transform-origin:left}.bga6.auto .bga6-i.on .bga6-bar{animation:bgaBar var(--s6t,4.6s) linear forwards}@keyframes bgaBar{to{transform:scaleX(1)}}.bga6 .bgh-ico .ac{transform-box:fill-box}.bga6-i.on .bgh-ico .ln>*{stroke-dasharray:1 1;animation:bgaDraw 1.3s cubic-bezier(.45,0,.2,1) both}@keyframes bgaDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes bgaIn{0%{opacity:0}to{opacity:1}}@keyframes bgaPop{0%{opacity:0;transform:scale(.2)}}@keyframes bgaGrowX{0%{transform:scaleX(0)}}@keyframes bgaGrowY{0%{transform:scaleY(0)}}.bga6-i.on .ac-mod{animation:bgaIn .6s var(--e-soft) .5s both}.bga6-i.on .ac-c1{animation:bgaC1 .7s var(--e-out) .7s both}.bga6-i.on .ac-c2{animation:bgaC2 .7s var(--e-out) .7s both}.bga6-i.on .ac-c3{animation:bgaC3 .7s var(--e-out) .7s both}.bga6-i.on .ac-c4{animation:bgaC4 .7s var(--e-out) .7s both}@keyframes bgaC1{0%{opacity:0;transform:translate(-9px,-9px)}}@keyframes bgaC2{0%{opacity:0;transform:translate(9px,-9px)}}@keyframes bgaC3{0%{opacity:0;transform:translate(9px,9px)}}@keyframes bgaC4{0%{opacity:0;transform:translate(-9px,9px)}}.bga6 .bgh-ico .ac-scan{opacity:0}.bga6-i.on .ac-scan{animation:bgaScan 1.5s var(--e-move) 1.3s both}@keyframes bgaScan{0%{opacity:0;transform:translateY(-20px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(20px)}}.bga6-i.on .ac-sep{transform-origin:center;animation:bgaGrowY .8s var(--e-out) .2s both}.bga6-i.on .ac-drop{transform-origin:50% 0;animation:bgaDrop 1s var(--e-out) .8s both}@keyframes bgaDrop{0%{opacity:0;transform:translateY(-14px) scale(.3)}60%{opacity:1;transform:translateY(3px) scale(1.05)}to{transform:none}}.bga6-i.on .ac-tip{transform-origin:50% 100%;animation:bgaPop .7s var(--e-out) 1.1s both}.bga6-i.on .ac-cap2{animation:bgaCap2 .9s var(--e-out) .8s both}@keyframes bgaCap2{0%{opacity:0;transform:translateY(-16px)}}.bga6-i.on .ac-env{animation:bgaEnv 1.1s var(--e-move) .5s both}@keyframes bgaEnv{0%{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}}.bga6-i.on .ac-slot{transform-origin:center;animation:bgaGrowX .6s var(--e-out) .3s both}.bga6-i.on .ac-arrow{animation:bgaArrow 1s var(--e-out) 1.2s both}@keyframes bgaArrow{0%{opacity:0;transform:translateY(-10px)}}.bga6-i.on .ac-l1,.bga6-i.on .ac-l2,.bga6-i.on .ac-l3{transform-origin:50% 100%;animation:bgaGrowY 1.2s var(--e-out) both}.bga6-i.on .ac-l1{animation-delay:.7s}.bga6-i.on .ac-l2{animation-delay:.9s}.bga6-i.on .ac-l3{animation-delay:1.1s}.bga6-i.on .ac-b1,.bga6-i.on .ac-b2,.bga6-i.on .ac-b3{animation:bgaBub 1s var(--e-out) both}.bga6-i.on .ac-b1{animation-delay:1.5s}.bga6-i.on .ac-b2{animation-delay:1.7s}.bga6-i.on .ac-b3{animation-delay:1.9s}@keyframes bgaBub{0%{opacity:0;transform:translateY(10px)}}.bga6-i.on .ac-arc{animation:bgaArc 1.4s var(--e-out) .7s both}@keyframes bgaArc{0%{stroke-dashoffset:70}to{stroke-dashoffset:0}}.bga6-i.on .ac-bar{transform-origin:0 50%;animation:bgaGrowX .9s var(--e-out) 1.2s both}.bga6-i.on .ac-cap{animation:bgaCapsule 1s var(--e-out) .9s both}@keyframes bgaCapsule{0%{opacity:0;transform:translate(10px,-22px) rotate(25deg)}}.bga6-i.on .ac-leaf{transform-origin:0 100%;animation:bgaPop .9s var(--e-out) 1.3s both}.bga6-i.on .ac-k1,.bga6-i.on .ac-k2,.bga6-i.on .ac-k3{transform-origin:0 50%;animation:bgaPop .6s var(--e-out) both}.bga6-i.on .ac-k1{animation-delay:.8s}.bga6-i.on .ac-k2{animation-delay:1.05s}.bga6-i.on .ac-k3{animation-delay:1.3s}@media(prefers-reduced-motion:reduce){.bga6 .bgh-ico *{animation:none!important}.bga6.auto .bga6-i.on .bga6-bar{animation:none}}@media(min-width:760px)and (max-width:1199px){.bga6{gap:10px}.bga6-i{height:310px}.bga6-c{padding:12px 12px 16px}.bga6-k{display:none}.bga6-t{max-height:0;margin-top:0;overflow:hidden;transition:max-height .8s var(--e-move),margin .8s var(--e-move)}.bga6-i.on .bga6-t{max-height:2em;margin-top:9px}.bga6-i.on .bgh-ico{transform:scale(1.4)}.bga6 .bga6-p{width:calc((100cqw - 50px)*.375 - 24px)}.bga6-i.on .bga6-p{max-height:7em}}@media(max-width:759px){.bga6{display:grid;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 -20px;padding:2px 20px;scroll-padding:0 20px;gap:12px}.bga6::-webkit-scrollbar{display:none}.bga6-i{height:auto;scroll-snap-align:start;cursor:default}.bga6-img{flex:none;height:220px}.bga6 .bgh-ico,.bga6-i.on .bgh-ico{width:120px;transform:none}.bga6-k{display:none}.bga6 .bga6-h,.bga6 .bga6-p{opacity:1;width:auto;max-height:none;margin-top:6px}.bga6 .bga6-h{margin-top:0;font-size:19px;white-space:normal}}@media(min-width:600px)and (max-width:759px){.bga6{grid-auto-columns:46%}}.bga6-i{border:1px solid rgba(255,95,0,.5)}.bga6-i.on{border-color:#ff5f00cc}
/*# sourceMappingURL=/cdn/shop/t/17/assets/bgablauf.css.map */