.Zauberbuch-module__lbXWUa__finale{z-index:1;text-align:center;background:#f3dccb;padding:clamp(96px,13vh,130px) 20px clamp(120px,16vh,180px);position:relative}.Zauberbuch-module__lbXWUa__inner{justify-items:center;width:min(900px,100%);margin-inline:auto;display:grid}.Zauberbuch-module__lbXWUa__eyebrow{justify-content:center}.Zauberbuch-module__lbXWUa__title{letter-spacing:-.035em;color:#2b2340;text-wrap:balance;margin:0 0 14px;font-size:clamp(42px,6vw,86px);font-weight:700;line-height:1.06}.Zauberbuch-module__lbXWUa__titleRow{letter-spacing:-.02em;margin-bottom:.08em;font-size:.62em;display:block}.Zauberbuch-module__lbXWUa__titleCandy{letter-spacing:.03em;display:block}.Zauberbuch-module__lbXWUa__kicker{font-family:var(--font-display);color:#24503f;margin:0 0 30px;font-size:clamp(18px,2.2vw,27px);font-weight:600}.Zauberbuch-module__lbXWUa__ctas{flex-wrap:wrap;justify-content:center;gap:16px 14px;display:flex}.Zauberbuch-module__lbXWUa__ctas .btn{font-family:var(--font-display);padding:17px 30px;font-size:19px}
#zb{--bg:#efd2c4;--bg2:#e7c2b1;--dim:0;z-index:1;background:var(--bg);color:#5b3b2e;font-family:ui-rounded, "SF Pro Rounded", var(--font-nunito), system-ui, sans-serif;-webkit-tap-highlight-color:transparent;position:relative}#zb *{box-sizing:border-box}#zb .zb-stick{z-index:1;height:100dvh;position:sticky;top:0;overflow:hidden}#zb #cyc{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 38%, #ffffff8c 0%, #fff0 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg) 62%, var(--bg2) 100%);position:absolute;inset:0}#zb #floor{z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 50% 30%,#5a322821,#5a322800 70%);height:34vh;position:absolute;bottom:-8vh;left:-10%;right:-10%}#zb #stage{z-index:1;position:absolute;inset:0;overflow:hidden}#zb #scene{transform-origin:50%;will-change:transform;width:1600px;height:900px;position:absolute;top:50%;left:50%}#zb #scene img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;max-width:none;display:block;position:absolute}#zb .lay{width:1600px;height:900px;position:absolute;top:0;left:0}#zb #sky,#zb #bookG,#zb #actors{will-change:transform}#zb #bookG{transform-origin:800px 760px}#zb .actor{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}#zb .actor img{transform-origin:50% 100%;will-change:transform}#zb .actor.hit{pointer-events:auto;cursor:pointer}#zb canvas{pointer-events:none;position:absolute;top:0;left:0}#zb #dim{opacity:var(--dim);pointer-events:none;background:radial-gradient(90% 90% at 50% 45%,#191e461a,#14163773);transition:opacity 1.2s;position:absolute;inset:0}#zb #hud{z-index:5;pointer-events:none;align-items:flex-start;gap:14px;padding:calc(clamp(14px,3.2vh,34px) + 72px) clamp(16px,3.5vw,48px) 0;display:flex;position:absolute;top:0;left:0;right:0}#zb #title{pointer-events:auto;filter:drop-shadow(0 6px 10px #5a281e2e);font-size:clamp(30px,4.6vw,68px);line-height:1}#zb #num{opacity:.95;margin-top:.5em;font-size:clamp(18px,2.1vw,30px);line-height:1}#zb .kg{flex-wrap:wrap;align-items:flex-end;row-gap:.12em;display:inline-flex}#zb .kg .g{vertical-align:baseline;width:auto;max-width:none;height:1em;margin-right:.04em;transition:transform .25s cubic-bezier(.3,1.6,.4,1);display:inline-block}#zb .kg .g:hover{transform:translateY(-.09em)scale(1.08)rotate(-2deg)}#zb .kg .g:active{transform:scaleY(.82)scaleX(1.12)}#zb .kg .g.punct{align-self:flex-end;height:.32em;margin-bottom:.04em}#zb .kg .wort{white-space:nowrap;margin-right:.36em;display:inline-flex}#zb .kg .wort:last-child{margin-right:0}#zb .kg .g{opacity:0;transform:translateY(-1.4em)rotate(-8deg)}#zb .kg.husch .g{animation:.55s cubic-bezier(.3,1.6,.4,1) forwards zb-husch;animation-delay:calc(var(--i) * 46ms)}#zb .kg.weg .g{animation:.32s ease-in forwards zb-weg;animation-delay:calc(var(--i) * 22ms)}@keyframes zb-husch{0%{opacity:0;transform:translateY(-1.4em)rotate(-8deg)}60%{opacity:1;transform:translateY(.12em)rotate(3deg)scaleY(.9)}to{opacity:1;transform:none}}@keyframes zb-weg{to{opacity:0;transform:translateY(.8em)scale(.6)rotate(6deg)}}#zb #hint{z-index:5;pointer-events:none;border:4px solid #7846328c;border-radius:20px;width:34px;height:52px;transition:opacity .5s;position:absolute;bottom:clamp(14px,3vh,30px);left:50%;transform:translate(-50%)}#zb #hint:after{content:"";background:#78463299;border-radius:5px;width:8px;height:12px;margin-left:-4px;animation:1.6s ease-in-out infinite zb-hint;position:absolute;top:9px;left:50%}@keyframes zb-hint{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(16px)}to{opacity:0}}#zb #track{z-index:0;width:1px;position:relative}#zb #loader{z-index:9;background:#efd2c4;place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}#zb #loader b{background:radial-gradient(circle at 35% 35%,#7ff3e6,#19b8a8 60%,#0f7f75);border-radius:50%;width:64px;height:64px;animation:1s ease-in-out infinite zb-pulse;box-shadow:0 0 30px #5fe8d8}@keyframes zb-pulse{50%{transform:scale(.8)}}@media (hover:none) and (pointer:coarse){#zb #hint{background:#78463273;border:0;border-radius:50%;width:26px;height:26px;animation:1.8s ease-in-out infinite zb-wisch}#zb #hint:after{display:none}}@keyframes zb-wisch{0%{opacity:0;transform:translate(-50%,18px)}25%{opacity:1}80%{opacity:0;transform:translate(-50%,-22px)}to{opacity:0}}#zb .zb-skip{z-index:6;pointer-events:auto;color:#5b3b2e;font-family:var(--font-display,inherit);background:#fffdf7e0;border-radius:99px;padding:9px 16px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .2s cubic-bezier(.3,1.6,.4,1);position:absolute;bottom:clamp(14px,3vh,30px);right:clamp(12px,3vw,32px);box-shadow:inset 0 2px #fff,0 4px #5a322824}#zb .zb-skip:hover{transform:translateY(-2px)}#zb .zb-skip:focus-visible{outline-offset:3px;outline:3px solid #5b3b2e}@media (orientation:portrait){#zb #dim{display:none}#zb .zb-stick:after{content:"";z-index:2;pointer-events:none;opacity:var(--dim);background:radial-gradient(120% 70% at 50% 45%,#191e461f,#1416376b);transition:opacity 1.2s;position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){#zb #hint,#zb #hint:after{animation:none}}