#uschi-page-turn{position:fixed;z-index:9000;overflow:hidden;pointer-events:none;isolation:isolate;background:#382015}
#uschi-page-turn .turn-book-stage{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
#uschi-page-turn .turn-book-frame{position:absolute;inset:0;background:url('assets/rezeptbuch-offen.png') center/100% 100% no-repeat}
#uschi-page-turn .turn-pages{position:absolute;left:22.3%;top:12%;width:66.3%;height:72.4%;perspective:1600px;transform-style:flat;box-sizing:border-box}
#uschi-page-turn .turn-sheet{position:absolute;inset:0;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}
#uschi-page-turn .turn-front{position:absolute;inset:0;overflow:hidden;background:#382015;backface-visibility:hidden}
#uschi-page-turn .turn-front>#bbq-preview{transform:scale(var(--page-scale-x,.663),var(--page-scale-y,.724));transform-origin:0 0}
#uschi-page-turn .turn-front::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#29160866,transparent 18%,transparent 65%,#67432355);opacity:0}
#uschi-page-turn .turn-muted .turn-front{filter:grayscale(1) saturate(0) contrast(.45) brightness(1.4);opacity:1}
#uschi-page-turn.turn-initial .turn-book-stage{transform:translate(var(--book-x,-33.63%),var(--book-y,-16.57%)) scale(var(--book-scale-x,1.5083),var(--book-scale-y,1.3812))}
#uschi-page-turn.turn-running .turn-book-stage{animation:uschi-book-retreat var(--zoom-time,1500ms) cubic-bezier(.4,0,.2,1) forwards,uschi-book-return var(--zoom-time,1500ms) var(--return-delay) cubic-bezier(.4,0,.2,1) forwards}
#uschi-page-turn.turn-running .turn-forward{animation:uschi-turn-forward var(--turn-duration) var(--turn-delay) cubic-bezier(.4,0,.2,1) both}
#uschi-page-turn.turn-running .turn-back{animation:uschi-turn-back var(--turn-duration) var(--turn-delay) cubic-bezier(.4,0,.2,1) both}
#uschi-page-turn.turn-running .turn-forward .turn-front::after,#uschi-page-turn.turn-running .turn-back .turn-front::after{animation:uschi-turn-shade var(--turn-duration) var(--turn-delay) ease-in-out both}
@keyframes uschi-book-retreat{from{transform:translate(var(--book-x,-33.63%),var(--book-y,-16.57%)) scale(var(--book-scale-x,1.5083),var(--book-scale-y,1.3812))}to{transform:translate(-18.65%,-5.23%) scale(1.268,1.1395)}}
@keyframes uschi-book-return{from{transform:translate(-18.65%,-5.23%) scale(1.268,1.1395)}to{transform:translate(var(--book-x,-33.63%),var(--book-y,-16.57%)) scale(var(--book-scale-x,1.5083),var(--book-scale-y,1.3812))}}
@keyframes uschi-turn-forward{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}
@keyframes uschi-turn-back{from{transform:rotateY(-180deg)}to{transform:rotateY(0)}}
@keyframes uschi-turn-shade{0%,100%{opacity:0}45%{opacity:1}}

#uschi-page-turn .turned-stack{position:absolute;left:0;top:12%;width:22.3%;height:72.4%;overflow:hidden;pointer-events:none}
#uschi-page-turn .turned-paper{position:absolute;right:calc(var(--paper-n)*1px);top:calc(var(--paper-n)*1px);width:297.3%;height:100%;background:linear-gradient(90deg,#e3d1ad,#f7edda 30%,#f1e4c9 85%,#cfb890);border:1px solid #b9a17a;box-shadow:2px 2px 5px #1b100966;transform:rotate(calc(var(--paper-n)*-.12deg));transform-origin:right center;border-radius:2px 8px 5px 2px}

#uschi-page-turn .turn-backface{position:absolute;inset:0;transform:rotateY(180deg);backface-visibility:hidden;background:linear-gradient(90deg,#e3d1ad,#f7edda 30%,#f1e4c9 85%,#cfb890);box-shadow:0 3px 10px #21120966;border:1px solid #b9a17a;box-sizing:border-box}

#uschi-page-turn.turn-running{animation:uschi-turn-release 180ms calc(var(--return-delay) + var(--zoom-time,1500ms) - 180ms) linear both}
@keyframes uschi-turn-release{from{opacity:1}to{opacity:0}}

#uschi-page-turn .turn-muted .turn-front::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:#f4e7ce99}