/* Kweider Lebenswerk — Main Stylesheet */
:root{--ink:#0F0E0A;--gold:#B8933A;--golds:#D4AB56;--goldp:#EDD98A;--cream:#F7F2E8;--cream2:#EFE8D6;--parch:#E5D9C0;--white:#FDFAF4;--t1:#1A1714;--t2:#4A4440;--t3:#8A7F74;--verse:#1F4A2C;--red:#6B2A00;--blue:#1A2744}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Amiri',serif;background:var(--cream);color:var(--t1);overflow-x:hidden;-webkit-font-smoothing:antialiased}

/* ── LANGUAGE SYSTEM ──────────────────────────────────────────── */
[data-de]{display:none!important}
[data-ar]{display:revert}
html.de [data-de]{display:revert!important}
html.de [data-ar]{display:none!important}
html.de{direction:ltr}
html.de body{direction:ltr}
html.de .vacc,.de .aith,.de .qcard{direction:ltr}
html.de .vchb{text-align:left;justify-content:flex-start}
html.de .wi{text-align:left}
html.de .cc,.de .fleft,.de .awhyt{text-align:left}
html.de .awhy{border-right:none;border-left:3px solid var(--gold)}
html.de .vbody{padding:0 0 2rem;padding-left:4.5rem}
html.de .hd{border-right:none;border-left:2px solid rgba(26,39,68,.22)}
html.de .vb{border-right:none;border-left:3px solid var(--gold)}
html.de .rbod{direction:ltr}
html.de .rm::before{right:auto;left:0;background:linear-gradient(to right,rgba(0,0,0,.1),transparent)}

/* ── LANG PILL ─────────────────────────────────────────────────── */
.lang-pill{display:flex;border:1px solid rgba(184,147,58,.28);border-radius:2px;overflow:hidden;flex-shrink:0}
.lp{padding:.28rem .7rem;cursor:pointer;transition:all .2s;color:rgba(231,218,192,.4);background:transparent;border:none;font-family:'Noto Naskh Arabic',serif;font-size:.72rem;letter-spacing:.03em}
nav.s .lp{color:var(--t3)}
.lp.active{background:var(--gold);color:var(--white)!important}

/* ── NAV ───────────────────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:300;height:62px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background .4s,box-shadow .4s}
nav.s{background:rgba(247,242,232,.96);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(184,147,58,.15)}
.nb{font-family:'Amiri',serif;font-size:.85rem;color:var(--ink);text-decoration:none;line-height:1.25;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap;flex-shrink:0}
nav.s .nb{opacity:1;pointer-events:auto}
.nb small{display:block;font-size:.56rem;color:var(--gold);font-family:'Noto Naskh Arabic',serif}
.nav-r{display:flex;align-items:center;gap:1.4rem}
.nl{display:flex;gap:1.5rem;list-style:none;font-family:'Noto Naskh Arabic',serif;font-size:.76rem}
.nl a{color:var(--t2);text-decoration:none;transition:color .2s}
.nl a:hover{color:var(--gold)}
.ncta{background:var(--gold);color:var(--white)!important;padding:.28rem .85rem;border-radius:2px;transition:background .2s!important}
.ncta:hover{background:var(--red)!important}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.4rem;flex-shrink:0}
.ham span{width:20px;height:1.5px;background:var(--ink);display:block}
nav.s .ham span{background:var(--ink)}
.mm{position:fixed;top:62px;left:0;right:0;background:var(--white);border-top:1px solid var(--parch);padding:1.5rem 4vw;z-index:299;display:none;flex-direction:column;gap:.9rem;box-shadow:0 8px 32px rgba(0,0,0,.08)}
.mm.open{display:flex}
.mm a{font-family:'Noto Naskh Arabic',serif;font-size:.92rem;color:var(--t2);text-decoration:none;padding:.45rem 0;border-bottom:1px solid var(--parch)}
.mcta{background:var(--gold);color:var(--white);text-align:center;padding:.7rem;border-radius:2px;border:none;cursor:pointer;font-family:'Noto Naskh Arabic',serif;font-size:.88rem;margin-top:.3rem}
.mlang{display:flex;gap:.5rem;margin-top:.2rem}
.mlp{flex:1;border:1px solid var(--parch);padding:.45rem;text-align:center;font-family:'Noto Naskh Arabic',serif;font-size:.78rem;cursor:pointer;background:transparent;color:var(--t2);border-radius:2px;transition:all .2s}
.mlp.active{background:var(--gold);color:var(--white);border-color:var(--gold)}
@media(max-width:700px){.nl{display:none}.ham{display:flex}}

/* ── HERO ───────────────────────────────────────────────────────── */
.hero{min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--ink)}
.hbg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% 115%,rgba(184,147,58,.22) 0%,transparent 70%),linear-gradient(160deg,#0F0E0A 0%,#1A1714 50%,#080807 100%)}
.hpat{position:absolute;inset:0;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M36 3L69 36L36 69L3 36Z' fill='none' stroke='%23B8933A' stroke-width='.5'/%3E%3Cpath d='M36 13L59 36L36 59L13 36Z' fill='none' stroke='%23B8933A' stroke-width='.4'/%3E%3Ccircle cx='36' cy='36' r='11' fill='none' stroke='%23B8933A' stroke-width='.4'/%3E%3C/svg%3E")}
.hbeam{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:1px;height:120%;background:linear-gradient(to bottom,transparent,rgba(184,147,58,.08),transparent)}
.hc{position:relative;z-index:10;text-align:center;padding:0 2rem;max-width:920px}
.hbism{font-family:'Amiri',serif;font-size:clamp(.85rem,1.8vw,1.05rem);color:var(--gold);letter-spacing:.06em;margin-bottom:2.2rem;opacity:0;animation:up 1.2s .15s cubic-bezier(.16,1,.3,1) forwards}
.hln{width:44px;height:1px;background:var(--gold);margin:0 auto 2.2rem;opacity:0;animation:up 1.2s .28s cubic-bezier(.16,1,.3,1) forwards}
.ht{font-family:'Amiri',serif;font-size:clamp(1.9rem,5.2vw,4rem);font-weight:700;color:var(--cream);line-height:1.42;margin-bottom:1rem;opacity:0;animation:up 1.2s .4s cubic-bezier(.16,1,.3,1) forwards}
.hde-sub{font-family:'Crimson Pro',serif;font-style:italic;font-size:clamp(.88rem,1.8vw,1.1rem);color:rgba(231,218,192,.45);margin-bottom:.8rem;opacity:0;animation:up 1.2s .5s cubic-bezier(.16,1,.3,1) forwards}
.htagline{font-family:'Noto Naskh Arabic',serif;font-size:clamp(.7rem,1.4vw,.86rem);color:rgba(231,218,192,.3);margin-bottom:3rem;opacity:0;animation:up 1.2s .58s cubic-bezier(.16,1,.3,1) forwards}
.hablock{opacity:0;animation:up 1.2s .65s cubic-bezier(.16,1,.3,1) forwards}
.hrule{display:flex;align-items:center;gap:1.2rem;justify-content:center;margin-bottom:1.4rem}
.hrule span{color:var(--gold);font-size:.4rem}
.hrule::before,.hrule::after{content:'';flex:1;max-width:60px;height:1px}
.hrule::before{background:linear-gradient(to left,transparent,rgba(184,147,58,.35))}
.hrule::after{background:linear-gradient(to right,transparent,rgba(184,147,58,.35))}
.han{font-family:'Amiri',serif;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;color:var(--cream);margin-bottom:.3rem}
.hande{font-family:'Crimson Pro',serif;font-size:.85rem;color:rgba(231,218,192,.37);margin-bottom:.22rem}
.hasp{font-family:'Noto Naskh Arabic',serif;font-size:.68rem;color:rgba(184,147,58,.56)}
.hbtns{margin-top:3rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:up 1.2s .78s cubic-bezier(.16,1,.3,1) forwards}
.bp{background:var(--gold);color:var(--ink);border:none;padding:.85rem 2.2rem;font-family:'Noto Naskh Arabic',serif;font-size:.88rem;font-weight:700;cursor:pointer;border-radius:2px;transition:background .2s,transform .15s}
.bp:hover{background:var(--golds);transform:translateY(-1px)}
.bg2{background:transparent;color:rgba(231,218,192,.72);border:1px solid rgba(184,147,58,.28);padding:.85rem 1.8rem;font-family:'Noto Naskh Arabic',serif;font-size:.88rem;cursor:pointer;border-radius:2px;transition:all .2s}
.bg2:hover{border-color:var(--gold);color:var(--goldp)}
.bsub{font-family:'Noto Naskh Arabic',serif;font-size:.67rem;color:rgba(184,147,58,.38);margin-top:.75rem;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(184,147,58,.16);display:block}
.bsub:hover{color:var(--gold)}

/* HERO STATS — prominent "über 1,5 Mio" */
.hstats{display:flex;justify-content:center;gap:3rem;margin-top:4rem;flex-wrap:wrap;opacity:0;animation:up 1.2s .92s cubic-bezier(.16,1,.3,1) forwards}
.hs{text-align:center}
.hn{font-family:'Amiri',serif;font-size:clamp(1.4rem,2.8vw,2rem);color:var(--golds);display:block;line-height:1}
.hn.big{font-size:clamp(1rem,2vw,1.55rem);line-height:1.25}
.hl{font-family:'Noto Naskh Arabic',serif;font-size:.62rem;color:rgba(231,218,192,.25);margin-top:.28rem;display:block}
.hscroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);opacity:0;animation:up 1s 1.1s ease forwards}
.scrl{width:1px;height:42px;background:linear-gradient(to bottom,rgba(184,147,58,.45),transparent);margin:0 auto;animation:sp 2s ease-in-out infinite}

/* Emotionaler Hero-Satz */
.hemot{font-family:'Crimson Pro',serif;font-size:clamp(.92rem,1.7vw,1.1rem);color:rgba(231,218,192,.62);line-height:1.95;max-width:620px;margin:1.2rem auto 0;font-style:italic}
html[dir="rtl"] .hemot{font-family:'Amiri',serif;font-size:1rem;font-style:normal}
.hstatsline{font-family:'Crimson Pro',serif;font-size:.82rem;color:rgba(184,147,58,.5);letter-spacing:.06em;margin:.8rem auto 0;text-align:center;display:block}
html[dir="rtl"] .hstatsline{font-family:'Noto Naskh Arabic',serif}
/* WOW-Zitat Section */
.wowq{background:var(--ink);padding:9rem 4vw}
.wowq-in{max-width:680px;margin:0 auto;text-align:center;position:relative}
.wowq-mark{font-family:'Amiri',serif;font-size:12rem;color:rgba(184,147,58,.05);line-height:.45;position:absolute;top:0;left:50%;transform:translateX(-50%);user-select:none}
.wowq-text{font-family:'Amiri',serif;font-size:clamp(1.5rem,3.5vw,2.2rem);color:rgba(231,218,192,.92);line-height:2.1;font-style:italic;margin-bottom:3rem;position:relative}
html.de .wowq-text{font-family:'Crimson Pro',serif;font-size:clamp(1.3rem,3vw,2rem);font-style:italic;color:rgba(231,218,192,.85)}
.wowq-src{font-family:'Crimson Pro',serif;font-size:.82rem;color:rgba(184,147,58,.7);letter-spacing:.14em;display:block;margin-top:.5rem}
/* Inline Leseprobe */
.iprev{background:var(--white);padding:7rem 4vw;border-top:1px solid var(--parch)}
.iprev-in{max-width:620px;margin:0 auto}
.iprev-h{font-family:'Crimson Pro',serif;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:400;color:var(--ink);margin-bottom:2.5rem;margin-top:.6rem}
html[dir="rtl"] .iprev-h{font-family:'Amiri',serif}
.iprev-body{background:transparent;border:none;padding:0;margin-bottom:2.5rem;line-height:2.4;font-family:'Amiri',serif;font-size:1.08rem;color:var(--t2)}
html.de .iprev-body{font-family:'Crimson Pro',serif;font-size:1.04rem;border:none;padding:0;line-height:2.3}
.iprev-intro{font-family:'Crimson Pro',serif;font-size:.82rem;color:var(--t3);margin-bottom:1.8rem;font-style:italic;letter-spacing:.04em}
.iprev-src{font-size:.72rem;color:var(--t3);margin-top:1.5rem;display:block;font-style:normal;font-family:'Crimson Pro',serif;border-top:1px solid var(--parch);padding-top:1rem}
.iprev-btn{background:transparent;border:1px solid rgba(184,147,58,.35);color:var(--gold);padding:.85rem 2.2rem;font-family:'Crimson Pro',serif;font-size:.9rem;cursor:pointer;transition:all .2s;display:inline-block}
.iprev-btn:hover{background:var(--gold);color:var(--ink)}
html[dir="rtl"] .iprev-btn{font-family:'Noto Naskh Arabic',serif}
/* Proof Section */
.proof{background:var(--ink);padding:5rem 4vw}
.proof-in{max-width:680px;margin:0 auto;text-align:center}
.proof-label{font-family:'Noto Naskh Arabic',serif;font-size:.65rem;letter-spacing:.18em;color:var(--gold);display:block;margin-bottom:1.5rem;text-align:center}
html.de .proof-label{font-family:'Crimson Pro',serif;font-size:.72rem}
.proof-quote{font-family:'Amiri',serif;font-size:clamp(1.1rem,2.5vw,1.45rem);color:rgba(231,218,192,.78);font-style:italic;line-height:1.95;text-align:center}
html.de .proof-quote{font-family:'Crimson Pro',serif}
/* Footer CTA Button */
.fp-btn{background:transparent;border:1px solid rgba(184,147,58,.3);color:rgba(231,218,192,.6);padding:.7rem 1.8rem;font-family:'Crimson Pro',serif;font-size:.85rem;cursor:pointer;transition:all .2s;margin-bottom:1.2rem;display:inline-block}
.fp-btn:hover{border-color:var(--gold);color:var(--goldp)}
/* Sekundärer CTA-Button */
.bg3{background:transparent;color:rgba(231,218,192,.42);border:1px solid rgba(184,147,58,.16);padding:.75rem 1.5rem;font-family:'Noto Naskh Arabic',serif;font-size:.82rem;cursor:pointer;border-radius:2px;transition:all .2s}
.bg3:hover{border-color:rgba(184,147,58,.45);color:rgba(231,218,192,.7)}
html.de .bg3{font-family:'Crimson Pro',serif}
html.de .bp{font-family:'Crimson Pro',serif;font-size:.92rem;letter-spacing:.02em}
/* ── WHY ───────────────────────────────────────────────────────── */
.why{background:var(--white);padding:5.5rem 4vw;border-bottom:1px solid var(--parch)}
.why-in{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1px 1fr;gap:0 4rem;align-items:center}
.wey{font-family:'Noto Naskh Arabic',serif;font-size:.66rem;letter-spacing:.18em;color:var(--gold);margin-bottom:1rem;display:block}
.wtit{font-family:'Amiri',serif;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:.4rem}
.wde{font-family:'Crimson Pro',serif;font-style:italic;font-size:.88rem;color:var(--t3);margin-bottom:1.6rem}
.wtxt{font-family:'Amiri',serif;font-size:1rem;line-height:2;color:var(--t2)}
html.de .wtxt{font-family:'Crimson Pro',serif;font-size:1.02rem;line-height:1.9}
.wdiv{width:1px;background:var(--parch);align-self:stretch}
.wgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem}
.wi{text-align:right}
html.de .wi{text-align:left}
.win{font-family:'Amiri',serif;font-size:1.8rem;color:var(--gold);font-weight:700;display:block;line-height:1}
.wil{font-family:'Noto Naskh Arabic',serif;font-size:.72rem;color:var(--t3);margin-top:.2rem;display:block;line-height:1.5}
/* EXACT number footnote in detail box */
.exact-row{grid-column:span 2;border-top:1px solid var(--parch);padding-top:1rem;margin-top:.5rem;font-family:'Noto Naskh Arabic',serif;font-size:.66rem;color:var(--t3);text-align:center}
html.de .exact-row{font-family:'Crimson Pro',serif;font-size:.72rem}
@media(max-width:720px){.why-in{grid-template-columns:1fr;gap:2.5rem}.wdiv{display:none}}

/* ── VOLUMES ───────────────────────────────────────────────────── */
.volumes{background:var(--ink);padding:7rem 4vw}
.sey{font-family:'Noto Naskh Arabic',serif;font-size:.66rem;letter-spacing:.18em;color:var(--gold);text-align:center;margin-bottom:.8rem;display:block}
.stit{font-family:'Amiri',serif;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;text-align:center;margin-bottom:.4rem}
.sde2{font-family:'Crimson Pro',serif;font-style:italic;font-size:.88rem;text-align:center;margin-bottom:4rem}
.volumes .stit{color:var(--cream)}.volumes .sde2{color:rgba(231,218,192,.26)}
.vacc{max-width:880px;margin:0 auto}
.vi{border-bottom:1px solid rgba(184,147,58,.1)}
.vi:first-child{border-top:1px solid rgba(184,147,58,.1)}
.vh{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:0 2rem;padding:1.8rem 0;cursor:pointer;transition:opacity .2s}
.vh:hover{opacity:.85}
.vrom{font-family:'Crimson Pro',serif;font-size:2.2rem;color:var(--gold);font-weight:300;line-height:1;text-align:center}
.vtar{font-family:'Amiri',serif;font-size:clamp(1rem,2.3vw,1.38rem);font-weight:700;color:rgba(247,242,232,.9);margin-bottom:.14rem}
html.de .vtar{font-family:'Crimson Pro',serif}
.vtde{font-family:'Crimson Pro',serif;font-size:.77rem;color:rgba(231,218,192,.28);font-style:italic}
html.de .vtde{font-family:'Noto Naskh Arabic',serif;font-size:.72rem}
.varr{color:rgba(184,147,58,.4);font-size:.85rem;transition:transform .3s;flex-shrink:0}
.vi.open .varr{transform:rotate(90deg)}
.vbody{display:none;padding:0 0 2rem 4.5rem}
.vi.open .vbody{display:block}
html.de .vbody{padding:0 0 2rem;padding-left:4.5rem}
.vdesc{font-family:'Amiri',serif;font-size:.93rem;line-height:1.9;color:rgba(231,218,192,.52);margin-bottom:1.2rem;font-style:italic}
html.de .vdesc{font-family:'Crimson Pro',serif;font-size:.98rem}
.vstat{font-family:'Noto Naskh Arabic',serif;font-size:.7rem;color:var(--gold);margin-bottom:1rem}
.vchl{display:flex;flex-direction:column}
.vchb{background:none;border:none;border-bottom:1px dashed rgba(184,147,58,.08);padding:.58rem 0;text-align:right;cursor:pointer;font-family:'Amiri',serif;font-size:.88rem;color:rgba(231,218,192,.6);transition:color .2s;display:block;width:100%;padding-right:.2rem}
html.de .vchb{text-align:left;justify-content:flex-start;font-family:'Crimson Pro',serif;font-size:.92rem}
.vchb::after{content:'›';font-size:1rem;color:rgba(184,147,58,.2);transition:color .2s}
.vchb:hover{color:var(--goldp)}.vchb:hover::after{color:var(--gold)}
.vbtn2{display:inline-block;margin-top:1.2rem;background:rgba(184,147,58,.1);border:1px solid rgba(184,147,58,.2);color:var(--goldp);padding:.4rem 1rem;font-family:'Noto Naskh Arabic',serif;font-size:.7rem;cursor:pointer;border-radius:1px;transition:all .2s}
.vbtn2:hover{background:rgba(184,147,58,.2)}

/* ── QUOTES ────────────────────────────────────────────────────── */
.quotes{background:var(--cream2);padding:7rem 4vw}
.quotes .stit{color:var(--ink)}.quotes .sde2{color:var(--t3)}
.qgrid{max-width:1100px;margin:3rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--parch)}
@media(max-width:760px){.qgrid{grid-template-columns:1fr}}
.qcard{background:var(--white);padding:2.4rem 2rem;cursor:pointer;transition:background .2s}
.qcard:hover{background:var(--cream)}
.qtag{font-family:'Noto Naskh Arabic',serif;font-size:.59rem;color:var(--gold);letter-spacing:.1em;margin-bottom:1.1rem;display:block}
html.de .qtag{font-family:'Crimson Pro',serif;font-size:.68rem;letter-spacing:.05em}
.qar{font-family:'Amiri',serif;font-size:1rem;line-height:2.1;color:var(--t1);text-align:right;margin-bottom:1rem;font-style:italic}
.qar::before{content:'"';font-size:2.4rem;color:var(--gold);line-height:.3;vertical-align:-.32em;margin-left:.1em;font-style:normal}
html.de .qar{text-align:left}.html.de .qar::before{margin-left:0;margin-right:.1em}
.qde{font-family:'Crimson Pro',serif;font-size:.82rem;line-height:1.72;color:var(--t3);border-top:1px solid var(--parch);padding-top:.8rem;margin-top:.8rem;font-style:italic}
html.de .qde{color:var(--t2);font-size:.9rem}
.qsrc{font-family:'Noto Naskh Arabic',serif;font-size:.6rem;color:var(--gold);margin-top:.8rem;display:block;text-align:right}
html.de .qsrc{text-align:left;font-family:'Crimson Pro',serif;font-size:.68rem}
.qfoot{text-align:center;margin-top:3rem}
.qfoot button{background:none;border:1px solid var(--parch);padding:.55rem 1.7rem;font-family:'Noto Naskh Arabic',serif;font-size:.76rem;color:var(--t2);cursor:pointer;border-radius:2px;transition:all .2s}
.qfoot button:hover{border-color:var(--gold);color:var(--gold)}

/* ── READER MODAL ──────────────────────────────────────────────── */
.ro{position:fixed;inset:0;background:rgba(10,9,7,.78);z-index:500;display:none;place-items:center;padding:1.5rem;backdrop-filter:blur(6px)}
.ro.open{display:grid}
.rm{background:var(--white);width:100%;max-width:800px;max-height:92svh;display:flex;flex-direction:column;box-shadow:0 40px 140px rgba(0,0,0,.65);position:relative}
.rm::before{content:'';position:absolute;top:0;bottom:0;right:0;width:6px;background:linear-gradient(to left,rgba(0,0,0,.1),transparent);pointer-events:none}
.rtop{background:var(--cream2);border-bottom:1px solid var(--parch);padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.rlbl{font-family:'Noto Naskh Arabic',serif;font-size:.7rem;color:var(--t3);max-width:55%}
.rr{display:flex;align-items:center;gap:.7rem}
.fcb{width:27px;height:27px;border:1px solid var(--parch);background:var(--white);color:var(--t2);font-family:'Amiri',serif;font-size:.78rem;cursor:pointer;display:grid;place-items:center;transition:all .15s}
.fcb:hover{border-color:var(--gold);color:var(--gold)}
.rcl{background:none;border:none;cursor:pointer;color:var(--t3);font-size:1.1rem;line-height:1;transition:color .2s;padding:.2rem}
.rcl:hover{color:var(--red)}
.rbod{overflow-y:auto;flex:1;direction:rtl;padding:2.5rem 3rem;scroll-behavior:smooth}
html.de .rbod{direction:ltr}
.rbod::-webkit-scrollbar{width:3px}
.rbod::-webkit-scrollbar-thumb{background:var(--parch)}
.cht{font-family:'Amiri',serif;font-size:1.9rem;font-weight:700;color:var(--red);margin-bottom:.2rem}
html.de .cht{font-family:'Crimson Pro',serif}
.chr{width:34px;height:2px;background:var(--gold);margin-bottom:1.6rem}
.cvt{font-family:'Noto Naskh Arabic',serif;font-size:.68rem;color:var(--gold);margin-bottom:1.5rem;display:block}
.bt{font-family:'Amiri',serif;font-size:1.08rem;line-height:2.15;color:var(--t1);text-align:right}
html.de .bt{text-align:left;font-family:'Crimson Pro',serif;font-size:1.02rem;line-height:1.9}
.bt p{margin-bottom:1.2rem}
.vb{margin:1.4rem 0;padding:.85rem 1.3rem;border-right:3px solid var(--gold);background:rgba(184,147,58,.04);color:var(--verse);font-weight:700;font-size:1.02em;line-height:2.05}
html.de .vb{border-right:none;border-left:3px solid var(--gold);text-align:left}
.vref{font-size:.7em;color:var(--t3);display:block;margin-top:.3rem;font-weight:400}
.sh{font-weight:700;font-size:1.03em;color:var(--ink);margin:1.8rem 0 .5rem;display:block}
.hd{font-style:italic;color:var(--blue);padding:.65rem 1.1rem;border-right:2px solid rgba(26,39,68,.2);margin:.9rem 0}
html.de .hd{border-right:none;border-left:2px solid rgba(26,39,68,.2)}
.rfoo{border-top:1px solid var(--parch);padding:.65rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:var(--cream);flex-shrink:0}
.rfa{font-family:'Crimson Pro',serif;font-size:.78rem;color:var(--t3);font-style:italic}
.rfv{font-family:'Noto Naskh Arabic',serif;font-size:.68rem;color:var(--gold)}
.shr{background:none;border:1px solid var(--parch);padding:.28rem .7rem;font-family:'Noto Naskh Arabic',serif;font-size:.68rem;color:var(--t3);cursor:pointer;transition:all .2s}
.shr:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:600px){.rbod{padding:1.5rem 1.2rem}}

/* ── AUTHOR ────────────────────────────────────────────────────── */
.author{background:var(--white);padding:7rem 4vw;border-top:1px solid var(--parch)}
.aith{max-width:960px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:6rem;align-items:start}
html.de .aith{direction:ltr}
.pf{width:100%;background:var(--ink);border:1px solid rgba(184,147,58,.25);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15)}
.pf img{display:block;width:100%;height:100%;object-fit:cover}
.pl{font-family:'Amiri',serif;font-size:8.5rem;color:rgba(184,147,58,.09);user-select:none}
.pif{position:absolute;inset:10px;border:1px solid rgba(184,147,58,.1)}
.pc{font-family:'Noto Naskh Arabic',serif;font-size:.65rem;color:var(--t3);text-align:center;margin-top:.8rem;line-height:1.7}
.aey{font-family:'Noto Naskh Arabic',serif;font-size:.66rem;letter-spacing:.18em;color:var(--gold);margin-bottom:1.1rem;display:block}
.an{font-family:'Amiri',serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--ink);margin-bottom:.25rem}
html.de .an{font-family:'Crimson Pro',serif}
.ande{font-family:'Crimson Pro',serif;font-style:italic;font-size:.92rem;color:var(--t3);margin-bottom:1.8rem}
html.de .ande{font-family:'Noto Naskh Arabic',serif;font-style:normal;font-size:.82rem}
.arl{width:34px;height:1px;background:var(--gold);margin-bottom:1.8rem}
.abio{font-family:'Amiri',serif;font-size:1rem;line-height:2.1;color:var(--t2);margin-bottom:1.8rem}
html.de .abio{font-family:'Crimson Pro',serif;font-size:1.02rem;line-height:1.9}
.awhy{background:var(--cream);border-right:3px solid var(--gold);padding:1.2rem 1.5rem;margin-bottom:1.8rem}
.awhyt{font-family:'Noto Naskh Arabic',serif;font-size:.66rem;color:var(--gold);margin-bottom:.8rem;letter-spacing:.06em}
.wl{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.wl li{font-family:'Amiri',serif;font-size:.88rem;color:var(--t2);display:flex;align-items:center;gap:.7rem}
.wl li::before{content:'';width:16px;height:1px;background:var(--gold);flex-shrink:0}
html.de .wl li{font-family:'Crimson Pro',serif;font-size:.93rem}
.acrd{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}
.cr{font-family:'Noto Naskh Arabic',serif;font-size:.76rem;color:var(--t2);display:flex;align-items:center;gap:.7rem}
.cr::before{content:'';width:14px;height:1px;background:var(--gold);flex-shrink:0}
.acta{background:var(--ink);color:var(--cream);border:none;padding:.8rem 2rem;font-family:'Noto Naskh Arabic',serif;font-size:.82rem;cursor:pointer;transition:background .2s}
.acta:hover{background:var(--red)}
@media(max-width:700px){.aith{grid-template-columns:1fr;gap:3rem}}

/* ── SEARCH ────────────────────────────────────────────────────── */
.ss{background:var(--cream2);padding:6rem 4vw;border-top:1px solid var(--parch)}
.ss .stit{color:var(--ink)}.ss .sde2{color:var(--t3)}
.sw{max-width:680px;margin:2.5rem auto 0}
.sl{font-family:'Noto Naskh Arabic',serif;font-size:.68rem;color:var(--gold);text-align:center;display:block;margin-bottom:.8rem;letter-spacing:.07em}
html.de .sl{font-family:'Crimson Pro',serif;font-size:.76rem}
.sb{display:flex;border:1.5px solid var(--parch);transition:border-color .2s;background:var(--white)}
.sb:focus-within{border-color:var(--gold)}
.si{flex:1;padding:1rem 1.3rem;font-family:'Amiri',serif;font-size:1rem;border:none;outline:none;direction:rtl;background:transparent;color:var(--t1)}
html.de .si{direction:ltr;font-family:'Crimson Pro',serif}
.si::placeholder{color:var(--t3)}
.sg{background:var(--gold);color:var(--white);border:none;padding:1rem 1.8rem;font-family:'Noto Naskh Arabic',serif;font-size:.8rem;cursor:pointer;transition:background .2s;white-space:nowrap}
.sg:hover{background:var(--red)}
.sr2{margin-top:.8rem;display:none;border:1px solid var(--parch);background:var(--white)}
.sr2.show{display:block}
.sri{padding:.8rem 1rem;border-bottom:1px solid var(--parch);cursor:pointer;transition:background .15s}
.sri:last-child{border-bottom:none}
.sri:hover{background:var(--cream)}
.srv{font-family:'Noto Naskh Arabic',serif;font-size:.62rem;color:var(--gold);margin-bottom:.2rem}
.srt{font-family:'Amiri',serif;font-size:.96rem;color:var(--t1)}
html.de .srt{font-family:'Crimson Pro',serif}
.srs{font-family:'Amiri',serif;font-size:.8rem;color:var(--t3);line-height:1.6;margin-top:.14rem}
mark{background:rgba(184,147,58,.18);color:var(--t1);border-radius:1px}
.shit{font-family:'Noto Naskh Arabic',serif;font-size:.66rem;color:var(--t3);text-align:center;margin-top:1rem}
.htags{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}
.ht2{background:var(--cream2);border:1px solid var(--parch);padding:.22rem .65rem;font-family:'Noto Naskh Arabic',serif;font-size:.66rem;color:var(--t2);cursor:pointer;border-radius:1px;transition:all .2s}
.ht2:hover{border-color:var(--gold);color:var(--gold)}

/* ── CTA FINAL ─────────────────────────────────────────────────── */
.ctaf{background:var(--ink);padding:6.5rem 4vw}
.ctafi{max-width:960px;margin:0 auto;text-align:center}
.ctaft{font-family:'Amiri',serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--cream);margin-bottom:.4rem}
html.de .ctaft{font-family:'Crimson Pro',serif}
.ctafd{font-family:'Crimson Pro',serif;font-style:italic;font-size:.88rem;color:rgba(231,218,192,.26);margin-bottom:3.5rem}
.ctafc{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:rgba(184,147,58,.07)}
.cc{background:rgba(255,255,255,.018);padding:2.2rem 1.5rem;text-align:right;transition:background .2s;border:1px solid transparent;margin:-1px}
html.de .cc{text-align:left}
.cc:hover{background:rgba(255,255,255,.038);border-color:rgba(184,147,58,.13)}
.cci{font-size:1.55rem;margin-bottom:1rem;display:block}
.cct{font-family:'Amiri',serif;font-size:1rem;font-weight:700;color:rgba(247,242,232,.88);margin-bottom:.4rem}
html.de .cct{font-family:'Crimson Pro',serif;font-size:1.02rem}
.ccp{font-family:'Noto Naskh Arabic',serif;font-size:.73rem;color:rgba(231,218,192,.33);line-height:1.7;margin-bottom:1.2rem}
html.de .ccp{font-family:'Crimson Pro',serif;font-size:.8rem}
.ccb{background:rgba(184,147,58,.13);border:1px solid rgba(184,147,58,.22);color:var(--goldp);padding:.42rem 1rem;font-family:'Noto Naskh Arabic',serif;font-size:.72rem;cursor:pointer;transition:all .2s;display:inline-block;text-decoration:none}
.ccb:hover{background:rgba(184,147,58,.26)}
.ccb.g{background:transparent;color:rgba(231,218,192,.36);border-color:rgba(255,255,255,.07)}
.ccb.g:hover{border-color:rgba(184,147,58,.25);color:var(--gold)}

/* ── FOOTER — stronger ─────────────────────────────────────────── */
footer{background:#080807;padding:4rem 4vw}
.fin{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2.5rem;align-items:start}
@media(max-width:600px){.fin{grid-template-columns:1fr}}
.fl{text-align:right;direction:rtl}
html.de .fl{text-align:left}
.fname{font-family:'Amiri',serif;font-size:1.1rem;color:var(--goldp);display:block;margin-bottom:.25rem}
html.de .fname{font-family:'Crimson Pro',serif}
.fdesc{font-family:'Noto Naskh Arabic',serif;font-size:.7rem;color:rgba(247,242,232,.2);margin-bottom:.8rem;display:block;line-height:1.6}
html.de .fdesc{font-family:'Crimson Pro',serif;font-size:.75rem}
.fmeta{display:block;margin-top:.6rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.06);text-align:right;direction:rtl}
.fmi{font-family:'Noto Naskh Arabic',serif;font-size:.68rem;color:rgba(247,242,232,.28);display:block;text-align:right;direction:rtl;margin-bottom:.25rem}
html.de .fmeta{text-align:left;direction:ltr}
html.de .fmi{text-align:left;direction:ltr;font-family:'Crimson Pro',serif;font-size:.73rem}
.fmi a{color:rgba(184,147,58,.45);text-decoration:none}
.fmi a:hover{color:var(--gold)}
.fmi::before{content:'';width:10px;height:1px;background:rgba(184,147,58,.2);flex-shrink:0;display:none}
html.de .fmi::before{display:block}
.fr{text-align:center;display:flex;flex-direction:column;align-items:center}
html.de .fr{text-align:left}
.fdomain{font-family:'Crimson Pro',serif;font-size:.85rem;color:rgba(184,147,58,.28);font-style:italic;display:block;margin-bottom:.5rem}
.fcopy{font-family:'Noto Naskh Arabic',serif;font-size:.64rem;color:rgba(247,242,232,.14);display:block}
html.de .fcopy{font-family:'Crimson Pro',serif;font-size:.7rem}
.fmotto{font-family:'Crimson Pro',serif;font-size:clamp(.95rem,1.8vw,1.2rem);color:rgba(231,218,192,.55);margin-bottom:1.5rem;display:block;font-style:italic;line-height:1.8;text-align:center}
html[dir="rtl"] .fmotto{font-family:'Amiri',serif}
html.de .fmotto{font-family:'Crimson Pro',serif;font-size:.82rem}

/* ── REVEAL ────────────────────────────────────────────────────── */
/* rv: Elemente immer sichtbar — Animation nur als Enhancement */
.rv{opacity:1;transform:none}
.rv.animate{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.rv.animate.on{opacity:1;transform:none}
.rv1{transition-delay:.08s}.rv2{transition-delay:.16s}.rv3{transition-delay:.24s}.rv4{transition-delay:.32s}

@keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes sp{0%,100%{opacity:.3}50%{opacity:.8}}

/* German left-alignment overrides */
html.de .rv{text-align:left}
html.de .an{text-align:left}
html.de .ande{text-align:left}
html.de .wtxt{text-align:left}
html.de .wde{text-align:left}
html.de .wh{text-align:left}
html.de .vsth{text-align:left}
html.de .vtar{text-align:left}
html.de .vdesc{text-align:left}
html.de .vstat{text-align:left}
html.de .vbtn2{text-align:left}
html.de .qar{text-align:left}
html.de .qtag{text-align:left}
html.de .qde{text-align:left}
html.de .qsrc{text-align:left}
html.de .hstats{direction:ltr}
html.de .hstats .si{text-align:left}
html.de section{direction:ltr}
html.de .cc,.de .aith{direction:ltr;text-align:left}
html.de .afact{text-align:left}
html.de .abt{text-align:left}
html.de .why-in{direction:ltr}
/* Nav: explizit RTL in AR, LTR in DE */
nav{direction:rtl}
.nav-r{direction:rtl}
.nl{direction:rtl}
.mm{direction:rtl}
html.de nav{direction:ltr}
html.de .nav-r{direction:ltr}
html.de .nl{direction:ltr;text-align:left}
html.de .mm{direction:ltr;text-align:left}
html.de footer{direction:ltr}
html.de .fin{direction:ltr}
html.de .fl{text-align:left;direction:ltr}
html.de .fr{text-align:center;direction:ltr;align-items:center}

/* German: section headings align with content */
html.de .stit, html.de .sey {
  text-align: left;
  display: block;
}
/* Exception: search section stays centered */
html.de .ss .stit, html.de .ss .sey, html.de .ss .sde2, html.de .ss .sl {
  text-align: center;
}
html.de .ctaft, html.de .ctafd {
  text-align: left;
}
html.de .srh {
  text-align: left;
}
html.de .vsth { text-align: left; }
html.de .wtit, html.de .wey {
  text-align: left;
}
html.de .an, html.de .ande {
  text-align: left;
}
html.de .abt, html.de .afact {
  text-align: left;
}

/* ── BUTTON SYSTEM (unified) ──────────────────────────────────── */
/* Primary = .btn-primary (alias for .bp) */
.btn-primary{background:var(--gold);color:var(--ink);border:none;padding:.85rem 2.2rem;font-family:'Noto Naskh Arabic',serif;font-size:.88rem;font-weight:700;cursor:pointer;border-radius:2px;transition:background .2s,transform .15s}
.btn-primary:hover{background:var(--golds);transform:translateY(-1px)}
html.de .btn-primary{font-family:'Crimson Pro',serif;font-size:.92rem;letter-spacing:.02em}
/* Secondary = .btn-secondary (alias for .bg2/.bg3) */
.btn-secondary{background:transparent;color:rgba(231,218,192,.65);border:1px solid rgba(184,147,58,.25);padding:.82rem 1.8rem;font-family:'Noto Naskh Arabic',serif;font-size:.85rem;cursor:pointer;border-radius:2px;transition:all .2s}
.btn-secondary:hover{border-color:var(--gold);color:var(--goldp)}
html.de .btn-secondary{font-family:'Crimson Pro',serif}
/* Tertiary = .btn-text (alias for .bsub/.acta) */
.btn-text{background:transparent;border:none;color:rgba(184,147,58,.5);font-family:'Noto Naskh Arabic',serif;font-size:.75rem;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(184,147,58,.18);padding:0;transition:color .2s}
.btn-text:hover{color:var(--gold)}
html.de .btn-text{font-family:'Crimson Pro',serif}