@font-face{font-family:inter;src:url(../media/Inter_Variable-s.p.0rpdhg_4ubdtf.woff2)format("woff2");font-display:swap;font-weight:300 800}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.a6z8bW_className{font-family:inter,inter Fallback}.a6z8bW_variable{--font-inter:"inter", "inter Fallback"}
@font-face{font-family:pacifico;src:url(../media/Pacifico_Regular-s.1_cpge7qciows.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:pacifico Fallback;src:local(Arial);ascent-override:141.17%;descent-override:49.08%;line-gap-override:0.0%;size-adjust:92.3%}.Ku2zeW_className{font-family:pacifico,pacifico Fallback;font-weight:400}.Ku2zeW_variable{--font-pacifico:"pacifico", "pacifico Fallback"}
.buch3d{--buch-h:clamp(260px,60vw,520px);--buch-w:calc(var(--buch-h) * 151 / 216);--buch-t:calc(var(--buch-h) * 22 / 216);--buch-pappe:calc(var(--buch-h) * 2.5 / 216);--buch-kante:calc(var(--buch-h) * 3 / 216);--buch-falzluft:calc(var(--buch-t) * .07);--buch-dauer:9s;--buch-winkel-a:32deg;--buch-winkel-b:-18deg;--buch-bezug:#e7e4e5;--buch-papier:#f5f0e3;--buch-vorsatz:#f7f5f0;--neig-x:0deg;--neig-y:0deg;--neig-s:0deg;z-index:1;width:calc(var(--buch-w) * 1.5);height:calc(var(--buch-h) * 1.25);perspective:calc(var(--buch-h) * 3.7);perspective-origin:50% 30%;position:relative}.buch3d__neigung{width:0;height:0;transform-style:preserve-3d;transform:rotateX(var(--neig-x)) rotateY(calc(var(--neig-y) + var(--neig-s)));position:absolute;top:50%;left:50%}.buch3d--ruhig .buch3d__dreh{animation:none;transform:rotateX(-7deg)rotateY(24deg)}.buch3d *,.buch3d :before,.buch3d :after{box-sizing:border-box}.buch3d__dreh,.buch3d__schweb,.buch3d__korpus{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.buch3d__dreh{animation:buch3d-dreh var(--buch-dauer) ease-in-out infinite}.buch3d__schweb{animation:buch3d-schweb calc(var(--buch-dauer) / 2) ease-in-out infinite}@keyframes buch3d-dreh{0%,to{transform:rotateX(-7deg) rotateY(var(--buch-winkel-a))}50%{transform:rotateX(-7deg) rotateY(var(--buch-winkel-b))}}@keyframes buch3d-schweb{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--buch-h) * -.022))}}.buch3d__f{transform-origin:0 0 0;backface-visibility:hidden;position:absolute;top:0;left:0}.buch3d__vorne,.buch3d__hinten{width:var(--buch-w);height:var(--buch-h);background-size:100% 100%;border-radius:0 3px 3px 0}.buch3d__vorne{transform:translateZ(calc(var(--buch-t) / 2)) translate(-50%,-50%);background-image:url(/buch/buch-vorne.webp);overflow:hidden}.buch3d[data-hinten] .buch3d__hinten,html:not(.js) .buch3d__hinten{background-image:url(/buch/buch-hinten.webp)}.buch3d__hinten{transform:rotateY(180deg) translateZ(calc(var(--buch-t) / 2)) translate(-50%,-50%);overflow:hidden}.buch3d__vorne:before,.buch3d__hinten:before{content:"";width:calc(var(--buch-w) * .035);background:linear-gradient(90deg,#0000000d 0%,#ffffff29 40%,#00000012 70%,#0000 100%);position:absolute;top:0;bottom:0}.buch3d__vorne:before{left:calc(var(--buch-w) * .045)}.buch3d__hinten:before{right:calc(var(--buch-w) * .045);transform:scaleX(-1)}.buch3d__vorne:after,.buch3d__hinten:after{content:"";background:linear-gradient(90deg,#0000001a 0%,#0000 4% 97%,#0000000f 100%);position:absolute;inset:0}.buch3d__hinten:after{transform:scaleX(-1)}.buch3d__glanz{pointer-events:none;animation:buch3d-glanz var(--buch-dauer) ease-in-out infinite;mix-blend-mode:screen;background:linear-gradient(105deg,#fff0 35%,#ffffff4d 47%,#fff0 60%) 0 0/300% 100%;position:absolute;inset:0}.buch3d__licht{pointer-events:none;opacity:0;animation:buch3d-licht var(--buch-dauer) ease-in-out infinite;background:#000;position:absolute;inset:0}@keyframes buch3d-glanz{0%,to{background-position:100% 0}50%{background-position:0 0}}@keyframes buch3d-licht{0%,to{opacity:.07}50%{opacity:0}}.buch3d__kante{background:var(--buch-bezug)}.buch3d__kante--seite{width:var(--buch-pappe);height:var(--buch-h);background:linear-gradient(90deg,#d9d5d5,var(--buch-bezug) 50%,#dcd8d8)}.buch3d__kante--quer{width:var(--buch-w);height:var(--buch-pappe)}.buch3d__kante--v-seite{transform:translate3d(calc(var(--buch-w) / 2),0,calc(var(--buch-t) / 2 - var(--buch-pappe) / 2)) rotateY(90deg) translate(-50%,-50%)}.buch3d__kante--h-seite{transform:translate3d(calc(var(--buch-w) / 2),0,calc(var(--buch-t) / -2 + var(--buch-pappe) / 2)) rotateY(90deg) translate(-50%,-50%)}.buch3d__kante--v-oben{transform:translate3d(0,calc(var(--buch-h) / -2),calc(var(--buch-t) / 2 - var(--buch-pappe) / 2)) rotateX(90deg) translate(-50%,-50%);background:#f1efef}.buch3d__kante--h-oben{transform:translate3d(0,calc(var(--buch-h) / -2),calc(var(--buch-t) / -2 + var(--buch-pappe) / 2)) rotateX(90deg) translate(-50%,-50%);background:#f1efef}.buch3d__kante--v-unten{transform:translate3d(0,calc(var(--buch-h) / 2),calc(var(--buch-t) / 2 - var(--buch-pappe) / 2)) rotateX(-90deg) translate(-50%,-50%);background:#cfcbcb}.buch3d__kante--h-unten{transform:translate3d(0,calc(var(--buch-h) / 2),calc(var(--buch-t) / -2 + var(--buch-pappe) / 2)) rotateX(-90deg) translate(-50%,-50%);background:#cfcbcb}.buch3d__innen{width:calc(var(--buch-w) - var(--buch-falzluft));height:var(--buch-h);background:var(--buch-vorsatz)}.buch3d__innen--v{transform:translate3d(calc(var(--buch-falzluft) / 2),0,0) translateZ(calc(var(--buch-t) / 2 - var(--buch-pappe))) rotateY(180deg) translate(-50%,-50%)}.buch3d__innen--h{transform:translate3d(calc(var(--buch-falzluft) / 2),0,0) translateZ(calc(var(--buch-t) / -2 + var(--buch-pappe))) translate(-50%,-50%)}.buch3d__schnitt{background-color:var(--buch-papier)}.buch3d__schnitt--vorn{width:calc(var(--buch-t) - 2 * var(--buch-pappe));height:calc(var(--buch-h) - 2 * var(--buch-kante));transform:translate3d(calc(var(--buch-w) / 2 - var(--buch-kante)),0,0) rotateY(90deg) translate(-50%,-50%);background-image:linear-gradient(90deg,#0000001a,#0000 12% 88%,#0000001a),repeating-linear-gradient(90deg,#78644629 0 1px,#fff0 1px 2.4px)}.buch3d__schnitt--oben,.buch3d__schnitt--unten{width:calc(var(--buch-w) - var(--buch-kante) - var(--buch-falzluft));height:calc(var(--buch-t) - 2 * var(--buch-pappe));background-image:linear-gradient(#00000014,#0000 12% 88%,#00000014),repeating-linear-gradient(0deg,#78644629 0 1px,#fff0 1px 2.4px)}.buch3d__schnitt--oben{transform:translate3d(calc((var(--buch-falzluft) - var(--buch-kante)) / 2),calc(var(--buch-h) / -2 + var(--buch-kante)),0) rotateX(90deg) translate(-50%,-50%)}.buch3d__schnitt--unten{transform:translate3d(calc((var(--buch-falzluft) - var(--buch-kante)) / 2),calc(var(--buch-h) / 2 - var(--buch-kante)),0) rotateX(-90deg) translate(-50%,-50%);filter:brightness(.86)}.buch3d__kapital{width:calc(var(--buch-t) * .14);height:calc(var(--buch-t) - 2 * var(--buch-pappe));background:repeating-linear-gradient(0deg,#f5e04a 0 2px,#fbf6d8 2px 4px);border-radius:50% 0 0 50%}.buch3d__kapital--oben{transform:translate3d(calc(var(--buch-w) / -2 - var(--buch-t) * .005),calc(var(--buch-h) / -2 + var(--buch-kante)),0) rotateX(90deg) translate(-50%,-50%)}.buch3d__kapital--unten{transform:translate3d(calc(var(--buch-w) / -2 - var(--buch-t) * .005),calc(var(--buch-h) / 2 - var(--buch-kante)),0) rotateX(-90deg) translate(-50%,-50%);filter:brightness(.85)}.buch3d__ruecken{--phi:0deg;--i:0;width:calc(var(--buch-t) * .1453 + 2px);height:var(--buch-h);background-image:url(/buch/buch-ruecken.webp);background-size:calc(var(--buch-t) * 1.017) 100%;background-position:calc(var(--buch-t) * -.1453 * var(--i) - 1px) 0;transform:translate3d(calc(var(--buch-w) / -2 + var(--buch-t) * (1.5225 - 1.6025 * cos(var(--phi)))),0,calc(var(--buch-t) * 1.6025 * sin(var(--phi)))) rotateY(calc(var(--phi) - 90deg)) translate(-50%,-50%);filter:brightness(var(--hell,1))}.buch3d__schatten{transform-origin:0 0 0;width:calc(var(--buch-w) * 1.05);height:calc(var(--buch-t) * 1.9);filter:blur(12px);transform:translate3d(0,calc(var(--buch-h) / 2 + var(--buch-h) * .05),0) rotateX(90deg) translate(-50%,-50%);animation:buch3d-schatten calc(var(--buch-dauer) / 2) ease-in-out infinite;background:radial-gradient(closest-side,#0a1e3c73,#0a1e3c2e 60%,#0a1e3c00);border-radius:50%;position:absolute;top:0;left:0}@keyframes buch3d-schatten{0%,to{opacity:1}50%{opacity:.72}}@media (prefers-reduced-motion:reduce){.buch3d__dreh{animation:none;transform:rotateX(-7deg)rotateY(24deg)}.buch3d__schweb,.buch3d__schatten,.buch3d__glanz,.buch3d__licht{animation:none!important}.buch3d__glanz{background-position:70% 0}.buch3d__licht{opacity:.04}.buch3d__neigung{transform:none}}