:root{--night:#061126;--night-2:#0a1d3c;--ink:#eef4ff;--muted:#bbc8dc;--gold:#e7c878;--gold-2:#fff0b8;--panel:rgba(8,25,53,.88);--line:rgba(231,200,120,.38);--focus:#fff3a8;--max:1180px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#12335e 0,#081832 35%,var(--night) 75%);color:var(--ink);font-family:"Crimson Pro",Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(circle at 17% 12%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 77% 27%,#fff4c3 0 1px,transparent 1.5px),radial-gradient(circle at 48% 68%,#fff 0 1px,transparent 1.5px);background-size:93px 91px,137px 133px,181px 173px;z-index:-1}a{color:var(--gold-2);text-underline-offset:.2em}a:hover{text-decoration-thickness:.13em}button,input,textarea,select{font:inherit}.skip-link{position:fixed;left:1rem;top:1rem;transform:translateY(-180%);background:#fff;color:#07152f;padding:.7rem 1rem;z-index:100}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.site-header{max-width:var(--max);margin:auto;padding:1.05rem 1.4rem;display:flex;align-items:center;gap:1.4rem;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{text-decoration:none;font-size:1.3rem;font-weight:700;white-space:nowrap}.brand span{color:var(--gold);font-size:1.7rem;vertical-align:-.1em}.site-header nav{display:flex;gap:1.2rem;flex-wrap:wrap}.site-header nav a,.language a{text-decoration:none;color:var(--ink)}.language{white-space:nowrap}.language a[aria-current="page"]{color:var(--gold);font-weight:700;text-decoration:underline}.hero,.section{max-width:var(--max);margin:auto;padding:6rem 1.4rem}.hero{min-height:75vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.hero h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:1.02;max-width:900px;margin:.2rem 0 1.3rem;letter-spacing:-.035em}.hero-copy{font-size:clamp(1.15rem,2vw,1.4rem);max-width:730px;color:var(--muted)}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;font-weight:700}.hero-actions,.button-row{display:flex;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:.72rem 1.3rem;border:1px solid var(--gold);cursor:pointer;text-decoration:none;font-weight:700}.primary{background:linear-gradient(135deg,#f2dc99,#c89d42);color:#091426;border-color:transparent;box-shadow:0 10px 30px rgba(231,200,120,.14)}.secondary{background:rgba(3,12,29,.5);color:var(--gold-2)}.button:hover{transform:translateY(-1px)}.disabled{opacity:.65;cursor:not-allowed}.moon-orbit{position:absolute;width:min(43vw,480px);aspect-ratio:1;right:-8%;top:15%;border:1px solid var(--line);border-radius:50%;opacity:.75}.moon-orbit:before,.moon-orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:10%}.moon-orbit:after{inset:27%}.moon-orbit span{position:absolute;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6cb,#c89531 55%,#785013);top:39%;left:39%;box-shadow:0 0 55px #e7c878}.section{border-top:1px solid rgba(231,200,120,.16)}.section h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin:.25rem 0 1rem}.section-intro{max-width:760px;color:var(--muted);font-size:1.2rem}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem}.book-card{display:grid;grid-template-columns:minmax(180px,.75fr) 1fr;gap:1.5rem;padding:1.4rem;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.18)}.book-card h3{font-size:1.7rem;line-height:1.15}.book-placeholder{aspect-ratio:2/3;border:1px solid var(--gold);border-radius:6px;background:radial-gradient(circle at 50% 35%,#23497b,#07162f 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;box-shadow:0 15px 35px #0008}.book-placeholder span{font-size:4rem;color:var(--gold)}.book-placeholder strong{color:var(--gold-2);font-size:1.25rem;line-height:1.2}.book-placeholder small{margin-top:1.5rem}.book-placeholder.rauhnacht{background:radial-gradient(circle at 50% 35%,#42285d,#0b132b 72%)}.media-note{color:var(--muted);font-size:.95rem;border-top:1px solid var(--line);padding-top:.8rem}.oracle-section{max-width:none;padding-left:max(1.4rem,calc((100vw - var(--max))/2 + 1.4rem));padding-right:max(1.4rem,calc((100vw - var(--max))/2 + 1.4rem));background:linear-gradient(180deg,transparent,rgba(17,45,82,.45),transparent)}.oracle-form,.contact-form{display:grid;grid-template-columns:2fr 1fr auto;gap:1rem;align-items:end;margin:2.2rem 0}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-weight:700}.field input,.field textarea,.field select,select,input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#07152f;color:var(--ink);padding:.8rem 1rem}.hint,.disclaimer{color:var(--muted);font-size:.9rem}.oracle-stage{text-align:center}.card-scene{width:min(330px,82vw);aspect-ratio:2/3;margin:2rem auto;perspective:1200px}.oracle-card{height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.oracle-card.revealed{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;border:2px solid #d9b75f;border-radius:14px;overflow:hidden;box-shadow:0 22px 55px #000a}.card-back{background:radial-gradient(circle at center,#153965 0,#07152f 55%,#020915 100%);display:grid;place-items:center;border:8px double #d9b75f}.card-back:before,.card-back:after{content:"";position:absolute;inset:8%;border:1px solid var(--gold);transform:rotate(45deg)}.card-back:after{inset:18%;transform:rotate(0deg);border-radius:50%}.star-compass{font-size:8rem;color:var(--gold);text-shadow:0 0 30px #ffe9a4}.back-name{position:absolute;bottom:8%;letter-spacing:.2em;color:var(--gold-2)}.card-front{transform:rotateY(180deg);background:#07152f}.card-front img{width:100%;height:100%;object-fit:cover}.generated-card{height:100%;padding:2rem 1.4rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:radial-gradient(circle at 50% 45%,#204879,#07152f 72%);border:8px double #d9b75f}.generated-card:before{content:"";position:absolute;inset:10%;border:1px solid rgba(231,200,120,.55);border-radius:50%}.generated-card h3{position:relative;margin:0;color:var(--gold-2);text-transform:uppercase;letter-spacing:.18em;font-size:1.1rem}.generated-card p{position:relative;margin:0;color:#fff7dc;line-height:1.25}.mini-moon,.sigil{position:relative;color:var(--gold);font-size:2.2rem}.sigil{font-size:7rem;text-shadow:0 0 25px var(--gold)}.reading{max-width:820px;text-align:left;margin:3rem auto 0;padding:clamp(1.4rem,4vw,3rem);background:var(--panel);border:1px solid var(--line);border-radius:24px}.reading h3{font-size:2.4rem;margin:.2rem 0}.reading h4{color:var(--gold);margin:1.5rem 0 .2rem}.essence,.affirmation{font-style:italic;font-size:1.2rem}.drawn-question{color:var(--muted);border-left:2px solid var(--gold);padding-left:1rem}.pendulum-grid{display:grid;grid-template-columns:1fr 260px;gap:2rem;align-items:center;max-width:850px}.pendulum-grid .button{justify-self:start}.pendulum-visual{height:360px;position:relative}.chain{height:235px;width:2px;background:linear-gradient(#f3dc8c,#946c20);position:absolute;left:50%;top:0;transform-origin:top}.pendulum-gem{position:absolute;left:calc(50% - 18px);top:225px;width:36px;height:72px;background:linear-gradient(135deg,#fff5c3,#c08f35);clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);transform-origin:50% -225px}.pendulum-visual.swing-yes .chain,.pendulum-visual.swing-yes .pendulum-gem{animation:swingYes 1.3s ease-in-out 2}.pendulum-visual.swing-no .chain,.pendulum-visual.swing-no .pendulum-gem{animation:swingNo 1.3s ease-in-out 2}.yes,.no{position:absolute;bottom:0;color:var(--gold);font-weight:700}.yes{left:18%}.no{right:18%}.pendulum-result{font-size:2rem;color:var(--gold-2);min-height:3rem}.contact-form{grid-template-columns:1fr 1fr;max-width:850px}.contact-form .full{grid-column:1/-1}.checkbox{display:grid;grid-template-columns:auto 1fr;align-items:start}.checkbox input{width:1.2rem;height:1.2rem;margin:.3rem .5rem 0 0}.hidden-field{position:absolute;left:-9999px}.legal{max-width:900px}.legal h3{margin-top:2rem;color:var(--gold-2)}.needs-input{background:#5b241f;color:#fff4c7;padding:.12rem .35rem;border-radius:3px}footer{max-width:var(--max);margin:auto;padding:2rem 1.4rem 3rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted)}footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}.noscript{padding:1rem;background:#fff;color:#111}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes swingYes{0%,100%{transform:rotate(0)}50%{transform:rotate(22deg)}}@keyframes swingNo{0%,100%{transform:translateX(0)}25%{transform:translateX(-25px)}75%{transform:translateX(25px)}}
@media(max-width:900px){.site-header{align-items:flex-start;flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:space-between}.book-grid{grid-template-columns:1fr}.oracle-form{grid-template-columns:1fr}.pendulum-grid{grid-template-columns:1fr}.pendulum-visual{grid-row:2}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}}
@media(max-width:560px){body{font-size:1rem}.site-header nav{gap:.65rem;font-size:.92rem}.hero,.section{padding-top:4rem;padding-bottom:4rem}.book-card{grid-template-columns:1fr}.book-placeholder{max-width:240px;margin:auto}.pendulum-visual{height:320px}.chain{height:200px}.pendulum-gem{top:190px;transform-origin:50% -190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.oracle-card{transition:none}.pendulum-visual.swing-yes .chain,.pendulum-visual.swing-yes .pendulum-gem,.pendulum-visual.swing-no .chain,.pendulum-visual.swing-no .pendulum-gem{animation:none}.button:hover{transform:none}}

/* Rechtliches-Menü und eigenständige Rechtstextseiten */
.legal-menu{position:relative;color:var(--ink)}
.legal-menu summary{cursor:pointer;list-style:none;color:var(--ink);white-space:nowrap}
.legal-menu summary::-webkit-details-marker{display:none}
.legal-menu summary:after{content:"▾";display:inline-block;margin-left:.35rem;color:var(--gold);transition:transform .2s ease}
.legal-menu[open] summary:after{transform:rotate(180deg)}
.legal-menu-panel{position:absolute;top:calc(100% + .65rem);right:0;z-index:20;min-width:190px;padding:.45rem;border:1px solid var(--line);border-radius:12px;background:#07152f;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.legal-menu-panel a{display:block;padding:.55rem .7rem;border-radius:8px;color:var(--ink);white-space:nowrap}
.legal-menu-panel a:hover,.legal-menu-panel a:focus-visible{background:rgba(231,200,120,.12);color:var(--gold-2)}
.legal-menu [aria-current="page"]{color:var(--gold);font-weight:700}
.legal-page{max-width:900px;min-height:70vh;margin:auto;padding:5rem 1.4rem 7rem}
.legal-page>h1{font-size:clamp(2.7rem,6vw,4.8rem);line-height:1.05;margin:.25rem 0 1.5rem}
.legal-page .legal{max-width:none}
.legal-page .legal h2{margin:2.2rem 0 .35rem;color:var(--gold-2);font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.25}
@media(max-width:900px){.legal-page{padding-top:4rem}}
@media(prefers-reduced-motion:reduce){.legal-menu summary:after{transition:none}}

/* Abschließende Lesbarkeits- und Barrierefreiheitskorrekturen */
.hero{min-height:70vh;isolation:isolate}
.hero>:not(.hero-moon-art){position:relative;z-index:1}
.hero h1{font-size:clamp(2.7rem,5.8vw,4.8rem);max-width:740px}
.hero-copy{max-width:650px}
.disabled,.disabled:hover{cursor:not-allowed;transform:none}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold)}
.form-note{margin:0;color:var(--muted);font-size:.9rem}
.checkbox label{font-weight:400}
.legal{scroll-margin-top:1rem}

/* Hero-Mond – dekorativ und für Screenreader bewusst ausgeblendet */
.hero-moon-art{position:absolute;width:min(40vw,490px);height:auto;right:-2%;top:50%;transform:translateY(-50%);opacity:.92;filter:drop-shadow(0 0 34px rgba(231,200,120,.16));pointer-events:none;z-index:0}
@media(max-width:900px){.hero-moon-art{width:min(52vw,400px);right:-12%;opacity:.48}}
@media(max-width:560px){.hero-moon-art{width:82vw;right:-38%;top:34%;opacity:.25}}

/* Buchpräsentation und Rechtstexte – Entwurfsfassung September 2026 */
.book-card{display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;background:linear-gradient(160deg,rgba(15,43,81,.94),rgba(5,16,37,.94))}
.book-visual{position:relative;margin:-1.4rem -1.4rem 0;overflow:hidden;background:radial-gradient(circle at 50% 35%,#203e6d,#07162f 70%)}
.book-visual:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,rgba(5,16,37,.96));pointer-events:none}
.book-mockup{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 47%;transition:transform .6s ease}
.book-card:hover .book-mockup{transform:scale(1.025)}
.book-visual figcaption{position:absolute;left:1.4rem;bottom:.75rem;z-index:1;color:var(--gold-2);font-size:.88rem;letter-spacing:.05em}
.book-copy{display:flex;flex-direction:column;flex:1}
.book-copy h3{font-size:1.8rem;margin:.3rem 0 .8rem}
.book-format{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:auto;padding-top:.8rem}
.book-format span{border:1px solid var(--line);border-radius:999px;padding:.22rem .7rem;color:var(--gold-2);font-size:.88rem;background:rgba(3,12,29,.35)}
.book-prices{display:grid;gap:.55rem;margin-top:auto;padding-top:.8rem}
.book-prices p{display:flex;justify-content:space-between;gap:1rem;margin:0;padding:.55rem .75rem;border:1px solid var(--line);border-radius:12px;background:rgba(3,12,29,.35);font-size:.9rem}
.book-prices strong{color:var(--gold-2)}
.book-prices span{text-align:right;color:var(--muted)}
.book-copy .button-row{margin-bottom:0}
.shop-links{margin-top:1rem}
.shop-links .button{flex:1 1 100%;text-align:center}
.shop-note{margin:.65rem 0 0;color:var(--muted);font-size:.92rem}
.shop-group{margin-top:1rem;padding-top:.2rem;border-top:1px solid var(--line)}
.shop-format{margin:1rem 0 -.45rem;color:var(--gold-2);font-size:.95rem}
.oracle-teaser{background:linear-gradient(135deg,rgba(17,45,82,.62),rgba(3,12,29,.25));text-align:center}
.oracle-teaser .section-intro{margin-inline:auto}.oracle-teaser .button{margin-top:1rem}
.oracle-page{min-height:calc(100vh - 170px);padding-top:4.5rem}
.oracle-page>h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;margin:.25rem 0 1rem}
.oracle-page .deck-stage h2{font-size:1.65rem;color:var(--gold-2);margin-bottom:.2rem}
.legal-version{display:inline-block;padding:.2rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.9rem}
.cover-stage{height:430px;background:radial-gradient(circle at 50% 36%,#1d4879 0,#091a36 52%,#030a18 100%)}
.rauhnacht-stage{background:radial-gradient(circle at 50% 36%,#46315e 0,#101b39 56%,#030a18 100%)}
.cover-stage:before{content:"";position:absolute;left:12%;right:12%;bottom:9%;height:9%;background:#000b;filter:blur(18px);border-radius:50%}
.cover-pair{position:absolute;inset:7% 8% 14%;perspective:1000px}
.cover-pair img{position:absolute;top:0;height:100%;width:auto;max-width:58%;object-fit:contain;border-radius:4px;box-shadow:0 24px 40px #000b,0 0 0 1px rgba(255,240,184,.25);transition:transform .55s ease}
.cover-back{left:4%;transform:rotateY(10deg) rotate(-4deg) translateY(3%)}
.cover-front{right:4%;z-index:1;transform:rotateY(-9deg) rotate(4deg)}
.book-card:hover .cover-back{transform:rotateY(7deg) rotate(-6deg) translate(-2%,-1%)}
.book-card:hover .cover-front{transform:rotateY(-6deg) rotate(5deg) translate(2%,-1%)}
@media(max-width:560px){.cover-stage{height:360px}.cover-pair{inset:7% 3% 16%}.cover-pair img{max-width:60%}.book-visual figcaption{left:1rem}.book-prices p{display:block}.book-prices span{display:block;text-align:left}}
@media(prefers-reduced-motion:reduce){.book-mockup,.cover-pair img{transition:none}.book-card:hover .book-mockup{transform:none}.book-card:hover .cover-back{transform:rotateY(10deg) rotate(-4deg) translateY(3%)}.book-card:hover .cover-front{transform:rotateY(-9deg) rotate(4deg)}}

/* Interne Karten-Abnahme */
.review-header{max-width:1500px}.review-main{max-width:1500px;margin:auto;padding:4rem 1.4rem 6rem}.review-main h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.05;margin:.25rem 0 1rem}.review-intro{max-width:850px;color:var(--muted);font-size:1.2rem}.review-progress{margin:2rem 0;padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:18px;background:var(--panel);max-width:560px}.review-progress h2{font-size:1.35rem;margin:0}.review-progress p{margin:.35rem 0}.review-progress progress{width:100%;height:1rem;accent-color:var(--gold)}.review-status{color:var(--gold-2)}.review-grid{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.5rem}.review-card-tile{display:flex;flex-direction:column;gap:.65rem;padding:.8rem;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.review-card-tile>strong{font-size:1.05rem;color:var(--gold-2)}.review-card-button{display:block;width:100%;padding:0;border:0;border-radius:8px;background:transparent;cursor:zoom-in;overflow:hidden}.review-card-button img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;transition:transform .2s ease}.review-card-button:hover img{transform:scale(1.02)}.review-approval{margin-top:auto}.review-dialog{width:min(1000px,96vw);max-height:96vh;padding:0;border:1px solid var(--gold);border-radius:20px;background:#061126;color:var(--ink)}.review-dialog::backdrop{background:rgba(1,5,14,.88);backdrop-filter:blur(5px)}.dialog-inner{position:relative;display:grid;grid-template-columns:minmax(260px,440px) minmax(260px,1fr);gap:1.5rem;padding:1.4rem}.dialog-close{position:absolute;right:.7rem;top:.55rem;z-index:2;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;background:#07152f;color:var(--gold-2);font-size:2rem;line-height:1;cursor:pointer}.review-dialog figure{margin:0}.review-dialog figure img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;border-radius:10px}.review-dialog figcaption{text-align:center;margin-top:.55rem;color:var(--gold-2);font-weight:700}.dialog-actions,.dialog-review-fields{grid-column:2;display:flex;gap:.8rem;flex-wrap:wrap;align-self:start}.dialog-actions{grid-row:1;margin-top:3.5rem}.dialog-review-fields{grid-row:1;margin-top:9rem;flex-direction:column}.dialog-review-fields .checkbox{display:grid}.dialog-review-fields textarea{min-height:8rem}.review-page .noscript{max-width:900px;margin:2rem auto}
@media(max-width:720px){.dialog-inner{display:block;padding:3.8rem 1rem 1rem}.review-dialog figure img{max-height:58vh}.dialog-actions,.dialog-review-fields{margin-top:1rem}.dialog-actions .button{flex:1}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.review-card-tile{padding:.55rem}.review-card-tile>strong{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.review-card-button img{transition:none}.review-card-button:hover img{transform:none}}
.deck-stage{margin-top:2rem}.deck-stage h3{font-size:1.65rem;color:var(--gold-2);margin-bottom:.2rem}.deck-stage .section-intro{margin-inline:auto}.deck-spread{position:relative;width:min(100%,1100px);height:300px;margin:1.5rem auto 0;overflow:hidden}.deck-spread:after{content:"";position:absolute;left:50%;bottom:8px;width:min(720px,82vw);height:28px;transform:translateX(-50%);border-radius:50%;background:#0008;filter:blur(14px);pointer-events:none}.deck-card{position:absolute;left:50%;bottom:26px;width:108px;aspect-ratio:2/3;padding:0;border:2px solid #d9b75f;border-radius:10px;background:radial-gradient(circle at 50% 42%,#153965,#07152f 58%,#020915);box-shadow:0 12px 24px #000a;cursor:pointer;transform-origin:50% 115%;transform:translateX(calc(-50% + var(--x))) translateY(var(--arc)) rotate(var(--fan-angle));z-index:var(--z);transition:transform .25s ease,box-shadow .25s ease;animation:fanCard .5s both}.deck-card:before,.deck-card:after{content:"";position:absolute;inset:8%;border:1px solid var(--gold);transform:rotate(45deg);pointer-events:none}.deck-card:after{inset:20%;border-radius:50%;transform:none}.deck-card-mark{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font-size:1.6rem;text-shadow:0 0 14px #ffe9a4;z-index:1}.deck-card:hover,.deck-card:focus-visible{transform:translateX(calc(-50% + var(--x))) translateY(calc(var(--arc) - 34px)) rotate(var(--fan-angle)) scale(1.06);z-index:60;box-shadow:0 24px 38px #000c,0 0 0 2px var(--gold)}.chosen-stage{text-align:center}.chosen-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,760px);gap:clamp(2rem,5vw,5rem);justify-content:center;align-items:start;margin-top:2rem}.chosen-stage:not(.has-reading) .chosen-layout{grid-template-columns:minmax(300px,380px)}.chosen-card-column{position:sticky;top:1.5rem}.chosen-card-column .card-scene{margin:0 auto 1.4rem}.chosen-card-column .button{margin-inline:auto}.reading{margin:0;text-align:left;animation:readingOpen .5s ease both}@keyframes fanCard{from{opacity:0;transform:translateX(-50%) translateY(55px) rotate(0)}to{opacity:1;transform:translateX(calc(-50% + var(--x))) translateY(var(--arc)) rotate(var(--fan-angle))}}@keyframes readingOpen{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}.button:disabled{opacity:.6;cursor:wait}@media(max-width:900px){.deck-spread{height:270px}.deck-card{width:94px}.deck-card:hover,.deck-card:focus-visible{transform:translateX(calc(-50% + var(--x))) translateY(calc(var(--arc) - 28px)) rotate(var(--fan-angle)) scale(1.04)}.chosen-layout{grid-template-columns:1fr}.chosen-card-column{position:static}.reading{max-width:760px;margin-inline:auto}}@media(max-width:560px){.deck-spread{height:230px}.deck-card{width:76px;border-radius:7px}.deck-card:hover,.deck-card:focus-visible{transform:translateX(calc(-50% + var(--x))) translateY(calc(var(--arc) - 20px)) rotate(var(--fan-angle))}.deck-card-mark{font-size:1.1rem}.chosen-layout{display:block}.reading{margin-top:2rem}}@media(prefers-reduced-motion:reduce){.deck-card,.reading{animation:none;transition:none}.deck-card:hover,.deck-card:focus-visible{transform:translateX(calc(-50% + var(--x))) translateY(var(--arc)) rotate(var(--fan-angle))}}

/* Lena und das Geheimnis des Mondschlosses */
.lena-book-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(320px,1fr);align-items:stretch}
.lena-book-card .book-visual{margin:-1.4rem 0 -1.4rem -1.4rem;min-height:520px}
.lena-book-card .book-copy{padding:.5rem .5rem .5rem 0;justify-content:center}
.lena-stage{background:radial-gradient(circle at 50% 34%,#245fa0 0,#0a2145 53%,#020914 100%)}
.lena-card-note{color:var(--muted)}
.book-detail-link{margin-top:1rem}.book-detail-link .button{width:100%}
.lena-hero{max-width:var(--max);min-height:76vh;margin:auto;padding:5rem 1.4rem 6rem;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.72fr);gap:clamp(2.5rem,7vw,6.5rem);align-items:center;position:relative}
.lena-hero:before{content:"";position:absolute;width:520px;height:520px;right:-10%;top:8%;border-radius:50%;background:radial-gradient(circle,#efd88722 0,#1e579422 42%,transparent 70%);pointer-events:none}
.lena-hero-copy{position:relative;z-index:1}.lena-hero h1{font-size:clamp(2.8rem,6.5vw,5.9rem);line-height:.98;letter-spacing:-.035em;margin:.25rem 0 1.4rem;max-width:850px}.lena-lead{font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.45;color:var(--gold-2);max-width:720px}
.lena-facts{list-style:none;display:flex;flex-wrap:wrap;gap:.65rem;margin:1.7rem 0;padding:0}.lena-facts li{border:1px solid var(--line);border-radius:999px;padding:.32rem .85rem;background:rgba(3,12,29,.48);color:var(--gold-2);font-size:.92rem}
.lena-hero-cover{position:relative;z-index:1;margin:0 auto;width:min(100%,390px);text-align:center}.lena-hero-cover img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 35px 85px #000b,0 0 0 1px rgba(255,240,184,.32);transform:rotate(1.5deg)}.lena-hero-cover:before{content:"";position:absolute;inset:7% -7% -4% 7%;border:1px solid var(--gold);border-radius:8px;z-index:-1;opacity:.55}.lena-hero-cover figcaption{margin-top:1.2rem;color:var(--gold-2);font-size:.92rem;letter-spacing:.04em}
.lena-story{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(2rem,6vw,6rem);align-items:center}.lena-story blockquote{margin:0;padding:2rem;border:1px solid var(--gold);border-radius:24px;background:linear-gradient(145deg,rgba(22,63,108,.8),rgba(4,15,35,.82));box-shadow:0 24px 70px #0005;position:relative}.lena-story blockquote:before{content:"☾";display:block;color:var(--gold);font-size:3rem;line-height:1;margin-bottom:.8rem}.lena-story blockquote p{margin:0;color:#fff4ce;font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.55}
.companion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.companion-grid article{padding:1.4rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(20,56,97,.82),rgba(4,16,37,.9))}.companion-grid article>span{display:block;color:var(--gold);font-size:2rem}.companion-grid h3{margin:.35rem 0;font-size:1.45rem;color:var(--gold-2)}.companion-grid p{margin:0;color:var(--muted)}
.lena-cover-gallery{text-align:center}.lena-cover-gallery h2{margin-bottom:2rem}.lena-cover-pair{display:flex;justify-content:center;align-items:flex-start;gap:clamp(1.4rem,5vw,4rem);flex-wrap:wrap}.lena-cover-pair figure{width:min(100%,310px);margin:0}.lena-cover-pair img{display:block;width:100%;height:auto;aspect-ratio:5/8;object-fit:cover;border-radius:8px;border:1px solid var(--line);box-shadow:0 22px 60px #0009}.lena-cover-pair figcaption{margin-top:.7rem;color:var(--gold-2);font-weight:700}
.lena-order{text-align:center;background:linear-gradient(135deg,rgba(17,45,82,.62),rgba(3,12,29,.25))}.lena-order .section-intro{margin-inline:auto}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem;text-align:left}.format-card{position:relative;display:flex;flex-direction:column;padding:1.6rem;border:1px solid var(--line);border-radius:22px;background:rgba(5,19,43,.84)}.format-card h3{font-size:1.65rem;margin:.2rem 0}.format-price{color:var(--gold-2);font-size:1.25rem;font-weight:700;margin:.2rem 0 .8rem}.format-card p:not(.format-price):not(.format-kicker){color:var(--muted)}.format-card>.button{margin-top:auto;text-align:center}.format-actions{display:grid;gap:.7rem;margin-top:auto}.format-actions .button{text-align:center}.button[aria-disabled="true"]{opacity:.58;cursor:not-allowed;pointer-events:none}.featured-format{border-color:var(--gold);box-shadow:0 22px 65px rgba(231,200,120,.13);transform:translateY(-.7rem)}.format-kicker{margin:0;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700}.lena-shop-note{text-align:center;margin-top:1.5rem}
.lena-location{text-align:center}.lena-location>div{max-width:820px;margin-inline:auto}.lena-location p:last-child{font-size:1.15rem;color:var(--muted)}
@media(max-width:900px){.lena-book-card{grid-template-columns:1fr}.lena-book-card .book-visual{margin:-1.4rem -1.4rem 0;min-height:430px}.lena-book-card .book-copy{padding:0}.lena-hero{grid-template-columns:1fr;padding-top:4rem}.lena-hero-cover{width:min(82vw,380px)}.lena-story{grid-template-columns:1fr}.companion-grid{grid-template-columns:repeat(2,1fr)}.format-grid{grid-template-columns:1fr}.featured-format{transform:none}}
@media(max-width:560px){.lena-hero{padding-top:3rem}.lena-hero h1{font-size:clamp(2.5rem,13vw,4rem)}.lena-facts{display:grid}.lena-facts li{text-align:center}.lena-story blockquote{padding:1.35rem}.companion-grid{grid-template-columns:1fr}.lena-cover-pair figure{width:min(72vw,270px)}.format-card{padding:1.35rem}.lena-book-card .book-visual{min-height:380px}}

/* Neue Mondfluestern-Kartenrueckseite */
.card-back{
  background:url("/assets/cards/mondfluestern-kartenrueckseite.jpg") center/cover no-repeat;
  border:0;
}
.card-back:before,
.card-back:after{
  display:none;
}
.card-back .star-compass,
.card-back .back-name{
  display:none;
}
.deck-card{
  background:url("/assets/cards/mondfluestern-kartenrueckseite.jpg") center/cover no-repeat;
  border:1px solid #d9b75f;
}
.deck-card:before,
.deck-card:after,
.deck-card-mark{
  display:none;
}

/* Version 18: Nachtwunder und ruhige Mondbewegung */
.nacht-stage{background:radial-gradient(circle at 50% 32%,#315476 0,#112c4a 50%,#061322 100%)}
.nacht-subtitle{color:var(--gold-2);font-size:1.18rem;margin-top:0}
.nacht-wunder-page .lena-hero h1{font-size:clamp(2.5rem,5.2vw,4.8rem)}
.nacht-wunder-page .lena-cover-pair img{aspect-ratio:7/10;object-fit:contain}
.nacht-formats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin-inline:auto}
.hero>.moon-mystique{position:absolute;z-index:0;width:min(40vw,490px);aspect-ratio:1;right:-2%;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.92}
.moon-mystique .hero-moon-art{position:absolute;inset:0;width:100%;height:100%;transform:none;opacity:1;animation:moonFloat 18s ease-in-out infinite}
.moon-aura{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,#ffe7a329 0,#80b7db16 43%,transparent 70%);filter:blur(14px);animation:moonBreathe 12s ease-in-out infinite}
.moon-mist{position:absolute;inset:12% -8%;background:radial-gradient(ellipse at 45% 58%,#bed5eb1f 0,transparent 55%),radial-gradient(ellipse at 70% 38%,#e9c57412 0,transparent 50%);filter:blur(18px);animation:moonMist 25s ease-in-out infinite}
.moon-sparks{position:absolute;inset:4%}
.moon-sparks i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffedbb;box-shadow:0 0 9px 2px #ffe6a766;opacity:.25;animation:moonSpark 13s ease-in-out infinite}
.moon-sparks i:nth-child(1){left:20%;top:20%;animation-delay:-2s}
.moon-sparks i:nth-child(2){left:65%;top:12%;animation-delay:-5s;animation-duration:17s}
.moon-sparks i:nth-child(3){left:88%;top:38%;animation-delay:-9s}
.moon-sparks i:nth-child(4){left:74%;top:70%;animation-delay:-6s;animation-duration:19s}
.moon-sparks i:nth-child(5){left:35%;top:84%;animation-delay:-12s}
.moon-sparks i:nth-child(6){left:12%;top:63%;animation-delay:-4s;animation-duration:16s}
.moon-sparks i:nth-child(7){left:53%;top:46%;animation-delay:-10s;width:2px;height:2px}
.moon-sparks i:nth-child(8){left:44%;top:29%;animation-delay:-7s;animation-duration:20s}
.moon-motion-toggle{align-self:flex-start;margin-top:1.6rem;padding:.35rem .65rem;background:#07152faa;color:var(--muted);border:1px solid var(--line);border-radius:999px;font-size:.82rem;cursor:pointer;min-height:36px}
.moon-motion-toggle[hidden]{display:none}
.moon-motion-toggle:hover{color:var(--gold-2);border-color:var(--gold)}
.moon-paused .hero-moon-art,.moon-paused .moon-aura,.moon-paused .moon-mist,.moon-paused .moon-sparks i{animation-play-state:paused}
@keyframes moonFloat{0%,100%{transform:translate3d(0,7px,0) rotate(-1deg)}50%{transform:translate3d(-7px,-9px,0) rotate(1deg)}}
@keyframes moonBreathe{0%,100%{opacity:.4;transform:scale(.95)}50%{opacity:.85;transform:scale(1.08)}}
@keyframes moonMist{0%,100%{transform:translate3d(-12px,4px,0);opacity:.4}50%{transform:translate3d(16px,-6px,0);opacity:.75}}
@keyframes moonSpark{0%,100%{transform:translate3d(0,8px,0);opacity:.18}50%{transform:translate3d(12px,-14px,0);opacity:.65}}
@media(max-width:900px){.hero>.moon-mystique{width:min(52vw,400px);right:-12%;opacity:.48}.nacht-formats{grid-template-columns:1fr}}
@media(max-width:560px){.hero>.moon-mystique{width:82vw;right:-38%;top:34%;opacity:.3}.nacht-wunder-page .lena-hero h1{font-size:clamp(2.5rem,12vw,4rem)}}
@media(prefers-reduced-motion:reduce){.moon-mystique .hero-moon-art,.moon-mystique .moon-aura,.moon-mystique .moon-mist,.moon-mystique .moon-sparks i{animation:none}.moon-motion-toggle{display:none}}
/* Den dekorativen Lichtschein innerhalb der Buchseite halten. */
.lena-hero{overflow:hidden}

/* Auch im Buchhandel bestellbar */
.bookshop-note{font-size:.95rem;line-height:1.55;color:var(--muted);margin:1.4rem 0 0;padding-top:1rem;border-top:1px solid var(--line)}
.bookshop-note-detail{max-width:740px;margin:2rem auto 0;text-align:center}