#uschi-book-intro{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#4b3020;perspective:1600px;isolation:isolate}
#uschi-book-intro .book-stage{position:absolute;inset:0;perspective:1600px;transform-origin:0 0;will-change:transform}
#uschi-book-intro img{display:block;width:100%;height:100%;object-fit:fill;max-width:none;margin:0;border:0}
#uschi-book-intro .book-table{position:absolute;inset:0;background:url('assets/rezeptbuch-leder.png') center/100% 100% no-repeat}
#uschi-book-intro .book-page{position:absolute;left:9.63%;top:8.44%;width:84.07%;height:82.5%;box-sizing:border-box;padding:1.6%;background:#e4d1a6;border:1px solid #a88c5f;box-shadow:-7px 0 12px #24140677;z-index:1}
#uschi-book-intro .book-cover{position:absolute;inset:0;z-index:2;transform-origin:9.63% 50%;transform-style:preserve-3d;will-change:transform;clip-path:polygon(9.63% 7.6%,93.52% 7.6%,93.52% 91.04%,9.63% 91.04%)}
#uschi-book-intro .book-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 22%,#0002);opacity:0;transition:opacity 1.5s}
#uschi-book-intro .book-opening .book-cover::after{opacity:.5}
#uschi-book-intro button.book-open{all:unset!important;box-sizing:border-box!important;position:absolute!important;left:18%!important;top:70%!important;width:68%!important;height:10%!important;z-index:3!important;cursor:pointer!important;border-radius:12px!important;text-align:center!important}
#uschi-book-intro button.book-open:focus-visible{outline:3px solid #fff0b0!important;outline-offset:4px!important}
#uschi-book-intro .book-open span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#uschi-book-intro.opening .book-open{display:none!important}
#uschi-book-intro.opening .book-cover{animation:uschi-cover-open var(--cover-time,2700ms) cubic-bezier(.4,0,.2,1) forwards}
#uschi-book-intro.opening .book-stage{animation:uschi-book-zoom var(--zoom-time,1500ms) var(--cover-time,2700ms) cubic-bezier(.4,0,.2,1) forwards}
@keyframes uschi-cover-open{to{transform:rotateY(-180deg)}}
@keyframes uschi-book-zoom{to{transform:translate(var(--book-zoom-x,-13.87%),var(--book-zoom-y,-12.65%)) scale(var(--book-scale-x,1.236),var(--book-scale-y,1.260))}}
@media(prefers-reduced-motion:reduce){#uschi-book-intro.opening .book-cover,#uschi-book-intro.opening .book-stage{animation:none}}

#uschi-book-close{all:unset!important;position:fixed!important;z-index:100!important;right:10px!important;top:8px!important;padding:7px 11px!important;border:1px solid #bc975e!important;border-radius:8px!important;background:#382015ee!important;color:#f4e7ce!important;font:14px system-ui!important;cursor:pointer!important}
#uschi-book-close[hidden]{display:none!important}
#uschi-book-intro.closing .book-open{display:none!important}
#uschi-book-intro.closing .book-stage{animation:uschi-book-unzoom var(--zoom-time,1500ms) cubic-bezier(.4,0,.2,1) both}
#uschi-book-intro.closing .book-cover{animation:uschi-cover-close var(--cover-time,2700ms) var(--zoom-time,1500ms) cubic-bezier(.4,0,.2,1) both}
@keyframes uschi-book-unzoom{from{transform:translate(var(--book-zoom-x,-13.87%),var(--book-zoom-y,-12.65%)) scale(var(--book-scale-x,1.236),var(--book-scale-y,1.260))}to{transform:none}}
@keyframes uschi-cover-close{from{transform:rotateY(-180deg)}to{transform:rotateY(0)}}