.g2-demo{max-width:810px}.g2-demo>.kk-label{margin-bottom:14px}.g2-box{background:linear-gradient(#141417,#0e0e11);border:1px solid #232328;border-radius:22px;padding:24px;position:relative;overflow:hidden}@media (max-width:1099px){.g2-demo>.kk-label{font-size:10.5px}.g2-box{border-radius:16px;padding:18px 16px 16px}}.g2{position:relative}.g2-fit{width:760px}.g2-stage{width:760px;height:400px;position:relative}.g2-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);white-space:nowrap;z-index:3;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:500;position:absolute;top:0;right:0}.g2-svg{pointer-events:none;width:760px;height:400px;position:absolute;inset:0;overflow:visible}.g2-svg path{fill:none}.g2-basis{stroke:#2c2c31;stroke-width:1px}.g2-spur{stroke:url(#g2-verlauf);stroke-width:1.5px;stroke-linecap:round}.g2-zp{background:var(--mint);opacity:0;z-index:4;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:0;left:0;box-shadow:0 0 12px 2px #46d69f99}.g2-zp1{offset-path:path("M224 202 C248 202 244 162 268 162");offset-rotate:0deg;offset-anchor:4px 4px;margin:0}.g2-zp2{offset-path:path("M492 162 C516 162 512 202 536 202");offset-rotate:0deg;offset-anchor:4px 4px;margin:0}.g2-schiene,.g2-schiene-spur{display:none}.g2-knoten{width:224px;position:absolute}.g2-k1{--i:0;top:78px;left:0}.g2-k2{--i:1;top:38px;left:268px}.g2-k3{--i:2;top:78px;left:536px}.g2-phase{height:26px;font:var(--label-font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11.5px;display:block}.g2-karte{border:1px solid var(--line);background:var(--surface);z-index:2;border-radius:14px;height:196px;padding:13px 14px 12px;position:relative;box-shadow:inset 0 1px #ffffff0d}.g2-karte:after{content:"";border-radius:inherit;border:1px solid var(--mint);opacity:0;pointer-events:none;position:absolute;inset:-1px;box-shadow:0 0 14px -4px #46d69f73}.g2-titel{letter-spacing:-.015em;white-space:nowrap;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;display:flex}.g2-kp{background:#e6e7ea;border-radius:50%;width:7px;height:7px}.g2-k3 .g2-kp{background:var(--mint);box-shadow:0 0 6px #46d69f8c}.g2-body{height:142px;margin-top:12px;position:relative}.g2-vor,.g2-nach{position:absolute;inset:0}.g2-unter{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-text);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:7px;font-size:10.5px;font-weight:500;display:flex}.g2-chip{color:var(--muted);border:1px dashed var(--muted-strong);letter-spacing:.08em;border-radius:5px;padding:2px 5px}.g2-z{white-space:nowrap;font-variant-numeric:tabular-nums;border-top:1px solid #1c1c20;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;column-gap:9px;height:30px;font-size:13.5px;display:grid}.g2-z>span{text-overflow:ellipsis;font-weight:500;overflow:hidden}.g2-z em{color:var(--muted);font-size:12.5px;font-style:normal}.g2-z em.g2-frage{color:var(--text);border:1px dashed var(--muted-strong);border-radius:5px;padding:1px 6px;font-size:11.5px}.g2-dot{background:#e6e7ea;border-radius:50%;width:7px;height:7px}.g2-dot.g2-grau{background:#5c5c63}.g2-msg{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 10px 7px;position:absolute;left:0;right:0}.g2-msg small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-text);margin-bottom:2px;font-size:10px;font-weight:500;display:block}.g2-msg span{color:#d9d9de;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.g2-k1 .g2-msg{opacity:0}.g2-platz{position:absolute;top:0;left:0;right:0}.g2-platz i{background:var(--line-soft);border-radius:4px;height:7px;margin:14px 0 23px;display:block}.g2-platz{opacity:0}.g2-schacht{z-index:1;height:142px;position:absolute;top:221px;left:12px;right:12px;overflow:hidden}.g2-bon{color:#3a3a40;background:linear-gradient(#f7f7f9,#e9e9ee);border-radius:0 0 6px 6px;margin:0 22px;padding:10px 11px 11px;font-size:10.5px;line-height:1.6;position:relative;overflow:hidden;box-shadow:0 18px 40px #0000008c,0 0 0 1px #ffffff0d}.g2-bz{white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.g2-bz i{background:#c9c9d0;border-radius:3px;height:5px;display:block}.g2-bkopf{color:#1a1a1e;font-weight:700}.g2-bklein{color:#6e6f77;border-bottom:1px dashed #d5d5db;margin-bottom:3px;padding-bottom:3px}.g2-bsum{color:#1a1a1e;border-top:1px solid #dadae0;margin-top:3px;padding-top:3px;font-weight:700}.g2-bsum i{background:#9c9da5}.g2-scan{background:var(--mint);opacity:0;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px #46d69fe6,0 0 26px #46d69f73}.g2-k3 .g2-vor{clip-path:inset(0 0 0 100%)}.g2-p{transform:rotate(var(--r,0deg));position:absolute}.g2-papier{background:linear-gradient(#f7f7f9,#e9e9ee);border-radius:5px;box-shadow:0 18px 40px #0000008c,0 0 0 1px #ffffff0d}.g2-kleb{background:linear-gradient(#dcdce2 0 14px,#f3f3f5 14px,#e4e4e9);border-radius:2px;padding:20px 9px 8px;box-shadow:0 14px 30px #0009,0 0 0 1px #ffffff0d}.g2-kleb:after{content:"";background:linear-gradient(135deg,#c9c9d0 0 50%,#131316 50%);width:14px;height:14px;position:absolute;bottom:0;right:0}.g2-hand{color:#2e3038;white-space:nowrap;font:500 20px/1.08 Caveat,Bradley Hand,cursive}.g2-wisch{background:var(--mint);opacity:0;z-index:3;width:2px;position:absolute;top:-8px;bottom:-8px;left:-2px;box-shadow:0 0 14px 3px #46d69f73}.g2-bewegt:not(.g2-on) .g2-knoten,.g2-bewegt:not(.g2-on) .g2-tag,.g2-bewegt:not(.g2-on) .g2-nach .g2-z,.g2-bewegt:not(.g2-on) .g2-unter,.g2-bewegt:not(.g2-on) .g2-kp{opacity:0}.g2-bewegt:not(.g2-on) .g2-k3 .g2-vor{clip-path:inset(0)}.g2-bewegt:not(.g2-on) .g2-basis,.g2-bewegt:not(.g2-on) .g2-spur{stroke-dashoffset:1px}.g2-bewegt:not(.g2-on) .g2-bon{transform:translateY(-102%)}.g2-bewegt .g2-bon,.g2-bewegt .g2-msg,.g2-bewegt .g2-wisch,.g2-bewegt .g2-scan{will-change:transform, opacity}.g2-basis,.g2-spur{stroke-dasharray:1 1;stroke-dashoffset:0}.g2-on .g2-tag{animation:g2-ein .5s 0s var(--ease-card) both}.g2-on .g2-knoten{animation:g2-auf .55s calc(var(--i) * .12s) var(--ease-card) both}@keyframes g2-auf{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes g2-ein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.g2-on .g2-basis{animation:g2-zieh .8s 0s var(--ease-card) both}.g2-on .g2-spur1{animation:.6s cubic-bezier(.45,0,.3,1) 2.5s both g2-zieh}.g2-on .g2-spur2{animation:.6s cubic-bezier(.45,0,.3,1) 4.8s both g2-zieh}@keyframes g2-zieh{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.g2-on .g2-zp1{animation:.6s cubic-bezier(.45,0,.3,1) 2.5s both g2-fahrt}.g2-on .g2-zp2{animation:.6s cubic-bezier(.45,0,.3,1) 4.8s both g2-fahrt}@keyframes g2-fahrt{0%{opacity:0;offset-distance:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;offset-distance:100%}}.g2-on .g2-k1 .g2-karte:after{animation:g2-blitz .6s .7s var(--ease-card) both}.g2-on .g2-k2 .g2-karte:after{animation:g2-blitz .6s 3.1s var(--ease-card) both}.g2-on .g2-k3 .g2-karte:after{animation:g2-blitz .6s 5.4s var(--ease-card) both}@keyframes g2-blitz{0%{opacity:0}15%,55%{opacity:1}to{opacity:0}}.g2-on .g2-k1 .g2-msg{animation:g2-fall .45s var(--d) var(--ease-card) both, g2-weg .35s var(--w) ease forwards}@keyframes g2-fall{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes g2-weg{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)scale(.97)}}.g2-on .g2-k1 .g2-unter{animation:g2-ein .4s 2.12s var(--ease-card) both}.g2-on .g2-k1 .g2-z{animation:g2-zeile .45s var(--d) var(--ease-card) both}@keyframes g2-zeile{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.g2-on .g2-k1 .g2-kp{animation:g2-pop .4s 2.55s var(--ease-pop) both}@keyframes g2-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.g2-on .g2-k2 .g2-platz{animation:1.2s 3.1s both g2-platz}@keyframes g2-platz{0%{opacity:0}15%,80%{opacity:1}to{opacity:0}}.g2-on .g2-bon{animation:g2-raus .6s 3.2s var(--ease-card) both}@keyframes g2-raus{0%{transform:translateY(-102%)}to{transform:none}}.g2-on .g2-scan{animation:.5s linear 3.8s both g2-scan}@keyframes g2-scan{0%{opacity:0;transform:translateY(0)}10%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(var(--scan-h,112px))}}.g2-on .g2-k2 .g2-unter{animation:g2-ein .4s 4.25s var(--ease-card) both}.g2-on .g2-k2 .g2-z{animation:g2-zeile .45s var(--d) var(--ease-card) both}.g2-on .g2-k2 .g2-kp{animation:g2-pop .4s 4.7s var(--ease-pop) both}.g2-on .g2-k3 .g2-vor{animation:.8s linear 5.55s both g2-vor}@keyframes g2-vor{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.g2-on .g2-k3 .g2-nach{animation:.8s linear 5.55s both g2-nach}@keyframes g2-nach{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.g2-on .g2-k3 .g2-nach .g2-z,.g2-on .g2-k3 .g2-unter{opacity:1;animation:none}.g2-on .g2-wisch{animation:.9s linear 5.55s both g2-wisch}@keyframes g2-wisch{0%{opacity:0;transform:translate(0)}6%{opacity:1}88%{opacity:1;transform:translate(196px)}to{opacity:0;transform:translate(196px)}}.g2-on .g2-k3 .g2-chip{animation:g2-ein .45s 6.4s var(--ease-card) both}.g2-on .g2-k3 .g2-kp{animation:g2-pop .4s 6.5s var(--ease-pop) both}@media (max-width:1099px){.g2-fit{width:auto}.g2-stage{flex-direction:column;gap:14px;width:100%;max-width:342px;height:auto;margin:0 auto;padding-top:38px;display:flex}.g2-tag{padding:4px 7px;font-size:10.5px}.g2-svg,.g2-zp{display:none}.g2-schiene{background:var(--line);width:1px;left:4px;top:var(--s0,0);height:var(--sh,0);display:block;position:absolute}.g2-schiene-spur{background:linear-gradient(180deg, #46d69f40, var(--mint));width:1.5px;left:3.5px;top:var(--s0,0);height:var(--sh,0);transform-origin:top;display:block;position:absolute}.g2-knoten{width:auto;margin-left:22px;position:relative;top:auto;left:auto}.g2-knoten:before{content:"";background:var(--base);border:1px solid var(--muted-strong);border-radius:50%;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;left:-22px}.g2-phase{z-index:3;height:auto;color:var(--muted-text);font-size:10px;position:absolute;top:12px;left:15px}.g2-karte{height:auto;padding:30px 14px 6px}.g2-titel{justify-content:flex-start;gap:8px;font-size:14.5px}.g2-body{height:104px;margin-top:8px}.g2-unter{padding-bottom:5px}.g2-z{column-gap:7px;height:26px;font-size:13px}.g2-z em{font-size:12px}.g2-platz i{margin:10px 0 19px}.g2-k2 .g2-karte{margin-right:92px}.g2-schacht{width:86px;height:150px;top:14px;left:auto;right:0}.g2-bon{margin:0 3px;padding:8px 7px 9px;font-size:9px;line-height:1.55}.g2-bklein span+span{display:none}.g2-msg{padding:5px 9px 6px}.g2-msg span{font-size:12.5px}.g2-vor .g2-msg:nth-child(2){top:36px!important}.g2-vor .g2-msg:nth-child(3){top:72px!important}.g2-msg small{margin-right:6px;display:inline}.g2-msg span{display:inline}.g2-msg{white-space:nowrap;text-overflow:ellipsis;padding:6px 9px;overflow:hidden}.g2-k3 .g2-vor .g2-p{zoom:.86}.g2-k3 .g2-vor .g2-p:first-child{left:8px!important}.g2-k3 .g2-vor .g2-kleb{left:136px!important}.g2-bewegt:not(.g2-on) .g2-schiene-spur{transform:scaleY(0)}.g2-on .g2-schiene-spur{animation:2.9s linear 2.5s both g2-schiene}@keyframes g2-schiene{0%{transform:scaleY(0)}20.7%{transform:scaleY(.5)}79.3%{transform:scaleY(.5)}to{transform:scaleY(1)}}.g2-on .g2-wisch{animation-name:g2-wisch-m}@keyframes g2-wisch-m{0%{opacity:0;transform:translate(0)}6%{opacity:1}88%{opacity:1;transform:translateX(var(--wb,280px))}to{opacity:0;transform:translateX(var(--wb,280px))}}.g2-demo{max-width:440px;margin-left:auto;margin-right:auto}.g2-stage{max-width:none}}@media (max-width:430px){.g2-k2 .g2-karte{margin-right:72px}.g2-schacht{width:66px}.g2-bon{margin:0 1px;padding:7px 5px 8px;font-size:8.5px}.g2-bkopf{letter-spacing:-.01em}.g2-bz{gap:5px}}@media (max-width:374px){.g2-box{padding:14px 10px 10px}.g2-k2 .g2-karte{margin-right:68px}.g2-schacht{width:62px}.g2-bon{font-size:8px}.g2-knoten{margin-left:18px}.g2-knoten:before{left:-18px}.g2-karte{padding-left:11px;padding-right:11px}.g2-phase{left:12px}.g2-titel{gap:7px;font-size:13.5px}.g2-unter{letter-spacing:.08em;font-size:9.5px}.g2-z{column-gap:6px;font-size:12px}.g2-z em{font-size:11px}.g2-msg small{margin-right:5px;font-size:9px}.g2-msg span{font-size:11.5px}}@media (max-width:340px){.g2-msg{padding:6px 7px}.g2-msg span{font-size:11px}}@media (prefers-reduced-motion:reduce){.g2 *,.g2 :before,.g2 :after{transition:none!important;animation:none!important}.g2 .g2-scan,.g2 .g2-zp,.g2 .g2-wisch{opacity:0!important}}
.hb-demo{max-width:950px}.hb-demo>.kk-label{margin-bottom:14px}.hb-box{background:linear-gradient(#141417,#0e0e11);border:1px solid #232328;border-radius:22px;padding:24px 24px 18px;position:relative;overflow:hidden}@media (max-width:1099px){.hb-demo>.kk-label{font-size:10.5px}.hb-box{border-radius:16px;padding:18px 16px 16px}}.hb{position:relative}.hb-fit{width:900px}.hb-stage{width:900px;height:430px;position:relative}.hb-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-soft);white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:10.5px;font-weight:500;position:absolute;top:0;left:22px}.hb-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hb-wire{fill:none;stroke:var(--mint);stroke-width:1px;stroke-dasharray:120;stroke-dashoffset:0;opacity:0}.hb-zettel{color:#2a2b31;transform-origin:50%;opacity:.74;--hb-zx:-150px;--hb-zh:272px;background:linear-gradient(#f7f7f9,#e9e9ee);border-radius:10px;width:214px;height:272px;padding:18px 18px 0;position:absolute;top:70px;left:22px;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff0d}.hb-zkopf{font:700 13px/1.2 var(--font-sans);letter-spacing:-.2px;color:#1a1a1e}.hb-zsub{color:#6e6f77;border-bottom:1px solid #d5d5db;margin-top:3px;padding-bottom:10px;font-size:9px}.hb-zl{color:#2e3038;white-space:nowrap;margin-top:18px;font:500 25px/1 Caveat,Bradley Hand,cursive;position:relative}.hb-zl:nth-of-type(odd){transform:rotate(-1deg)}.hb-zl:nth-of-type(2n){transform:rotate(.8deg)translate(3px)}.hb-zl2{margin-top:26px}.hb-lese{opacity:.55;display:inline-block;position:relative}.hb-alt{color:#5b5d66;margin-right:6px;display:inline-block;position:relative}.hb-alt:after{content:"";background:#3a3b42;height:1.6px;position:absolute;top:52%;left:-3px;right:-3px;transform:rotate(-14deg)}.hb-neu{display:inline-block;transform:translateY(-11px)rotate(-5deg)}.hb-mark{border:1.5px solid var(--mint);opacity:0;border-radius:5px;position:absolute;inset:-3px -7px;box-shadow:0 0 12px #46d69f59}.hb-zl2 .hb-mark{top:-15px}.hb-scan{background:var(--mint);opacity:0;height:2px;position:absolute;top:0;left:-8px;right:-8px;box-shadow:0 0 18px 4px #46d69f73}.hb-scanglow{opacity:0;background:linear-gradient(#46d69f1a,#0000 30%);border-radius:10px;position:absolute;inset:0}.hb-tab{z-index:2;border:1px solid var(--line);background:#111114;border-radius:14px;width:352px;padding:14px 16px 6px;position:absolute;top:98px;left:262px}.hb-tkopf{justify-content:space-between;align-items:baseline;padding-bottom:10px;display:flex}.hb-tkopf b{letter-spacing:-.01em;font-size:14px;font-weight:600}.hb-tkopf span{color:var(--muted-text);font-size:12px}.hb-tr{font-variant-numeric:tabular-nums;white-space:nowrap;border-top:1px solid #1c1c20;grid-template-columns:8px 50px minmax(0,1fr) 42px 58px;align-items:center;column-gap:10px;padding:9px 0;font-size:13px;display:grid}.hb-th{font:var(--label-font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-text);padding:6px 0 8px;font-size:10px}.hb-tr .hb-nr{color:var(--muted-text)}.hb-tr .hb-me{text-align:right;font-weight:600}.hb-tr .hb-eh{color:var(--muted)}.hb-tr .hb-ar{text-overflow:ellipsis;overflow:hidden}.hb-dot{background:var(--muted-strong);border-radius:50%;width:6px;height:6px;position:relative}.hb-dot:after{content:"";background:var(--mint);opacity:0;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 6px #46d69f8c}.hb-tr.hb-r{--hb-dx:-48px}.hb-stapel{width:260px;height:410px;position:absolute;top:12px;left:640px}.hb-fach{width:260px;height:360px;position:relative}.hb-beleg{color:#1a1a1e;font-variant-numeric:tabular-nums;background:linear-gradient(#f7f7f9,#e9e9ee);border-radius:10px;width:204px;height:226px;padding:15px 14px;position:absolute;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff0d}.hb-ls{top:4px;left:0;transform:rotate(-3deg)}.hb-re{top:142px;left:52px;transform:rotate(2deg)}.hb-bt{justify-content:space-between;align-items:baseline;display:flex}.hb-bt b{letter-spacing:-.2px;font-size:13px;font-weight:700}.hb-bt span{color:#3a3a40;font-size:9.5px}.hb-ba{color:#6e6f77;margin:3px 0 10px;font-size:9px}.hb-bz{color:#3a3a40;white-space:nowrap;border-bottom:1px solid #dadae0;justify-content:space-between;gap:8px;padding:4px 0;font-size:9.5px;display:flex}.hb-bsum{justify-content:space-between;margin-top:10px;font-size:11.5px;font-weight:700;display:flex}.hb-bfuss{position:absolute;bottom:14px;left:15px;right:15px}.hb-ln{background:#d5d5db;border-radius:3px;height:5px;margin:6px 0}.hb-ok{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:10.5px;font-weight:500;display:inline-flex;position:absolute;top:384px;left:70px}.hb-check{border:1.5px solid var(--mint);width:18px;height:18px;color:var(--mint);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 10px #46d69f59}.hb-check svg{width:10px;height:10px}.hb-bewegt:not(.hb-on) .hb-zettel,.hb-bewegt:not(.hb-on) .hb-tr.hb-r,.hb-bewegt:not(.hb-on) .hb-beleg,.hb-bewegt:not(.hb-on) .hb-ok{opacity:0}.hb-bewegt:not(.hb-on) .hb-lese{opacity:1}.hb-on .hb-zettel{animation:3s both hb-zettel}@keyframes hb-zettel{0%{opacity:0;transform:translate(var(--hb-zx), 40px) rotate(-14deg) scale(.4);animation-timing-function:var(--ease-card)}20%{opacity:1;transform:translate(0)rotate(-6deg)scale(1)}46.7%{opacity:1;animation-timing-function:var(--ease-card);transform:rotate(-6deg)}80%{opacity:1;animation-timing-function:ease;transform:rotate(0)}to{opacity:.74;transform:rotate(0)}}.hb-on .hb-scan{animation:.8s linear .6s both hb-scan}@keyframes hb-scan{0%{opacity:1;transform:translateY(0)}92%{opacity:1}to{opacity:0;transform:translateY(var(--hb-zh))}}.hb-on .hb-scanglow{animation:1.1s .55s both hb-glow}@keyframes hb-glow{0%{opacity:0}20%,70%{opacity:1}to{opacity:0}}.hb-on .hb-mark{animation:hb-mark-auf .36s var(--d) var(--ease-pop) both, hb-mark-ab .3s var(--ab) ease forwards}@keyframes hb-mark-auf{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes hb-mark-ab{to{opacity:0}}.hb-zl1{--d:.74s;--ab:1.55s}.hb-zl2{--d:.86s;--ab:1.69s}.hb-zl3{--d:.98s;--ab:1.83s}.hb-zl4{--d:1.1s;--ab:1.97s}.hb-on .hb-lese{animation:hb-lese .5s var(--ab) ease both}@keyframes hb-lese{0%{opacity:1}to{opacity:.55}}.hb-on .hb-tr.hb-r{animation:hb-zeile .6s var(--d) var(--ease-card) both}@keyframes hb-zeile{0%{opacity:0;transform:translate(var(--hb-dx), var(--hb-dy,0))}45%{opacity:1}to{opacity:1;transform:translate(0)}}.hb-on .hb-tr.hb-r .hb-dot:after{animation:hb-punkt .22s calc(var(--d) + .3s) ease both}.hb-on .hb-tr.hb-r4 .hb-dot:after{animation-name:hb-punkt-letzt;animation-duration:.5s}@keyframes hb-punkt{0%{opacity:0}25%,62%{opacity:1}to{opacity:0}}@keyframes hb-punkt-letzt{0%{opacity:0}11%,50%{opacity:1}to{opacity:0}}.hb-r1{--d:1.55s;--hb-dy:-6px}.hb-r2{--d:1.69s;--hb-dy:-8px}.hb-r3{--d:1.83s;--hb-dy:-6px}.hb-r4{--d:1.97s;--hb-dy:2px}.hb-on .hb-ls{animation:hb-ls .8s 2.4s var(--ease-card) both}.hb-on .hb-re{animation:hb-re .8s 2.56s var(--ease-card) both}@keyframes hb-ls{0%{opacity:0;transform:translate(-90px,-30px)rotate(0)scale(.86)}35%{opacity:1}to{opacity:1;transform:rotate(-3deg)}}@keyframes hb-re{0%{opacity:0;transform:translate(-130px,-100px)rotate(0)scale(.86)}35%{opacity:1}to{opacity:1;transform:rotate(2deg)}}.hb-on .hb-wire{animation:1s 2.7s both hb-faden}.hb-on .hb-wire+.hb-wire{animation-delay:2.82s}@keyframes hb-faden{0%{opacity:1;stroke-dashoffset:120px;animation-timing-function:linear}45%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}.hb-on .hb-ok{animation:hb-ok .5s 3.4s var(--ease-card) both}@keyframes hb-ok{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hb-on .hb-check{animation:hb-haken .45s 3.52s var(--ease-pop) both}@keyframes hb-haken{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (max-width:1099px){.hb-fit{width:auto}.hb-stage{flex-direction:column;align-items:center;gap:14px;width:auto;max-width:342px;height:auto;margin:0 auto;display:flex}.hb-tag{align-self:flex-end;margin-bottom:-6px;position:static;left:auto}.hb-wires{display:none}.hb-zettel{zoom:.66;--hb-zx:0px;position:relative;top:auto;left:auto}.hb-tab{width:100%;padding:12px 12px 4px;position:relative;top:auto;left:auto}.hb-tr{grid-template-columns:6px 44px minmax(0,1fr) 40px 54px;column-gap:8px;padding:7px 0;font-size:12.5px}.hb-th{letter-spacing:.05em;font-size:9px}.hb-tr.hb-r{--hb-dx:0px}.hb-tab{overflow:hidden}.hb-r1,.hb-r2,.hb-r3,.hb-r4{--hb-dy:-26px}.hb-stapel{zoom:.86;width:360px;height:292px;position:relative;top:auto;left:auto}.hb-fach{width:360px;height:252px}.hb-ls{top:6px;left:4px}.hb-re{top:20px;left:150px}.hb-ok{top:258px;left:50%;transform:translate(-50%)}.hb-on .hb-ok{animation-name:hb-okm}@keyframes hb-okm{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes hb-ls{0%{opacity:0;transform:translateY(-60px)scale(.86)}35%{opacity:1}to{opacity:1;transform:rotate(-3deg)}}@keyframes hb-re{0%{opacity:0;transform:translateY(-60px)scale(.86)}35%{opacity:1}to{opacity:1;transform:rotate(2deg)}}}@media (max-width:400px){.hb-tab{padding:12px 10px 4px}.hb-tr{grid-template-columns:6px 40px minmax(0,1fr) 34px 52px;column-gap:6px}}@media (prefers-reduced-motion:reduce){.hb *,.hb :before,.hb :after{transition:none!important;animation:none!important}.hb .hb-scan,.hb .hb-scanglow,.hb .hb-mark,.hb .hb-wire{opacity:0!important}}