@layer components{.bl-anim{--bl-gold:#c9a24b;--bl-anim-kachel:color-mix(in srgb,var(--bl-blau) 6%,var(--bl-weiss));--bl-anim-fenster:var(--bl-weiss);--bl-anim-fliese:color-mix(in srgb,var(--bl-blau) 9%,var(--bl-weiss));--bl-anim-metall:color-mix(in srgb,var(--bl-blau) 52%,var(--bl-weiss));--bl-anim-dunst:color-mix(in srgb,var(--bl-blau) 32%,var(--bl-weiss));--bl-anim-sand:color-mix(in srgb,var(--bl-bordeaux) 11%,var(--bl-weiss));--bl-anim-schatten:var(--bl-bordeaux)}.bl-anim .bl-pdp-dreier>div{background:var(--bl-anim-kachel)}.bl-anim:not([data-laeuft]) *,.bl-anim:not([data-laeuft]) *:before{animation-play-state:paused!important}.bl-anim__buehne{margin:0 0 var(--bl-abstand-16);border-radius:var(--bl-radius-kachel);background:var(--bl-flaeche);overflow:hidden}.bl-anim__buehne svg{display:block;width:100%;height:144px}.bl-anim__buehne--flach{padding:var(--bl-abstand-8) 0;background:transparent;overflow:visible}.bl-anim__buehne--flach svg{height:auto;overflow:visible}.bl-anim__feld{position:relative;isolation:isolate}.bl-anim__licht{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--bl-weiss);box-shadow:inset 0 0 0 2px var(--bl-blau),0 8px 16px #221c1914;opacity:0}.bl-anim__funke{fill:var(--bl-gold);transform-box:fill-box;transform-origin:center}.bl-stueck__linie,.bl-stueck__kette{fill:none;stroke:var(--bl-gold);stroke-linecap:round}.bl-stueck__kette{stroke-width:2;stroke-dasharray:2.6 1.6}.bl-stueck__anhaenger{fill:var(--bl-gold)}.bl-stueck__glanz{fill:none;stroke:var(--bl-weiss);stroke-opacity:.75;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:9 120;animation:bl-stueck-glanz 2.6s linear infinite}.bl-stueck__glanzlinie{fill:none;stroke:var(--bl-weiss);stroke-opacity:.6;stroke-width:1;stroke-dasharray:6 60;animation:bl-stueck-glanz 2.6s linear infinite}@keyframes bl-stueck-glanz{to{stroke-dashoffset:-129}}.bl-anim-wasser{--d-pool:3.6s;--d-strand:3.2s;--bl-haut:color-mix(in srgb,color-mix(in srgb,var(--bl-flaeche) 65%,var(--bl-gold)) 85%,var(--bl-bordeaux))}.bl-was3-kachel{min-width:0}.bl-pdp-dreier .bl-was3-kachel{padding-top:var(--bl-abstand-4)}.bl-pdp-dreier .bl-was3-fenster{display:block;margin:0 0 var(--bl-abstand-8);padding:0;overflow:hidden;border-radius:var(--bl-radius-button);background:var(--bl-anim-fenster)}.bl-was3-buehne{display:block;width:100%;height:80px}.bl-was3-drift{animation:bl-was3-drift 1.6s linear infinite}.bl-was3-welle{fill:none;stroke:var(--bl-weiss);stroke-width:1.3;stroke-linecap:round}@keyframes bl-was3-drift{to{transform:translate(-10px)}}.bl-was4-haut{fill:var(--bl-haut)}.bl-was4-anzug{fill:var(--bl-bordeaux)}.bl-was4-traeger{fill:none;stroke:var(--bl-bordeaux);stroke-width:1}.bl-was4-glied{fill:none;stroke:var(--bl-haut);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.bl-was4-arm{stroke-width:2.5}.bl-was4-haar,.bl-was4-auge{fill:var(--bl-schwarz)}.bl-was4-wange{fill:var(--bl-bordeaux);opacity:.22}.bl-was4-mund{fill:none;stroke:var(--bl-schwarz);stroke-width:.6;stroke-linecap:round}.bl-was4-gold{fill:none;stroke:var(--bl-gold);stroke-width:.9;stroke-linecap:round}.bl-was4-gold--dick{stroke-width:1.2}.bl-was4-fliesen{fill:none;stroke:var(--bl-anim-fliese);stroke-width:.8}.bl-was4-boden{fill:none;stroke:var(--bl-anim-metall);stroke-width:1.6;stroke-linecap:round}.bl-was3-rohr{fill:none;stroke:var(--bl-anim-metall);stroke-width:2.5;stroke-linecap:round}.bl-was3-kopf{fill:var(--bl-anim-metall)}.bl-was3-strahl{fill:none;stroke:var(--bl-blau);stroke-opacity:.45;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:4 7;animation:bl-was3-fliessen .38s linear infinite}.bl-was4-dampf{fill:none;stroke:var(--bl-anim-dunst);stroke-width:1.1;stroke-linecap:round;opacity:0;animation:bl-was4-dampf 2.4s ease-out infinite}.bl-was4-schrubben{transform-box:fill-box;transform-origin:50% 100%;animation:bl-was4-schrubben .5s ease-in-out infinite alternate}.bl-was4-schaum{fill:var(--bl-weiss);stroke:var(--bl-anim-dunst);stroke-width:.5;transform-box:fill-box;transform-origin:center;animation:bl-was4-schaum 1.2s ease-in-out infinite}@keyframes bl-was3-fliessen{to{stroke-dashoffset:-11}}@keyframes bl-was4-dampf{0%{opacity:0;transform:translateY(8px) scale(.6)}30%{opacity:.5}to{opacity:0;transform:translateY(-20px) scale(1.2)}}@keyframes bl-was4-schrubben{0%{transform:rotate(-2.5deg)}to{transform:translateY(-.6px) rotate(2.5deg)}}@keyframes bl-was4-schaum{0%,to{transform:scale(.75)}50%{transform:scale(1.15)}}.bl-was3-becken{fill:var(--bl-blau);fill-opacity:.25}.bl-was3-rand{fill:var(--bl-anim-sand);stroke:var(--bl-anim-metall);stroke-width:1}.bl-was3-oberflaeche{transform-box:view-box;transform-origin:0 50px;animation:bl-was3-unruhe var(--d-pool) ease-out infinite both}.bl-was3-kreis{fill:none;stroke:var(--bl-weiss);stroke-width:1.1;opacity:0;transform-box:fill-box;transform-origin:center;animation:bl-was3-ringe var(--d-pool) ease-out infinite both}.bl-was3-kreis--2{animation-delay:.25s}.bl-was3-tropfen{fill:var(--bl-blau);fill-opacity:.6;opacity:0;animation:bl-was3-platsch var(--d-pool) linear infinite both}.bl-was4-p-figur{animation:bl-was3-figur var(--d-pool) linear infinite both}.bl-was4-p-fx{animation:bl-was4-p-fx var(--d-pool) linear infinite both}.bl-was4-p-fy{animation:bl-was4-p-fy var(--d-pool) linear infinite both}.bl-was3-dreh{transform-box:fill-box;transform-origin:center;animation:bl-was3-dreh var(--d-pool) ease-in-out infinite both}.bl-was3-lauf{animation:bl-was3-pose-lauf var(--d-pool) step-end infinite both}.bl-was3-sprung{opacity:0;animation:bl-was3-pose-sprung var(--d-pool) step-end infinite both}.bl-was3-bein{transform-box:fill-box;transform-origin:50% 0;animation:bl-was3-schritt-1 .22s ease-in-out infinite alternate}.bl-was3-bein--2{animation-name:bl-was3-schritt-2}.bl-was3-auftauchen{opacity:0;animation:bl-was3-auftauchen var(--d-pool) ease-out infinite both}.bl-was3-winken{transform-box:fill-box;transform-origin:0% 100%;animation:bl-was3-winken .4s ease-in-out infinite alternate}@keyframes bl-was3-figur{0%{opacity:0}5%,43%{opacity:1}44.5%,to{opacity:0}}@keyframes bl-was4-p-fx{0%,10%{transform:none;animation-timing-function:cubic-bezier(.5,0,.8,.6)}26%{transform:translate(16px)}43%,to{transform:translate(70px)}}@keyframes bl-was4-p-fy{0%,26%{transform:none;animation-timing-function:cubic-bezier(.2,.7,.4,1)}34%{transform:translateY(-20px);animation-timing-function:cubic-bezier(.6,0,.9,.5)}43%,to{transform:translateY(18px)}}@keyframes bl-was3-dreh{0%,26%{transform:none}34%{transform:rotate(60deg)}43%,to{transform:rotate(165deg)}}@keyframes bl-was3-pose-lauf{0%,26.5%{opacity:1}26.6%,to{opacity:0}}@keyframes bl-was3-pose-sprung{0%,26.5%{opacity:0}26.6%,to{opacity:1}}@keyframes bl-was3-schritt-1{0%{transform:rotate(-30deg)}to{transform:rotate(12deg)}}@keyframes bl-was3-schritt-2{0%{transform:rotate(30deg)}to{transform:rotate(-12deg)}}@keyframes bl-was3-unruhe{0%,43%{transform:none}46%{transform:scaleY(3.5)}51%{transform:scaleY(.4)}56%{transform:scaleY(2)}62%{transform:scaleY(.8)}68%,to{transform:none}}@keyframes bl-was3-ringe{0%,43%{opacity:0;transform:scale(.5)}45%{opacity:1;transform:none}66%,to{opacity:0;transform:scale(5)}}@keyframes bl-was3-platsch{0%,43%{opacity:0;transform:none;animation-timing-function:cubic-bezier(.2,.7,.4,1)}44%{opacity:1;transform:none}50%{opacity:1;transform:translate(calc(var(--dx) * 1px),calc(var(--dy) * 1px));animation-timing-function:cubic-bezier(.6,0,.9,.5)}57%{opacity:0;transform:translate(calc(var(--dx) * 1.7px),5px)}to{opacity:0;transform:none}}@keyframes bl-was3-auftauchen{0%,56%{opacity:0;transform:translateY(7px)}62%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(4px)}}@keyframes bl-was3-winken{0%{transform:rotate(-22deg)}to{transform:rotate(14deg)}}.bl-was3-see{fill:var(--bl-blau);fill-opacity:.25}.bl-was4-sand{fill:var(--bl-anim-sand)}.bl-was4-brecher{opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:bl-was4-brecher var(--d-strand) ease-in infinite both}.bl-was3-brecher-wasser{fill:var(--bl-blau);fill-opacity:.18}.bl-was3-gischt,.bl-was3-schaum{fill:none;stroke:var(--bl-weiss);stroke-width:1.8;stroke-linecap:round}.bl-was4-schwall{animation:bl-was4-schwall var(--d-strand) cubic-bezier(.3,0,.3,1) infinite both}.bl-was3-schwall-wasser{fill:var(--bl-blau);fill-opacity:.3}.bl-was4-schwall .bl-was3-schaum{animation:bl-was4-schaumkante var(--d-strand) linear infinite both}.bl-was4-schatten{fill:var(--bl-anim-schatten);opacity:.18}.bl-was4-schirm{transform-box:view-box;transform-origin:86px 59px;animation:bl-was4-schirm 4s ease-in-out infinite alternate}.bl-was4-stange{fill:none;stroke:var(--bl-anim-metall);stroke-width:1.2;stroke-linecap:round}.bl-was4-dach{fill:var(--bl-bordeaux)}.bl-was4-dach-streifen{fill:var(--bl-weiss)}.bl-was4-tuch{fill:var(--bl-blau);fill-opacity:.35}.bl-was4-tuch-streifen{fill:none;stroke:var(--bl-weiss);stroke-width:1.4}.bl-was4-brille{fill:var(--bl-schwarz)}.bl-was4-knie{transform-box:view-box;transform-origin:62px 55px;animation:bl-was4-knie 1.6s ease-in-out infinite alternate}.bl-was4-atmen{transform-box:fill-box;transform-origin:50% 100%;animation:bl-was4-atmen 1.6s ease-in-out infinite alternate}.bl-was4-glanz-brille{animation:bl-was4-glanz-brille var(--d-strand) ease-out infinite both}@keyframes bl-was4-brecher{0%{opacity:0;transform:translate(-30px)}5%{opacity:1;transform:translate(-30px)}38%{opacity:1;transform:translate(16px) scale(.9)}43%,to{opacity:0;transform:translate(20px) scale(.6)}}@keyframes bl-was4-schwall{0%,38%{transform:translate(-24px)}58%{transform:none}to{transform:translate(-24px)}}@keyframes bl-was4-schaumkante{0%,37%{opacity:0}40%,66%{opacity:1}80%,to{opacity:0}}@keyframes bl-was4-schirm{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}@keyframes bl-was4-knie{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}@keyframes bl-was4-atmen{0%{transform:none}to{transform:scaleY(1.08)}}@keyframes bl-was4-glanz-brille{0%,62%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.2)}80%,to{opacity:0;transform:scale(.3)}}.bl-anim-versand{--d:6.5s;--bl-weg-kurve:cubic-bezier(.45,0,.2,1)}.bl-anim-versand__spur{fill:none;stroke:var(--bl-anim-metall);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:2 5}.bl-anim-versand__weg{fill:none;stroke:var(--bl-blau);stroke-width:3;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:0;animation:bl-ver-weg var(--d) var(--bl-weg-kurve) infinite both}.bl-anim-versand__lauf{animation:bl-ver-ende var(--d) linear infinite both}.bl-anim-versand__halt{fill:var(--bl-weiss);stroke:var(--bl-anim-metall);stroke-width:1.5}.bl-anim-versand__erreicht{fill:var(--bl-blau);transform-box:fill-box;transform-origin:center;animation:var(--d) cubic-bezier(.34,1.56,.64,1) infinite both}.bl-anim-versand__erreicht--1{animation-name:bl-ver-halt-1}.bl-anim-versand__erreicht--2{animation-name:bl-ver-halt-2}.bl-anim-versand__erreicht--3{animation-name:bl-ver-halt-3}.bl-anim-versand__haken{fill:none;stroke:var(--bl-weiss);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:0;animation:bl-ver-haken var(--d) ease-out infinite both}.bl-anim-versand__jubel{opacity:0;transform-box:view-box;transform-origin:250px 60px;animation:bl-ver-jubel var(--d) ease-out infinite both}.bl-anim-versand__strahl{fill:none;stroke:var(--bl-blau);stroke-width:2;stroke-linecap:round}.bl-anim-versand__fahrt{transform:translate(200px);animation:bl-ver-fahrt var(--d) var(--bl-weg-kurve) infinite both}.bl-anim-versand__huepf{animation:bl-ver-huepf var(--d) ease-in-out infinite both}.bl-anim-versand__speed{fill:none;stroke:var(--bl-anim-metall);stroke-width:1.5;stroke-linecap:round;opacity:0;animation:bl-ver-speed var(--d) linear infinite both}.bl-anim-versand__ringlein{fill:none;stroke:var(--bl-gold);stroke-width:2;opacity:0;animation:bl-ver-ringlein var(--d) ease-in infinite both}.bl-anim-versand__box,.bl-anim-versand__deckel{fill:var(--bl-weiss);stroke:var(--bl-schwarz);stroke-width:1.5;stroke-linejoin:round}.bl-anim-versand__deckel{transform-box:fill-box;transform-origin:0% 100%;animation:bl-ver-deckel var(--d) cubic-bezier(.34,1.56,.64,1) infinite both}.bl-anim-versand__band{fill:none;stroke:var(--bl-gold);stroke-width:3;stroke-dasharray:20;stroke-dashoffset:0;animation:bl-ver-band var(--d) ease-in-out infinite both}.bl-anim-versand__feld-1 .bl-anim__licht{animation:bl-ver-f1 var(--d) ease-in-out infinite both}.bl-anim-versand__feld-2 .bl-anim__licht{animation:bl-ver-f2 var(--d) ease-in-out infinite both}.bl-anim-versand__feld-3 .bl-anim__licht{animation:bl-ver-f3 var(--d) ease-in-out infinite both}@keyframes bl-ver-weg{0%,14%{stroke-dashoffset:200}38%,54%{stroke-dashoffset:100}80%,to{stroke-dashoffset:0}}@keyframes bl-ver-ende{0%{opacity:0}3%,94%{opacity:1}to{opacity:0}}@keyframes bl-ver-fahrt{0%{opacity:0;transform:none}3%{opacity:1}14%{transform:none}38%,54%{transform:translate(100px)}80%{transform:translate(200px)}94%{opacity:1;transform:translate(200px)}to{opacity:0;transform:translate(200px)}}@keyframes bl-ver-huepf{0%,14%,26%,38%,54%,67%,80%,to{transform:none}20%,32%,60%,74%{transform:translateY(-3px) rotate(-3deg)}}@keyframes bl-ver-speed{0%,16%{opacity:0}21%,34%{opacity:.9}38%,56%{opacity:0}61%,76%{opacity:.9}80%,to{opacity:0}}@keyframes bl-ver-ringlein{0%,2%{opacity:0;transform:translateY(-18px)}3%{opacity:1;transform:translateY(-18px)}8%{opacity:1;transform:translateY(10px)}9%,to{opacity:0;transform:translateY(10px)}}@keyframes bl-ver-deckel{0%,8%{transform:rotate(-70deg)}13%,to{transform:none}}@keyframes bl-ver-band{0%,41%{stroke-dashoffset:20}50%,to{stroke-dashoffset:0}}@keyframes bl-ver-halt-1{0%{opacity:0;transform:scale(.3)}4%{opacity:1;transform:scale(1.25)}8%,94%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes bl-ver-halt-2{0%,37%{opacity:0;transform:scale(.3)}41%{opacity:1;transform:scale(1.25)}45%,94%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes bl-ver-halt-3{0%,79%{opacity:0;transform:scale(.3)}83%{opacity:1;transform:scale(1.35)}87%,94%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes bl-ver-haken{0%,83%{opacity:1;stroke-dashoffset:14}89%,94%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes bl-ver-jubel{0%,82%{opacity:0;transform:scale(.6)}86%{opacity:1;transform:none}94%,to{opacity:0;transform:scale(1.35)}}@keyframes bl-ver-f1{0%{opacity:0;transform:scale(.94)}3%,14%{opacity:1;transform:none}18%,to{opacity:0;transform:scale(.94)}}@keyframes bl-ver-f2{0%,36%{opacity:0;transform:scale(.94)}40%,54%{opacity:1;transform:none}58%,to{opacity:0;transform:scale(.94)}}@keyframes bl-ver-f3{0%,78%{opacity:0;transform:scale(.94)}82%,96%{opacity:1;transform:none}to{opacity:0;transform:scale(.94)}}@media(prefers-reduced-motion:reduce){.bl-anim *,.bl-anim *:before{animation:none!important}}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/bl-n-themen-anim-1.css.map */