.bb{width:100%}.bb__inner{max-width:920px;margin:0 auto;padding:0 24px;text-align:center}.bb__h2{margin:0 0 6px;font-size:clamp(1.25rem,3.2vw,1.65rem);font-weight:800;letter-spacing:-.02em}.bb__sub{margin:0 0 22px;font-size:.9rem;line-height:1.5;color:#6b7280}.bb__stage{position:relative;perspective:2200px;perspective-origin:50% 45%;margin:0 auto;width:100%;max-width:840px;padding:0 8px}.bb__book{position:relative;width:100%;margin:0 auto;aspect-ratio:200 / var(--bb-ratio, 141);border-radius:4px;background:#fbfaf7;box-shadow:0 1px 2px #0a0a0a1f,0 18px 40px -12px #0a0a0a59;cursor:pointer;touch-action:pan-y pinch-zoom}.bb__book:focus-visible{outline:2px solid #1a56db;outline-offset:6px}.bb__book:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 14px);width:28px;z-index:900;pointer-events:none;background:linear-gradient(90deg,#0a0a0a00,#0a0a0a21 42%,#0a0a0a38,#0a0a0a21 58%,#0a0a0a00)}.bb__edge{position:absolute;top:3px;bottom:3px;width:6px;z-index:1;pointer-events:none;background:repeating-linear-gradient(180deg,#fff 0 2px,#e1dfda 2px 3px)}.bb__edge--left{left:1px;border-radius:3px 0 0 3px;box-shadow:-1px 1px 3px #0a0a0a33}.bb__edge--right{right:1px;border-radius:0 3px 3px 0;box-shadow:1px 1px 3px #0a0a0a33}.bb__leaf{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.26,.72,.28,1);will-change:transform}.bb__leaf.is-flipped{transform:rotateY(-179.6deg)}.bb__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(10,10,10,.06)}.bb__face--back{transform:rotateY(180deg);background:#fbfaf7}.bb__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0a0a0a1a,#0a0a0a00 14%)}.bb__face--back:after{background:linear-gradient(270deg,#0a0a0a1a,#0a0a0a00 14%)}.bb__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0a0a0a8c,#0a0a0a29 42%,#0a0a0a00 72%)}.bb__face--back .bb__shade{transform:scaleX(-1)}.bb__leaf.is-turning .bb__shade{animation:bb-shade .72s ease both}@keyframes bb-shade{0%{opacity:0}45%{opacity:1}to{opacity:0}}.bb__sheet{margin:0;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#fff}.bb__img{width:100%;height:100%;object-fit:contain;display:block}.bb__cap{display:none}.bb__sheet--ph{flex-direction:column;gap:6px;background:repeating-linear-gradient(135deg,#f4f5f7 0 10px,#eef0f3 10px 20px);color:#9aa1ac}.bb__ph-num{font-size:2rem;font-weight:800;line-height:1;color:#c4cad3}.bb__ph-text{font-size:.72rem;font-weight:600;letter-spacing:.02em}.bb__bar{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.bb__nav{width:40px;height:40px;flex:0 0 auto;border:1px solid #d3d8e0;border-radius:50%;background:#fff;color:#0a0a0a;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:border-color .15s ease,color .15s ease,opacity .15s ease}.bb__nav:hover:not(:disabled){border-color:#1a56db;color:#1a56db}.bb__nav:disabled{opacity:.35;cursor:default}.bb__count{font-size:.8rem;font-weight:700;color:#4b5563;font-variant-numeric:tabular-nums;min-width:11ch}.bb__caption{margin:14px 0 0;min-height:1.3em;font-size:.82rem;font-weight:600;line-height:1.35;color:#4b5563}.bb__caption:empty{min-height:0}.bb__hint{margin:10px 0 0;font-size:.72rem;color:#9aa1ac}.bb__link{display:inline-block;margin-top:14px;font-size:.82rem;font-weight:700;color:#1a56db;text-decoration:none;border-bottom:1px solid rgba(26,86,219,.35)}.bb__link:hover{border-bottom-color:#1a56db}@media(max-width:560px){.bb__inner{padding:0 10px}.bb__stage{max-width:none}.bb__book:after{left:calc(50% - 9px);width:18px}.bb__edge{width:4px}.bb__edge--left{left:1px}.bb__edge--right{right:1px}.bb__ph-num{font-size:1.2rem}.bb__ph-text{font-size:.6rem}.bb__caption{font-size:.78rem}}@media(prefers-reduced-motion:reduce){.bb__leaf,.bb__nav{transition:none}.bb__leaf.is-turning .bb__shade{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/blaetterbuch.css.map */