/* Überarbeitung November 2026: Cover, Wortmarke, Lesermomente, Buchauswahl. */
html{scroll-behavior:auto}
.rv{opacity:1;transform:none}
.intro{display:none}
.js .intro{display:block}
.menu[hidden]{display:none}
html:not(.js) .burger{display:none}
html:not(.js) .purchase-summary{display:none}
html:not(.js) .story-controls{display:none}
.wordmark{display:inline-flex;align-items:baseline;gap:.25em;font-family:var(--f-display);font-size:1em;line-height:1.1;white-space:nowrap;letter-spacing:.015em;font-weight:400;color:#fff}
.wordmark strong{font-weight:800;color:var(--gold)}
.wordmark>span{font-weight:400;color:#fff}
.intro__word .wordmark{font-size:1rem}
.book{--bh:calc(var(--bw) * 1.55);--bd:calc(var(--bw) * .15)}
.spin__price a{color:inherit}
a.spin__price:hover b{color:var(--gold)}
.readers{background:var(--night);padding-block:clamp(5rem,9vw,9rem)}
.readers__head{display:flex;align-items:end;gap:2rem;justify-content:space-between;margin-bottom:2.5rem}
.readers__head>div:first-child{max-width:48rem}
.readers .lead{margin-top:1.2rem;max-width:38rem}
.story-controls{display:flex;align-items:center;gap:1rem;flex-shrink:0;font-family:var(--f-display);font-size:.8rem}
.story-controls button{border:1px solid var(--line);border-radius:50%;height:48px;width:48px;display:grid;place-items:center;font-size:1.4rem}
.story-controls button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}
.story-controls button:disabled{opacity:.3;cursor:default}
.story-track{display:flex;gap:1.35rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;padding:3px 3px 1.3rem;position:relative}
.story-card{position:relative;flex:0 0 clamp(270px,32vw,390px);aspect-ratio:9/14;scroll-snap-align:start;border-radius:16px;overflow:hidden;background:#18181b;isolation:isolate;display:flex;align-items:end}
.story-card__copy{position:relative;z-index:2;padding:1.8rem;width:100%}
.story-card h3{font:600 clamp(1.35rem,2vw,1.75rem)/1.25 var(--f-display);letter-spacing:-.025em}
.story-card p{font-size:1.15rem;line-height:1.45;margin:.8rem 0 0}
.story-card a{display:inline-block;font:500 .82rem/1.6 var(--f-display);margin-top:1.2rem;text-decoration:underline;text-underline-offset:5px}
.story-card--book{background:radial-gradient(ellipse at 50% 32%,#66331a 0, #21170f 45%,#111 80%)}
.story-card--book>img{position:absolute;width:47%;height:auto;left:27%;top:7%;transform:rotate(-8deg);box-shadow:-6px 5px 0 #ddd2ba,-9px 7px 0 #121212,15px 20px 25px #0008;border-radius:2px}
.story-card--question{background:var(--gold);color:#15100d}
.story-card--question h3{font-size:clamp(2rem,3vw,3rem)}
.story-card__accent{position:absolute;top:-12%;left:7%;font:400 18rem/1 var(--f-text);opacity:.22}
.story-card--invite{border:1px solid #ffffff30;background:#111113}
.story-card__plus{position:absolute;top:8%;left:1.8rem;color:var(--gold);font:400 6rem/1 var(--f-display)}
.readers__note{color:var(--ink-56);font:.78rem/1.7 var(--f-display);margin-top:1.1rem}
.story-card--reader{display:block}
.story-card--reader>img,.story-card--reader>video{width:100%;height:68%;object-fit:cover}
.story-card--reader>video{object-fit:contain;background:#000}
.story-card--reader .story-card__copy{padding:1.1rem 1.4rem}
.story-card--reader h3{font-size:1rem}
.story-card--reader p{font-size:1rem}
.purchase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.purchase-intro .lead{margin-block:1.2rem 1.6rem;max-width:31rem}
.purchase-intro .bookstage{--bw:clamp(170px,17vw,240px);padding:1.5rem 1rem 2rem}
.purchase-caption{font:.85rem/1.6 var(--f-display);color:var(--ink-76);margin:1rem 0}
.purchase-panel{font-family:var(--f-display);padding-top:.3rem}
.purchase-panel fieldset{margin:0;padding:0;border:0;min-width:0}
.purchase-panel legend{font-weight:600;font-size:1.05rem;margin-bottom:1rem}
.format-card{display:flex;align-items:center;gap:1.1rem;padding:1rem;border:1px solid #ffffff35;border-radius:14px;position:relative;cursor:pointer;transition:border-color .2s,background .2s;min-height:132px}
.format-card+.format-card{margin-top:.9rem}
.format-card input,.quantity-card input{position:absolute;opacity:0;width:1px;height:1px}
.format-card:has(input:checked),.quantity-card:has(input:checked){border-color:var(--gold);background:#fe680709;box-shadow:inset 0 0 0 1px var(--gold)}
.format-card:has(input:focus-visible),.quantity-card:has(input:focus-visible){outline:3px solid #fff;outline-offset:4px}
.format-card__visual{display:grid;place-items:center;width:75px;height:108px;flex-shrink:0;background:#2a2a2c;border-radius:7px;perspective:600px}
.format-card__visual img{width:55px;height:auto;transform:rotateY(-18deg);box-shadow:3px 2px 0 #cbc5b8,5px 3px 0 #000,7px 8px 10px #0005}
.format-card__visual--paper img{box-shadow:2px 1px 0 #cbc5b8,5px 7px 10px #0005}
.format-card__text{display:grid;gap:.12rem;min-width:0}
.format-card__text strong{font-size:clamp(1rem,1.6vw,1.3rem);font-weight:600}
.format-card__text>span{font-size:.84rem;color:var(--ink-76)}
.format-card__text small{font-size:.7rem;color:var(--gold-warm);margin-top:.5rem}
.choice-dot{width:21px;height:21px;border:1px solid #ffffff70;border-radius:50%;margin-left:auto;flex-shrink:0;display:grid;place-items:center}
.format-card input:checked~.choice-dot{border-color:var(--gold)}
.format-card input:checked~.choice-dot::after{content:'';width:11px;height:11px;border-radius:50%;background:var(--gold)}
.format-caption{font-size:.66rem;line-height:1.6;color:var(--ink-56);margin:.75rem 0 1.7rem}
.quantity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.quantity-card{border:1px solid #ffffff35;border-radius:10px;position:relative;padding:1.1rem .45rem;cursor:pointer;text-align:center;display:grid;gap:.3rem}
.quantity-card strong{font-size:.85rem;font-weight:600}
.quantity-card span{font-size:.62rem;color:var(--ink-76)}
.purchase-summary{font-size:.8rem;padding:1.35rem 0;color:var(--ink-76)}
.purchase-summary strong{color:#fff;font-weight:500;white-space:nowrap}
.purchase-link{width:100%;justify-content:space-between;min-height:58px}
.purchase-note{font-size:.73rem;line-height:1.75;color:var(--ink-76);margin-top:1rem}
button:focus-visible,a:focus-visible,.story-track:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.mast:focus-within{transform:none}
@media(max-width:1100px){.mast__side{gap:1rem}.mast__side a{font-size:.68rem;letter-spacing:.07em}.brand{font-size:1rem}}
@media(max-width:860px){
 .mast{grid-template-columns:minmax(0,1fr) 42px;gap:.6rem}
 .mast__side--l{display:none}
 .mast__brand{justify-content:flex-start;grid-column:1;grid-row:1}
 .mast__side--r{grid-column:2;grid-row:1}
 .brand,.mast.is-solid .brand{font-size:1rem}
 .readers__head{display:block}
 .story-controls{margin-top:1.4rem;justify-content:flex-end}
 .story-card{flex-basis:76%;max-width:390px}
 .purchase-grid{grid-template-columns:1fr;gap:2.4rem}
 .purchase-intro .bookstage{--bw:190px}
 .purchase-intro .bookstage,.purchase-caption{display:none}
 .purchase-panel{max-width:34rem;width:100%;margin-inline:auto}
 .story-card--book>img{width:46%}
}
@media(max-width:380px){.brand,.mast.is-solid .brand{font-size:.86rem}.format-card{padding:.8rem;gap:.75rem}.format-card__visual{width:60px}.quantity-card strong{font-size:.74rem}.quantity-card span{font-size:.56rem}.story-card{flex-basis:88%}.story-card__copy{padding:1.4rem}}
@media(prefers-reduced-motion:reduce){.story-track{scroll-behavior:auto}.intro{display:none}.terms__track{transform:none!important}}

/* Vorderansicht: Rücken links, Seitenschnitt rechts. Die Rückseite ist eine eigene Textur. */
.spin .book{transform:rotateX(-4deg) rotateY(18deg)}
.book__front,.book__back{background-size:100% 100%;background-color:#050504}
.book__spine{background-size:100% 100%}
.story-card--photo{background:#080808}
.story-card--photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;z-index:-2}
.story-card--photo::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 48%,#0006 67%,#000e 100%)}
.story-card--photo h3{color:#fff}.story-card--photo p{color:#f5f5f4}
.product-link{display:inline-block;margin-top:.85rem;font:.73rem/1.6 var(--f-display);color:var(--ink-76);text-decoration:underline;text-underline-offset:4px}
.purchase-link>span:first-child{font-size:clamp(.66rem,1.1vw,.85rem);letter-spacing:.06em}

.format-card__prices{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;margin-top:.4rem}
.format-card__prices del{font-size:.85rem;color:var(--ink-56)}
.format-card__prices b{font-size:1.35rem;font-weight:600;color:var(--gold-warm)}
.format-card__text small{font-size:.66rem;margin-top:0}
.purchase-summary b{color:var(--gold-warm);font-weight:600}
.book{--bh:calc(var(--bw) * 1.6);transform:rotateY(24deg)}
.spin .book{transform:rotateY(0deg)}

/* Fertige Fotomockups: keine separat transformierten Cover-Ebenen. */
.story-card--finished-photo{display:flex;flex-direction:column;align-items:stretch;aspect-ratio:auto;background:#121214}
.story-card--finished-photo>img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;flex:none}
.story-card--finished-photo .story-card__copy{flex:1;padding:1.4rem 1.5rem 1.6rem}
.story-card--finished-photo h3{font-size:clamp(1.2rem,1.8vw,1.5rem)}
.story-card--finished-photo p{font-size:1.05rem}