.book-band.book-band[data-v-53ad1305]{aspect-ratio:700/898;z-index:6;pointer-events:none;height:auto}.book-band__plane[data-v-53ad1305]{transform-origin:0 0;visibility:hidden;pointer-events:none;width:700px;height:898px;position:absolute;top:0;left:0}.book-band__plane--ready[data-v-53ad1305]{visibility:visible}.book-band__layer[data-v-53ad1305]{pointer-events:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.book-band__frost[data-v-53ad1305]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask:url(../images/3d-binde/ebene-maske-v2.webp) 0 0/100% 100% no-repeat;mask:url(../images/3d-binde/ebene-maske-v2.webp) 0 0/100% 100% no-repeat}.book-band--kippt .book-band__frost[data-v-53ad1305]{-webkit-backdrop-filter:none;backdrop-filter:none}.book-band__face[data-v-53ad1305]{--title:30px;--hint:14.5px;--icon:86px;box-sizing:border-box;transform-origin:0 0;text-align:left;pointer-events:none;justify-content:space-between;align-items:center;font-family:Poppins,Poppins Fallback,Poppins Fallback DejaVu,Arial,sans-serif;display:flex;position:absolute;top:0;left:0}.book-band__face--mittel[data-v-53ad1305]{--title:42px;--hint:22px;--icon:116px}.book-band__face--klein[data-v-53ad1305]{--title:44px;--icon:100px}.book-band__face--klein .book-band__hint[data-v-53ad1305]{display:none}.book-band__words[data-v-53ad1305]{flex-direction:column;gap:6px;display:flex}.book-band__title[data-v-53ad1305]{color:var(--primary,#fab005);font-size:var(--title);letter-spacing:-.01em;white-space:nowrap;font-weight:600;line-height:1}.book-band__hint[data-v-53ad1305]{color:var(--white,#fff);font-size:var(--hint);opacity:.9;white-space:nowrap;font-weight:400;line-height:1.2}.book-band__hint b[data-v-53ad1305]{font-weight:400;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-block}:is(.book-band__face:has(.book-band__button:focus-visible) .book-band__hint b[data-v-53ad1305],.book-band__face:has(.book-band__button:hover) .book-band__hint b[data-v-53ad1305]){transform:translate(4px)}.book-band__icon[data-v-53ad1305]{width:var(--icon);height:var(--icon);flex:none;margin-right:2px;display:block}.book-band__face[data-v-53ad1305] .book-band__button.modern-book-3d-button{inset:var(--bb-hit,0);width:auto;height:auto;min-height:0;box-shadow:none;color:#0000;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute}.book-band__face[data-v-53ad1305] .book-band__button.modern-book-3d-button:active{cursor:grabbing}.book-band__face[data-v-53ad1305] .book-band__button.modern-book-3d-button>*{visibility:hidden}.book-band__face[data-v-53ad1305] .book-band__button.modern-book-3d-button:hover{background:0 0}.book-band__face[data-v-53ad1305] .book-band__button.modern-book-3d-button:focus-visible{outline:4px solid var(--primary,#fab005);outline-offset:6px}@property --bb-shift{syntax:"<length>";inherits:true;initial-value:0}@property --bb-tab{syntax:"<length>";inherits:true;initial-value:0}.book-band__slide[data-v-53ad1305]{--bb-shift:0px;transform:translateX(var(--bb-shift));pointer-events:none;transition:--bb-shift .62s cubic-bezier(.65,0,.35,1) .18s;position:absolute;inset:0}.book-band--zu .book-band__slide[data-v-53ad1305]{--bb-shift:-490px;transition:--bb-shift .56s cubic-bezier(.65,0,.35,1) 80ms}.book-band__cut[data-v-53ad1305]{clip-path:inset(-40px calc(700px - var(--bb-cut-end,740px) + var(--bb-shift)) -40px calc(var(--bb-cut-left,120px) - var(--bb-shift)))}.book-band__frost.book-band__cut[data-v-53ad1305]{clip-path:none;-webkit-mask-composite:source-in;-webkit-mask:url(../images/3d-binde/ebene-maske-v2.webp) 0 0/100% 100% no-repeat,linear-gradient(90deg,transparent calc(var(--bb-cut-left,120px) - var(--bb-shift)),#000 0,#000 calc(var(--bb-cut-end,2000px) - var(--bb-shift)),transparent 0);-webkit-mask:url(../images/3d-binde/ebene-maske-v2.webp) 0 0/100% 100% no-repeat,linear-gradient(90deg,transparent calc(var(--bb-cut-left,120px) - var(--bb-shift)),#000 0,#000 calc(var(--bb-cut-end,2000px) - var(--bb-shift)),transparent 0);mask:url(../images/3d-binde/ebene-maske-v2.webp) 0 0/100% 100% no-repeat,linear-gradient(90deg,transparent calc(var(--bb-cut-left,120px) - var(--bb-shift)),#000 0,#000 calc(var(--bb-cut-end,2000px) - var(--bb-shift)),transparent 0);-webkit-mask-composite:source-in,xor;-webkit-mask-composite:source-in;mask-composite:intersect}.book-band__close[data-v-53ad1305],.book-band__face[data-v-53ad1305]{transition:opacity .24s .7s,visibility}.book-band--zu .book-band__close[data-v-53ad1305],.book-band--zu .book-band__face[data-v-53ad1305]{opacity:0;visibility:hidden;transition:opacity .14s,visibility 0s .14s}.book-band__close-plane[data-v-53ad1305]{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.book-band__close[data-v-53ad1305]{--size:30px;left:calc(var(--bb-close-x) - var(--size)/2);top:calc(var(--bb-close-y) - var(--size)/2);width:var(--size);height:var(--size);color:var(--white,#fff);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1.5px solid #ffffff73;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.book-band__close[data-v-53ad1305]:before{content:"";position:absolute;inset:-16px}.book-band__close--klein[data-v-53ad1305],.book-band__close--mittel[data-v-53ad1305]{--size:42px;border-width:2px}.book-band__close--klein[data-v-53ad1305]:before,.book-band__close--mittel[data-v-53ad1305]:before{inset:-22px}.book-band__close svg[data-v-53ad1305]{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:62%;height:62%}@media (hover:hover){.book-band__close[data-v-53ad1305]:hover{border-color:var(--primary,#fab005);background:var(--primary,#fab005);color:var(--black,#0a0a0a)}}.book-band__close[data-v-53ad1305]:focus-visible{outline:3px solid var(--primary,#fab005);outline-offset:3px}.book-band__tab[data-v-53ad1305]{--w:46px;--bb-tab:var(--w);left:calc(128px - var(--w));width:var(--w);box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:154px;color:var(--primary,#fab005);cursor:pointer;pointer-events:none;transform:translateX(var(--bb-tab));clip-path:inset(-20px var(--bb-tab) -20px -20px);-webkit-tap-highlight-color:transparent;background:#0e0e10c7;border:0;border-radius:3px 0 0 3px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 3px 0 0;font:600 15px/1 Poppins,Poppins Fallback,Poppins Fallback DejaVu,Arial,sans-serif;transition:--bb-tab .2s cubic-bezier(.4,0,1,1);display:flex;position:absolute;top:384px;box-shadow:-2px 3px 8px #00000059}.book-band__tab--klein[data-v-53ad1305],.book-band__tab--mittel[data-v-53ad1305]{--w:64px;gap:10px;font-size:22px}.book-band--zu .book-band__expand[data-v-53ad1305],.book-band--zu .book-band__tab[data-v-53ad1305]{--bb-tab:0px;pointer-events:auto;transition:--bb-tab .34s cubic-bezier(.2,.8,.2,1) .56s}.book-band__tab-icon[data-v-53ad1305]{width:calc(var(--w) - 8px);height:calc(var(--w) - 8px);flex:none;display:block}.book-band__tab-text[data-v-53ad1305]{writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.01em;transform:rotate(180deg)}@media (hover:hover){.book-band__tab[data-v-53ad1305]:hover{background:#0e0e10e6}}.book-band__tab[data-v-53ad1305]:focus-visible{outline:3px solid var(--primary,#fab005);outline-offset:2px}.book-band__expand[data-v-53ad1305]{--w:46px;--bb-tab:var(--w);left:calc(128px - var(--w));width:var(--w);height:var(--w);box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--white,#fff);cursor:pointer;pointer-events:none;transform:translateX(var(--bb-tab));clip-path:inset(-20px var(--bb-tab) -20px -20px);-webkit-tap-highlight-color:transparent;background:#0e0e10c7;border:0;border-radius:3px 0 0 3px;place-items:center;padding:0 3px 0 0;transition:--bb-tab .2s cubic-bezier(.4,0,1,1);display:grid;position:absolute;top:544px;box-shadow:-2px 3px 8px #00000059}.book-band__expand--klein[data-v-53ad1305],.book-band__expand--mittel[data-v-53ad1305]{--w:64px}.book-band__expand[data-v-53ad1305]:before{content:"";position:absolute;inset:-10px 0 -10px -14px}.book-band__expand svg[data-v-53ad1305]{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:52%;height:52%}@media (hover:hover){.book-band__expand[data-v-53ad1305]:hover{background:var(--primary,#fab005);color:var(--black,#0a0a0a)}}.book-band__expand[data-v-53ad1305]:focus-visible{outline:3px solid var(--primary,#fab005);outline-offset:2px}.book-band--sofort .book-band__close[data-v-53ad1305],.book-band--sofort .book-band__expand[data-v-53ad1305],.book-band--sofort .book-band__face[data-v-53ad1305],.book-band--sofort .book-band__slide[data-v-53ad1305],.book-band--sofort .book-band__tab[data-v-53ad1305]{transition:none}@media (prefers-reduced-motion:reduce){.book-band__close[data-v-53ad1305],.book-band__expand[data-v-53ad1305],.book-band__face[data-v-53ad1305],.book-band__hint b[data-v-53ad1305],.book-band__slide[data-v-53ad1305],.book-band__tab[data-v-53ad1305]{transition:none}}@media print{.book-band[data-v-53ad1305]{display:none}}