.vg-sp3{--sp3-weich:cubic-bezier(.22,1,.36,1);--sp3-dim:.5;position:absolute;z-index:1;right:clamp(1.4rem,5%,4.5rem);top:50%;translate:0 -50%;width:clamp(300px,32vw,460px);aspect-ratio:1/.8;container-type:inline-size;perspective:1600px;perspective-origin:50% 35%;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}@media (max-width:900px){.vg-sp3{position:relative;right:auto;top:auto;translate:none;width:100%;max-width:420px;margin:1.4rem auto 0;flex:none}}.vg-sp3-buehne{--u:1.08cqw;--t:calc(4*var(--u));--kipp:58deg;--dreh:-38deg;--sx:-11.5;--sy:-.5;position:absolute;left:50%;top:50%;width:calc(100*var(--u));height:calc(100*var(--u));margin:calc(-50*var(--u)) 0 0 calc(-50*var(--u));transform-style:preserve-3d;transform:translate(calc(var(--sx)*var(--u)),calc(var(--sy)*var(--u))) rotateX(var(--kipp)) rotate(var(--dreh));transition:transform 1.1s var(--sp3-weich)}@media (hover:hover) and (min-width:901px){.vg-angebot.strategie:hover .vg-sp3-buehne{transform:translate(calc(var(--sx)*var(--u)),calc(var(--sy)*var(--u))) rotateX(calc(var(--kipp) - 7deg)) rotate(calc(var(--dreh) + 4deg))}}.vg-sp3-boden{position:absolute;left:calc(8*var(--u));top:calc(4*var(--u));width:calc(96*var(--u));height:calc(96*var(--u));transform:translateZ(calc(-.2*var(--u)));border-radius:50%;background:radial-gradient(closest-side,rgba(161,218,142,.1),transparent 70%),radial-gradient(circle,rgba(243,241,236,.2) 0 calc(.2*var(--u)),transparent calc(.28*var(--u))) 0 0/calc(4*var(--u)) calc(4*var(--u));-webkit-mask:radial-gradient(closest-side,#000 35%,transparent 100%);mask:radial-gradient(closest-side,#000 35%,transparent 100%)}.vg-sp3-bahnen{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform:translateZ(calc(.05*var(--u)));fill:none;stroke-linecap:round;stroke-linejoin:round}.vg-sp3-bahnen .grund{stroke:rgba(161,218,142,.32);stroke-width:.36}.vg-sp3-bahnen .strich{stroke-dasharray:1.3 1.5}.vg-sp3-bahnen .licht{opacity:0;transition:opacity .7s var(--sp3-weich)}.vg-sp3-bahnen .hof{stroke:rgba(161,218,142,.22);stroke-width:2.2;pointer-events:stroke;cursor:pointer}.vg-sp3-bahnen .kern{stroke:#d4f5c6;stroke-width:.42}.vg-sp3[data-aktiv="1"] .vg-sp3-bahnen .struktur,.vg-sp3[data-aktiv="3"] .vg-sp3-bahnen .uebergabe{opacity:1}.vg-sp3-du{--x:42.5;--y:7.5;--w:15;--d:15}.vg-sp3-nachfolge{--x:76;--y:6;--w:18;--d:18}.vg-sp3-holding{--x:31;--y:35;--w:38;--d:15}.vg-sp3-betrieb{--x:7.5;--y:60;--w:26;--d:22}.vg-sp3-vermoegen{--x:37;--y:60;--w:26;--d:22}.vg-sp3-beteiligung{--x:66.5;--y:60;--w:26;--d:22}.vg-sp3-platz{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));height:calc(var(--d)*var(--u));transform-style:preserve-3d}.vg-sp3-platz[data-teil]{pointer-events:auto;cursor:pointer}.vg-sp3-platz:before{inset:calc(-.5*var(--u));border-radius:calc(1.6*var(--u));background:rgba(0,0,0,.6);box-shadow:0 0 calc(1.6*var(--u)) calc(.4*var(--u)) rgba(0,0,0,.55);transform:translateZ(calc(.02*var(--u))) scale(1)}.vg-sp3-platz:after,.vg-sp3-platz:before{content:"";position:absolute;transition:transform .9s var(--sp3-weich),opacity .9s var(--sp3-weich)}.vg-sp3-platz:after{inset:-45%;border-radius:50%;background:radial-gradient(closest-side,rgba(161,218,142,.42),rgba(161,218,142,.12) 55%,transparent);transform:translateZ(calc(.03*var(--u))) scale(.7);opacity:0}.vg-sp3-platz.rund:before{border-radius:50%}.vg-sp3-kachel{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(.1*var(--u)));transition:transform .9s var(--sp3-weich)}.vg-sp3-deckel{display:flex;align-items:flex-end;padding:calc(2*var(--u)) calc(2.2*var(--u));border-radius:calc(1*var(--u));transform:translateZ(var(--t));background:linear-gradient(150deg,rgba(70,90,77,.97),rgba(31,40,35,.97) 42%,rgba(18,23,20,.98));box-shadow:inset 0 0 0 1px rgba(161,218,142,.34),inset 0 0 0 calc(.7*var(--u)) rgba(10,14,12,.18),inset 0 0 0 calc(.7*var(--u) + 1px) rgba(255,255,255,.05);font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.03em;line-height:.9;font-size:calc(3.7*var(--u));color:var(--hell,#f3f1ec);white-space:nowrap}.vg-sp3-deckel,.vg-sp3-deckel:after{position:absolute;inset:0;transition:opacity .7s var(--sp3-weich)}.vg-sp3-deckel:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(150deg,rgba(161,218,142,.36),rgba(61,107,43,.2) 55%,rgba(61,107,43,.08));box-shadow:inset 0 0 0 1px rgba(200,240,185,.85),0 0 calc(3*var(--u)) rgba(161,218,142,.32);opacity:0}.vg-sp3-seite{position:absolute;transition:opacity .7s var(--sp3-weich)}.vg-sp3-seite.vorn{left:0;top:calc(100% - var(--t));width:100%;height:var(--t);transform-origin:50% 100%;transform:rotateX(-90deg);background:linear-gradient(180deg,rgba(161,218,142,.55),rgba(30,43,35,.98) 14%,#0c110e)}.vg-sp3-seite.links{left:0;top:0;width:var(--t);height:100%;transform-origin:0 50%;transform:rotateY(-90deg);background:linear-gradient(270deg,rgba(161,218,142,.5),rgba(44,60,50,.98) 14%,#141c17)}.vg-sp3-lage{position:absolute;inset:0;border-radius:50%;background:linear-gradient(100deg,#34473b,#18211c 55%,#0c110e);transition:opacity .7s var(--sp3-weich)}.vg-sp3-lage:nth-child(2){transform:translateZ(calc(var(--t)/3))}.vg-sp3-lage:nth-child(3){transform:translateZ(calc(var(--t)*2/3))}.vg-sp3-platz.rund .vg-sp3-deckel{border-radius:50%;align-items:center;justify-content:center;padding:0}.vg-sp3-du .vg-sp3-deckel{font-size:calc(5*var(--u));background:radial-gradient(circle at 35% 30%,rgba(161,218,142,.3),rgba(40,62,46,.96) 55%,rgba(20,30,23,.98));box-shadow:inset 0 0 0 calc(.35*var(--u)) rgba(161,218,142,.75),inset 0 0 calc(2*var(--u)) rgba(161,218,142,.25)}.vg-sp3-nachfolge .vg-sp3-deckel{font-size:calc(3.1*var(--u));letter-spacing:.05em}.vg-sp3-holding .vg-sp3-deckel{align-items:center;font-size:calc(4.4*var(--u));padding-left:calc(2.6*var(--u))}.vg-sp3-holding .vg-sp3-marke{--mx:25.4;--my:5.1;--mw:10.4}.vg-sp3-betrieb .vg-sp3-marke{--mx:2.2;--my:2.2;--mw:10.4}.vg-sp3-beteiligung .vg-sp3-marke{--mx:2.2;--my:2.2;--mw:7}.vg-sp3-marke{position:absolute;left:calc(var(--mx)*var(--u));top:calc(var(--my)*var(--u));width:calc(var(--mw)*var(--u));height:calc(4.8*var(--u));transform-style:preserve-3d;transform:translateZ(calc(var(--t) + .3*var(--u)));transition:transform .85s var(--sp3-weich)}.vg-sp3-marke:before{content:"";position:absolute;inset:calc(-.2*var(--u));border-radius:calc(1*var(--u));background:rgba(0,0,0,.5);box-shadow:0 0 calc(1.2*var(--u)) calc(.2*var(--u)) rgba(0,0,0,.5);transform:translateZ(calc(-.25*var(--u))) scale(1);opacity:0;transition:transform .85s var(--sp3-weich),opacity .85s var(--sp3-weich)}.vg-sp3-marke-deckel{position:absolute;inset:0;display:grid;place-items:center;border-radius:calc(.8*var(--u));background:rgba(13,19,15,.92);box-shadow:inset 0 0 0 1px rgba(161,218,142,.55);font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.08em;line-height:1;font-size:calc(2.9*var(--u));color:var(--gruen,#a1da8e);transition:opacity .7s var(--sp3-weich)}.vg-sp3-marke-deckel:after{content:attr(data-t);position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:linear-gradient(160deg,#d4f5c6,#a1da8e 55%,#8ccb77);color:#0b0d0a;box-shadow:0 0 calc(1*var(--u)) rgba(200,240,185,.6),0 0 calc(4*var(--u)) rgba(161,218,142,.45);opacity:0;transition:opacity .6s var(--sp3-weich)}.vg-sp3-marke-rand{position:absolute;left:0;top:100%;width:100%;height:calc(.9*var(--u));transform-origin:50% 0;transform:rotateX(-90deg);background:#1b2820;transition:opacity .7s var(--sp3-weich)}.vg-sp3-marke-rand:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#7fbf69,#3d6b2b);opacity:0;transition:opacity .6s var(--sp3-weich)}.vg-sp3[data-aktiv="0"] .vg-sp3-marke{transform:translateZ(calc(var(--t) + 4.6*var(--u)))}.vg-sp3[data-aktiv="0"] .vg-sp3-marke:before{transform:translate3d(calc(-1*var(--u)),calc(1.3*var(--u)),calc(-4.55*var(--u))) scale(1.12);opacity:.85}.vg-sp3[data-aktiv="0"] :is(.vg-sp3-marke-deckel,.vg-sp3-marke-rand):after{opacity:1}.vg-sp3-saeule{--b:2.6;--by:4;position:absolute;transition:transform .95s var(--sp3-weich),opacity .7s var(--sp3-weich);transition-delay:calc(var(--n)*70ms)}.vg-sp3-saeule.s1{--bx:9.2;--H:4.5;--n:0}.vg-sp3-saeule.s2{--bx:13;--H:7.5;--n:1}.vg-sp3-saeule.s3{--bx:16.8;--H:10.5;--n:2}.vg-sp3-saeule.s4{--bx:20.6;--H:14;--n:3}.vg-sp3-saeule.vorn{left:calc(var(--bx)*var(--u));top:calc((var(--by) + var(--b) - var(--H))*var(--u));width:calc(var(--b)*var(--u));height:calc(var(--H)*var(--u));transform-origin:50% 100%;transform:translateZ(var(--t)) rotateX(-90deg) scaleY(calc(.5 / var(--H)));background:linear-gradient(180deg,#9ed48a,#4f8a3c 45%,#2c4f20)}.vg-sp3-saeule.links{width:calc(var(--H)*var(--u));transform-origin:0 50%;transform:translateZ(var(--t)) rotateY(-90deg) scaleX(calc(.5 / var(--H)));background:linear-gradient(270deg,#d4f5c6,#8cc978 45%,#4f8a3c)}.vg-sp3-saeule.kappe,.vg-sp3-saeule.links{left:calc(var(--bx)*var(--u));top:calc(var(--by)*var(--u));height:calc(var(--b)*var(--u))}.vg-sp3-saeule.kappe{width:calc(var(--b)*var(--u));transform:translateZ(calc(var(--t) + .5*var(--u)));border-radius:1px;background:linear-gradient(135deg,#a1da8e,#5f9a4a)}.vg-sp3-saeule.kappe:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#f0fbe9,#c8f0b9);box-shadow:0 0 calc(1.2*var(--u)) rgba(200,240,185,.5);opacity:0;transition:opacity .6s var(--sp3-weich);transition-delay:inherit}.vg-sp3[data-aktiv="2"] .vg-sp3-saeule.kappe:after{opacity:1}.vg-sp3[data-aktiv="2"] .vg-sp3-saeule.vorn{transform:translateZ(var(--t)) rotateX(-90deg) scaleY(1)}.vg-sp3[data-aktiv="2"] .vg-sp3-saeule.links{transform:translateZ(var(--t)) rotateY(-90deg) scaleX(1)}.vg-sp3[data-aktiv="2"] .vg-sp3-saeule.kappe{transform:translateZ(calc(var(--t) + var(--H)*var(--u)))}.vg-sp3 :is(.vg-sp3-deckel,.vg-sp3-seite,.vg-sp3-lage,.vg-sp3-marke-deckel,.vg-sp3-marke-rand,.vg-sp3-saeule){opacity:var(--sp3-dim)}.vg-sp3-du :is(.vg-sp3-deckel,.vg-sp3-lage){opacity:.85}.vg-sp3-du:after{opacity:.45;transform:translateZ(calc(.03*var(--u))) scale(.85)}.vg-sp3[data-aktiv="1"] .vg-sp3-du:after,.vg-sp3[data-aktiv="3"] .vg-sp3-du:after{opacity:.8;transform:translateZ(calc(.03*var(--u))) scale(1)}.vg-sp3[data-aktiv="0"] :is(.vg-sp3-holding,.vg-sp3-betrieb,.vg-sp3-beteiligung) :is(.vg-sp3-deckel,.vg-sp3-seite){opacity:.64}.vg-sp3[data-aktiv="0"] :is(.vg-sp3-marke-deckel,.vg-sp3-marke-rand),.vg-sp3[data-aktiv="1"] :is(.vg-sp3-du,.vg-sp3-holding,.vg-sp3-betrieb,.vg-sp3-vermoegen,.vg-sp3-beteiligung) :is(.vg-sp3-deckel,.vg-sp3-seite,.vg-sp3-lage,.vg-sp3-marke-deckel,.vg-sp3-marke-rand),.vg-sp3[data-aktiv="2"] .vg-sp3-vermoegen :is(.vg-sp3-deckel,.vg-sp3-seite,.vg-sp3-saeule),.vg-sp3[data-aktiv="3"] :is(.vg-sp3-du,.vg-sp3-nachfolge) :is(.vg-sp3-deckel,.vg-sp3-lage){opacity:1}.vg-sp3[data-aktiv="1"] .vg-sp3-holding .vg-sp3-deckel:after,.vg-sp3[data-aktiv="2"] .vg-sp3-vermoegen .vg-sp3-deckel:after,.vg-sp3[data-aktiv="3"] .vg-sp3-nachfolge .vg-sp3-deckel:after{opacity:1}.vg-sp3[data-aktiv="1"] .vg-sp3-holding:after,.vg-sp3[data-aktiv="2"] .vg-sp3-vermoegen:after,.vg-sp3[data-aktiv="3"] .vg-sp3-nachfolge:after{opacity:1;transform:translateZ(calc(.03*var(--u))) scale(1)}.vg-sp3[data-aktiv="1"] .vg-sp3-holding .vg-sp3-kachel{transform:translateZ(calc(5.6*var(--u)))}.vg-sp3[data-aktiv="1"] .vg-sp3-holding:before{transform:translate3d(calc(-1.6*var(--u)),calc(2*var(--u)),calc(.02*var(--u))) scale(1.08);opacity:.7}.vg-sp3-puls{position:absolute;left:calc((var(--px) - 1.5)*var(--u));top:calc((var(--py) - 1.5)*var(--u));width:calc(3*var(--u));height:calc(3*var(--u));border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#fff 0 18%,rgba(212,245,198,.95) 32%,rgba(161,218,142,.38) 62%,transparent);transform:translateZ(calc(.3*var(--u)));opacity:0}.vg-sp3-puls.a{--px:50;--py:22.5}.vg-sp3[data-aktiv="1"] .vg-sp3-puls.a{animation:vg-sp3-a 2.4s linear infinite}@keyframes vg-sp3-a{0%,4%{opacity:0;transform:translateZ(calc(.3*var(--u)))}8%{opacity:1}20%{opacity:1;transform:translate3d(0,calc(12.5*var(--u)),calc(.3*var(--u)))}24%,to{opacity:0;transform:translate3d(0,calc(12.5*var(--u)),calc(.3*var(--u)))}}.vg-sp3-welle{position:absolute;left:calc((var(--wx) - 1.8)*var(--u));top:calc((var(--wy) - 1.8)*var(--u));width:calc(3.6*var(--u));height:calc(3.6*var(--u));border-radius:50%;pointer-events:none;border:calc(.28*var(--u)) solid #d4f5c6;box-shadow:0 0 calc(1.2*var(--u)) rgba(161,218,142,.7),inset 0 0 calc(.8*var(--u)) rgba(161,218,142,.5);transform:translateZ(calc(var(--t) + .06*var(--u))) scale(.4);opacity:0}.vg-sp3-welle.w1,.vg-sp3-welle.w3{--wx:15;--wy:7.5}.vg-sp3-welle.w2,.vg-sp3-welle.w4{--wx:23;--wy:7.5}.vg-sp3-holding .vg-sp3-welle{width:calc(5*var(--u));height:calc(5*var(--u));left:calc((var(--wx) - 2.5)*var(--u));top:calc((var(--wy) - 2.5)*var(--u))}.vg-sp3-welle.w1{--verz:1.01s}.vg-sp3-welle.w2{--verz:1.26s}.vg-sp3-welle.w3{--verz:1.71s}.vg-sp3-welle.w4{--verz:1.96s}.vg-sp3[data-aktiv="1"] .vg-sp3-holding .vg-sp3-welle{animation:vg-sp3-welle 2.4s cubic-bezier(.2,.7,.3,1) var(--verz) infinite both}@keyframes vg-sp3-welle{0%{opacity:0;transform:translateZ(calc(var(--t) + .06*var(--u))) scale(.4)}2%{opacity:1}28%,to{opacity:0;transform:translateZ(calc(var(--t) + .06*var(--u))) scale(2.8)}}.vg-sp3-huelle{--H:4.2;position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(var(--t));pointer-events:none}.vg-sp3-holding{--hv:0ms}.vg-sp3-betrieb{--hv:110ms}.vg-sp3-beteiligung{--hv:220ms}.vg-sp3-huelle>i{position:absolute;opacity:0;transition:transform .9s var(--sp3-weich) var(--hv),opacity .45s var(--sp3-weich) var(--hv)}.vg-sp3-huelle .wand:is(.vorn,.hinten){left:0;width:100%;height:calc(var(--H)*var(--u));transform-origin:50% 100%;transform:rotateX(-90deg) scaleY(.02);background:linear-gradient(180deg,rgba(161,218,142,.06),rgba(161,218,142,.26));border-top:1px solid rgba(220,248,208,.9)}.vg-sp3-huelle .wand.vorn{top:calc(100% - var(--H)*var(--u))}.vg-sp3-huelle .wand.hinten{top:calc(-1*var(--H)*var(--u))}.vg-sp3-huelle .wand:is(.links,.rechts){top:0;height:100%;width:calc(var(--H)*var(--u));transform-origin:0 50%;transform:rotateY(-90deg) scaleX(.02);background:linear-gradient(270deg,rgba(161,218,142,.06),rgba(161,218,142,.3));border-right:1px solid rgba(220,248,208,.9)}.vg-sp3-huelle .wand.links{left:0}.vg-sp3-huelle .wand.rechts{left:100%}.vg-sp3-huelle .dach{inset:0;border-radius:calc(.4*var(--u));transform:translateZ(0);background:linear-gradient(150deg,rgba(212,245,198,.16),rgba(161,218,142,.05) 60%);box-shadow:inset 0 0 0 1px rgba(220,248,208,.85),0 0 calc(2.4*var(--u)) rgba(161,218,142,.22)}.vg-sp3[data-aktiv="0"] .vg-sp3-huelle>i{opacity:1}.vg-sp3[data-aktiv="0"] .vg-sp3-huelle .wand:is(.vorn,.hinten){transform:rotateX(-90deg) scaleY(1)}.vg-sp3[data-aktiv="0"] .vg-sp3-huelle .wand:is(.links,.rechts){transform:rotateY(-90deg) scaleX(1)}.vg-sp3[data-aktiv="0"] .vg-sp3-huelle .dach{transform:translateZ(calc(var(--H)*var(--u)))}.vg-sp3[data-aktiv="0"] .vg-sp3-marke{transition-delay:var(--hv)}.vg-sp3-muenze{--c:5;position:absolute;width:calc(var(--c)*var(--u));height:calc(var(--c)*var(--u));left:calc((var(--x0) - 2.5)*var(--u));top:calc((var(--y0) - 2.5)*var(--u));transform-style:preserve-3d;pointer-events:none}.vg-sp3-muenze.m1,.vg-sp3-muenze.m3{--x0:20.5;--y0:71;--dx:25.5;--dy:-28.5}.vg-sp3-muenze.m2,.vg-sp3-muenze.m4{--x0:79.5;--y0:71;--dx:-25.5;--dy:-28.5}.vg-sp3-muenze.m1{--verz:.1s}.vg-sp3-muenze.m2{--verz:.35s}.vg-sp3-muenze.m3{--verz:.8s}.vg-sp3-muenze.m4{--verz:1.05s}.vg-sp3-muenze :is(.hub,.dreh){position:absolute;inset:0;transform-style:preserve-3d}.vg-sp3-muenze .hub{transform:translateZ(var(--t))}.vg-sp3-muenze .dreh{transform-origin:50% 50% calc(.55*var(--u))}.vg-sp3-muenze .dreh>i{position:absolute;inset:0;border-radius:50%;opacity:0}.vg-sp3-muenze .rand{background:linear-gradient(100deg,#9ed48a,#4f8a3c 55%,#24461b)}.vg-sp3-muenze .rand:nth-child(2){transform:translateZ(calc(.37*var(--u)))}.vg-sp3-muenze .rand:nth-child(3){transform:translateZ(calc(.74*var(--u)))}.vg-sp3-muenze .praegung{display:grid;place-items:center;transform:translateZ(calc(1.1*var(--u)));background:radial-gradient(circle at 35% 30%,#f6fdf1,#c8f0b9 45%,#8ccb77);box-shadow:inset 0 0 0 calc(.42*var(--u)) rgba(61,107,43,.5),0 0 calc(2*var(--u)) rgba(200,240,185,.6);font-family:var(--display);font-style:normal;font-weight:800;font-size:calc(2.9*var(--u));line-height:1;color:#2c5a20}.vg-sp3[data-aktiv="1"] .vg-sp3-muenze{animation:vg-sp3-wurf-xy 2.4s linear var(--verz) infinite both}.vg-sp3[data-aktiv="1"] .vg-sp3-muenze .hub{animation:vg-sp3-wurf-z 2.4s linear var(--verz) infinite both}.vg-sp3[data-aktiv="1"] .vg-sp3-muenze .dreh{animation:vg-sp3-wurf-dreh 2.4s linear var(--verz) infinite both}.vg-sp3[data-aktiv="1"] .vg-sp3-muenze .dreh>i{animation:vg-sp3-wurf-sicht 2.4s linear var(--verz) infinite both}@keyframes vg-sp3-wurf-xy{0%,8%{transform:translate(0);animation-timing-function:cubic-bezier(.45,.05,.55,.95)}36%,to{transform:translate(calc(var(--dx)*var(--u)),calc(var(--dy)*var(--u)))}}@keyframes vg-sp3-wurf-z{0%{transform:translateZ(calc(var(--t) - .6*var(--u)));animation-timing-function:cubic-bezier(.2,.8,.4,1)}8%{transform:translateZ(calc(var(--t) + 1.8*var(--u)));animation-timing-function:cubic-bezier(.25,.6,.45,1)}21%{transform:translateZ(calc(var(--t) + 15*var(--u)));animation-timing-function:cubic-bezier(.55,0,.85,.45)}36%{transform:translateZ(calc(var(--t) + 5.8*var(--u)));animation-timing-function:cubic-bezier(.3,0,.7,1)}44%,to{transform:translateZ(calc(var(--t) + 4.2*var(--u)))}}@keyframes vg-sp3-wurf-dreh{0%,8%{transform:rotateX(0deg);animation-timing-function:cubic-bezier(.35,0,.5,1)}36%,to{transform:rotateX(1turn)}}@keyframes vg-sp3-wurf-sicht{0%{opacity:0}38%,5%{opacity:1}44%,to{opacity:0}}.vg-sp3-schluessel{position:absolute;left:calc(47*var(--u));top:calc(3*var(--u));width:calc(6*var(--u));height:calc(12*var(--u));transform-style:preserve-3d;pointer-events:none}.vg-sp3-schluessel :is(.weg,.dreh,.stand){position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 100%}.vg-sp3-schluessel .weg{transform:translateZ(calc(var(--t) - 3*var(--u)))}.vg-sp3-schluessel .dreh{transform:rotate(38deg)}.vg-sp3-schluessel .stand{transform:rotateX(-90deg)}.vg-sp3-schluessel .lage{position:absolute;inset:0;opacity:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 90'%3E%3Cpath fill-rule='evenodd' d='M22 2a14 14 0 1 1 0 28a14 14 0 1 1 0-28zM22 9.5a6.5 6.5 0 1 0 0 13a6.5 6.5 0 1 0 0-13zM15 30h14v5H15zM19 35h6v53h-6zM25 60h8v7h-8zM25 72h5v8h-5z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 90'%3E%3Cpath fill-rule='evenodd' d='M22 2a14 14 0 1 1 0 28a14 14 0 1 1 0-28zM22 9.5a6.5 6.5 0 1 0 0 13a6.5 6.5 0 1 0 0-13zM15 30h14v5H15zM19 35h6v53h-6zM25 60h8v7h-8zM25 72h5v8h-5z'/%3E%3C/svg%3E") center/100% 100% no-repeat}.vg-sp3-schluessel .lage:first-child{background:#1c3416}.vg-sp3-schluessel .lage:nth-child(2){transform:translateZ(calc(.4*var(--u)));background:#3d6b2b}.vg-sp3-schluessel .lage:nth-child(3){transform:translateZ(calc(.8*var(--u)));background:linear-gradient(160deg,#f6fdf1,#c8f0b9 40%,#8ccb77 80%);filter:drop-shadow(0 0 calc(1*var(--u)) rgba(200,240,185,.6))}.vg-sp3[data-aktiv="3"] .vg-sp3-schluessel .weg{animation:vg-sp3-schluessel-weg 2s .05s both}.vg-sp3[data-aktiv="3"] .vg-sp3-schluessel .dreh{animation:vg-sp3-schluessel-dreh 2s .05s both}.vg-sp3[data-aktiv="3"] .vg-sp3-schluessel .lage{animation:vg-sp3-schluessel-sicht 2s linear .05s both}@keyframes vg-sp3-schluessel-weg{0%{transform:translateZ(calc(var(--t) - 5*var(--u)));animation-timing-function:cubic-bezier(.2,.7,.3,1)}20%{transform:translateZ(calc(var(--t) + 1.5*var(--u)));animation-timing-function:cubic-bezier(.4,0,.6,1)}42%{transform:translate3d(calc(17.5*var(--u)),0,calc(var(--t) + 2.8*var(--u)));animation-timing-function:cubic-bezier(.4,0,.6,1)}62%{transform:translate3d(calc(35*var(--u)),0,calc(var(--t) + 1.6*var(--u)));animation-timing-function:cubic-bezier(.55,0,.35,1)}78%,to{transform:translate3d(calc(35*var(--u)),0,calc(var(--t) - 1.4*var(--u)))}}@keyframes vg-sp3-schluessel-dreh{0%,80%{transform:rotate(38deg);animation-timing-function:cubic-bezier(.5,0,.25,1)}94%,to{transform:rotate(-24deg)}}@keyframes vg-sp3-schluessel-sicht{0%{opacity:0}9%,to{opacity:1}}.vg-sp3-welle.schloss{--wx:9;--wy:9;width:calc(18*var(--u));height:calc(18*var(--u));left:0;top:0;border-width:calc(.35*var(--u))}.vg-sp3[data-aktiv="3"] .vg-sp3-nachfolge .vg-sp3-welle{animation:vg-sp3-schloss 1.1s cubic-bezier(.2,.7,.3,1) 1.75s both}@keyframes vg-sp3-schloss{0%{opacity:0;transform:translateZ(calc(var(--t) + .06*var(--u))) scale(.9)}8%{opacity:1}to{opacity:0;transform:translateZ(calc(var(--t) + .06*var(--u))) scale(1.55)}}.vg-sp3[data-aktiv="3"] .vg-sp3-nachfolge .vg-sp3-deckel:after{transition-delay:1.7s}@media (max-width:900px){.vg-sp3-buehne{--u:1.04cqw}}@media (prefers-reduced-motion:reduce){.vg-sp3 *,.vg-sp3 :after,.vg-sp3 :before{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}}