.blaetter{--blaetter-akzent:#0a8ea8;--blaetter-rahmen:#f2f2f2;--blaetter-text:#333;box-sizing:border-box;max-width:900px;margin:24px auto 40px;color:var(--blaetter-text);font-family:inherit}.blaetter *,.blaetter *::before,.blaetter *::after{box-sizing:border-box}.blaetter__rahmen{padding:14px;border-radius:8px;background:var(--blaetter-rahmen)}.blaetter__buehne{position:relative;width:100%;margin:0 auto;overflow:hidden;touch-action:manipulation;-webkit-overflow-scrolling:touch}.blaetter__buehne--zoom{overflow:auto;cursor:grab}.blaetter__buehne--ziehen{cursor:grabbing;user-select:none}.blaetter__seiten{position:relative;display:flex;margin:0 auto;perspective:2400px}.blaetter img.blaetter__seite{display:block;width:50%;max-width:none;height:100%;margin:0;padding:0;border:0;border-radius:0;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none}.blaetter span.blaetter__seite{display:block;width:50%;height:100%}.blaetter .blaetter__seiten--einzeln .blaetter__seite{width:100%;box-shadow:0 2px 10px rgba(0,0,0,.15)}.blaetter .blaetter__seite--links{box-shadow:inset -10px 0 14px -10px rgba(0,0,0,.25)}.blaetter .blaetter__seite--rechts{box-shadow:inset 10px 0 14px -10px rgba(0,0,0,.25)}.blaetter .blaetter__seite--leer{background:transparent;box-shadow:none}.blaetter__blatt{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d}.blaetter__blatt--weiter{left:50%;transform-origin:left center;animation:blaetter-weiter .6s ease-in-out forwards}.blaetter__blatt--zurueck{left:0;transform-origin:right center;animation:blaetter-zurueck .6s ease-in-out forwards}.blaetter .blaetter__blatt .blaetter__seite{width:100%}.blaetter__flaeche{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.blaetter__flaeche--hinten{transform:rotateY(180deg)}.blaetter__leiste{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;margin-top:12px}.blaetter__gruppe{display:flex;align-items:center;gap:8px}.blaetter button.blaetter__btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--blaetter-akzent);color:#fff;cursor:pointer}.blaetter button.blaetter__btn:hover{filter:brightness(1.08)}.blaetter button.blaetter__btn:focus-visible{outline:3px solid var(--blaetter-text);outline-offset:2px}.blaetter button.blaetter__btn:disabled{opacity:.35;cursor:default;filter:none}.blaetter .blaetter__btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.blaetter input.blaetter__nummer{all:unset;box-sizing:border-box;width:3.4em;height:38px;padding:0 4px;border:1px solid #b5b5b5;border-radius:6px;background:#fff;color:#333;font:inherit;font-size:16px;text-align:center;-moz-appearance:textfield;appearance:textfield}.blaetter input.blaetter__nummer:focus-visible{outline:3px solid var(--blaetter-akzent);outline-offset:1px}.blaetter input.blaetter__nummer::-webkit-inner-spin-button,.blaetter input.blaetter__nummer::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.blaetter__gesamt{font-size:15px;white-space:nowrap}.blaetter__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.blaetter__ersatz{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}.blaetter.blaetter--vollbild,.blaetter:fullscreen{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;margin:0;padding:12px;background:#1f1f1f;--blaetter-text:#eee}.blaetter:-webkit-full-screen{width:100%;max-width:none;height:100%;margin:0;padding:12px;background:#1f1f1f}.blaetter--vollbild .blaetter__rahmen,.blaetter:fullscreen .blaetter__rahmen{padding:0;background:transparent}.blaetter--vollbild .blaetter__gesamt{color:#eee}html.blaetter-offen,html.blaetter-offen body{overflow:hidden!important}@keyframes blaetter-weiter{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes blaetter-zurueck{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}@media (prefers-reduced-motion:reduce){.blaetter__blatt{animation:none!important}}