@font-face{font-family:"Kalam Book";src:url("assets/fonts/Kalam-Light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}
.book-intro{margin:0 10px 26px;text-align:center}.book-dedication{font:1.45rem/1.35 Georgia,serif;margin:0 0 7px}.book-meta{font-size:.9rem;color:var(--muted);margin:0}/* Photographic paper and a slim natural binding, following the original book. */
.book-shell{position:relative;isolation:isolate;padding:0;border:0;background:none;box-shadow:none;margin:8px 0 42px}
.book-shell::before{content:"";position:absolute;inset:0;background:url("assets/kondolenzbuch-natur.webp") center/100% 100% no-repeat;filter:drop-shadow(0 5px 5px #4938275c) drop-shadow(10px 24px 24px #3223184d);pointer-events:none;z-index:0}
.book-spread{display:grid;grid-template-columns:1fr 1fr;perspective:2200px;position:relative;z-index:1;touch-action:pan-y;isolation:isolate}
.book-page{height:680px;display:flex;flex-direction:column;padding:44px 44px 34px;position:relative;min-width:0;background:transparent;border:0;box-shadow:none;overflow:hidden}
.book-page--left{padding-left:62px}
.book-page--right{padding-right:62px}
.book-page-copy{background:#f8f3e5 url("assets/buchpapier-links.jpg") center/100% 100% no-repeat;clip-path:polygon(6% 5%,100% 3%,100% 98%,6% 97%)}
.book-page--right.book-page-copy{background-image:url("assets/buchpapier-rechts.jpg");clip-path:polygon(0 3%,94% 5%,94% 97%,0 98%)}
.book-page--left .folio-number{order:-1;margin-left:0;margin-right:auto}
.book-turn,.book-stationary{position:absolute;top:0;height:100%;width:50%;pointer-events:none}
.book-stationary{z-index:8}
.book-stationary--left{left:0}
.book-stationary--right{left:50%}
.book-turn{z-index:12;transform-style:preserve-3d;will-change:transform}
.book-turn--next{left:50%;transform-origin:left center}
.book-turn--prev{left:0;transform-origin:right center}
.book-turn-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}
.book-turn-face--front{transform:translateZ(.3px)}
.book-turn-face--back{transform:rotateY(180deg) translateZ(.3px)}
.book-turn-face::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#5e4b2526,transparent 18%,#ffffff0d 55%,#5e4b2512);pointer-events:none;border-radius:4px}
.book-turn-face>.book-page,.book-stationary>.book-page{height:100%;width:100%;box-shadow:0 4px 18px #3d32152b}
.book-turn--single,.book-stationary--single{left:0;width:100%;transform-origin:left center}
.folio-top{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;color:#7a715e;font-size:.75rem;padding-bottom:20px;border-bottom:1px solid #c3b89e80;min-height:37px}.folio-mark{font-family:Georgia,serif;font-style:italic;font-size:.9rem}.folio-continuation{font-size:.75rem}.folio-heading{flex-shrink:0;padding:23px 0 20px;min-height:103px}.folio-heading h3{font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:500;line-height:1.45;margin:0 0 7px;color:#39483d;overflow-wrap:anywhere}.folio-heading time{font-size:.8rem;color:#6a6d65}.folio-heading[hidden]+.folio-body{margin-top:20px}.folio-body{font-family:"Bradley Hand ITC","Bradley Hand ITC TT","ITC Bradley Hand Std","Bradley Hand","Kalam Book","Segoe Print",cursive;font-weight:400;font-size:1.125rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-height:0;color:#343933;overflow:hidden}.folio-bottom{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding-top:15px}.folio-number{font-family:Georgia,serif;color:#6a6d65;font-size:.8rem;margin-left:auto}.book-page.is-ending .folio-body{display:flex;align-items:center;justify-content:center;color:#767d71;text-align:center;font-style:italic}.book-pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.book-pagination button,.book-jump button{border:1px solid var(--line);background:#fff;border-radius:6px;color:var(--accent);font-size:.875rem;padding:10px 13px;min-height:42px}.book-pagination button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:46px;height:46px;padding:10px}.book-pagination button svg{width:24px;height:24px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.book-pagination button:hover:not(:disabled),.book-jump button:hover{background:var(--soft)}.book-pagination button:disabled{opacity:.35;cursor:default}.book-pagination p{margin:0 14px;min-width:150px;text-align:center;font-size:.9rem;color:var(--muted)}.book-jump{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.875rem;margin:17px 0 0;color:var(--muted)}.book-jump input{width:65px;min-height:40px;padding:8px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:#fff}.book-error{margin:0 10px 20px;line-height:1.6;font-size:.95rem}.book-error{padding:20px;border:1px solid #b8c3b8;border-radius:8px}.book-error p{margin-top:0}.book-jump input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.book-measure{position:absolute;left:-10000px;top:0;visibility:hidden;height:auto!important;min-height:0;max-height:none;overflow:visible!important;flex:none;padding:0;border:0;pointer-events:none}.book-shell[aria-busy=true]{opacity:.55}.book-pagination button:focus-visible,.book-page button:focus-visible{outline:3px solid #486c57;outline-offset:3px}@media(max-width:700px){.book-intro{margin:0 0 23px}.book-dedication{font-size:1.3rem}.book-shell{padding:0;margin-bottom:32px}.book-shell::before{background-size:200% 100%;background-position:right top;filter:drop-shadow(0 3px 4px #4938275c) drop-shadow(5px 14px 16px #3223184d)}.book-spread{grid-template-columns:1fr;perspective:1400px}.book-spread.is-turning{overflow:clip}.book-page{height:620px;padding:36px 32px 28px}.book-page-copy,.book-page--right.book-page-copy{background-image:url("assets/buchpapier-rechts.jpg");clip-path:polygon(0 3%,95% 4%,95% 97%,0 98%)}.book-spread>.book-page--right{display:none}.folio-body{font-size:1.125rem;line-height:1.65}.folio-heading{flex-shrink:0;padding:20px 0;min-height:100px}.book-pagination{gap:7px}.book-pagination p{order:-1;flex-basis:100%;margin:0 0 7px}.book-pagination button{padding:9px 10px}}@media print{.book-pagination,.book-jump{display:none!important}.book-shell{box-shadow:none;border:1px solid #bbb;background:white}.book-page{background:white!important;box-shadow:none}.book-shell::before,.book-turn,.book-stationary{display:none!important}}@media(prefers-reduced-motion:reduce){.book-turn,.book-stationary{display:none!important}}