@font-face{font-family:Lora;src:url(/fonts/lora-latin-wght-normal.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Oswald;src:url(/fonts/oswald-latin.woff2) format("woff2");font-weight:200 700;font-display:swap}
:root{--bg:#08090A;--bg2:#141517;--bg3:#1d1e21;--fg:#F4F1EB;--fg2:#a9a7a1;--fg3:#8f8d87;--line:#232427;--shbg:#08090Aee;--gold:#d9b878;--inv:0;--ui:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:Lora,Georgia,serif;--disp:Oswald,"Arial Narrow",Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 var(--ui);-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}
.sh{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,calc((100vw - 1100px)/2));background:var(--shbg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px}.brand b{font:600 20px var(--disp);letter-spacing:-1px;text-transform:uppercase}.brand img{display:block}
.sh nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sh nav a{padding:8px 12px;border-radius:10px;font-size:14px;color:var(--fg2)}.sh nav a:hover{background:var(--bg2);color:var(--fg)}
.sh nav a.lang{border:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.08em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:999px;background:var(--fg);color:var(--bg)!important;font-weight:600;font-size:14.5px;border:1px solid var(--fg)}
.sh nav a.btn{color:var(--bg);padding:0 16px}.btn.ghost{background:transparent;color:var(--fg)!important;border-color:#ffffff40}.btn.big{min-height:50px;padding:0 26px;font-size:15.5px}
.sm{max-width:1100px;margin:0 auto;padding:22px 18px 70px}
.bc{font-size:13px;color:var(--fg3);margin-bottom:18px}.bc a:hover{color:var(--fg)}
h1{font:600 clamp(30px,5vw,46px)/1.12 var(--serif);margin:6px 0 10px}h2{font:600 24px/1.25 var(--serif);margin:42px 0 14px}h3{font:600 17px var(--ui)}
.lead{color:var(--fg2);font-size:17px;max-width:680px}.muted{color:var(--fg2)}.meta{color:var(--fg3);font-size:13.5px;margin:0 0 18px;letter-spacing:.02em}
.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--gold);font-weight:600}
.hero,.bhero{position:relative;border-radius:22px;overflow:hidden;background:#111 center/cover no-repeat;margin:0 0 8px}
.hero::before,.bhero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090Af2 0%,#08090Acc 45%,#08090A55 100%)}
.hero-in{position:relative;padding:clamp(34px,7vw,90px) clamp(22px,5vw,64px);max-width:760px}.bhero .hero-in{padding:clamp(28px,5vw,56px) clamp(22px,5vw,56px)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:18px}.card p{color:var(--fg2);margin-top:6px;font-size:15px}
a.featcard{display:block;transition:background .15s ease,border-color .15s ease,transform .15s ease}a.featcard:hover{background:var(--bg3);border-color:#ffffff22;transform:translateY(-2px)}
a.featcard h3{display:flex;align-items:center;justify-content:space-between;gap:10px}.fa{color:var(--fg3);transition:transform .15s ease,color .15s ease}a.featcard:hover .fa{color:var(--fg);transform:translateX(3px)}
.gh{margin:26px 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.bgrid a{display:flex;flex-direction:column;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.bgrid a:hover{background:var(--bg3)}.bgrid b{font:600 16px var(--serif)}.bgrid span{font-size:12.5px;color:var(--fg3)}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.tcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:130px;padding:14px;border-radius:14px;overflow:hidden;background:#111 center/cover no-repeat}.tcard::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08090A11,#08090Aee)}.tcard>*{position:relative}.tcard b{font:600 16px var(--ui)}.tcard span{font-size:12px;opacity:.75}
.bookteaser{display:flex;gap:22px;align-items:center;margin-top:46px;padding:22px;background:var(--bg2);border:1px solid var(--line);border-radius:18px}.bookteaser img{filter:drop-shadow(0 14px 20px #000a)}.bookteaser h2{margin:0 0 6px;font-size:21px}.bookteaser p{color:var(--fg2);margin-bottom:10px}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--fg2);margin-top:8px}
.txt{font:400 19px/1.85 var(--serif);max-width:720px}.txt .v{border-radius:4px}.txt .v:first-child{font-size:1.3em;line-height:1.5}
.txt sup{font:600 .55em var(--ui);color:var(--fg3);margin-right:.3em;vertical-align:.5em}.txt .v:target,.txt .v.cur{background:#f4f1eb1f;box-shadow:0 0 0 3px #f4f1eb1f}
.au{margin:0 0 22px;padding:14px 16px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;max-width:720px}.au figcaption{font-size:14px;color:var(--fg2);margin-bottom:8px}.au audio{width:100%;height:40px}
.au summary{cursor:pointer;color:var(--fg2);font-size:13.5px;margin-top:10px}.jump{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.jump a{min-width:34px;padding:5px 9px;text-align:center;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--fg2)}.jump a:hover{background:var(--bg3);color:var(--fg)}
.pn{display:flex;justify-content:space-between;gap:12px;margin:34px 0;max-width:720px}.pn a{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);font-size:14px}.pn a:hover{background:var(--bg3)}
.openapp{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;max-width:720px}.openapp b{display:block}.openapp span{color:var(--fg2);font-size:14px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;max-width:720px}.cgrid a{display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);font:600 15px var(--serif)}.cgrid a.on{background:var(--fg);color:var(--bg)}
.clist{list-style:none;margin:20px 0;padding:0;display:grid;gap:8px}.clist a{display:block;padding:14px 16px;background:var(--bg2);border:1px solid var(--line);border-radius:12px}.clist a:hover{background:var(--bg3)}.clist b{font:600 17px var(--serif);display:block}.clist span{color:var(--fg2);font-size:14px}
.vlist{padding-left:1.2em;margin:22px 0;max-width:760px}.vlist li{padding:10px 0;border-bottom:1px solid var(--line);font:400 17px/1.7 var(--serif)}.vlist a b{font:600 13px var(--ui);color:var(--gold);margin-right:6px}
.bk-hero{position:relative;border-radius:22px;overflow:hidden;background:#111 center/cover no-repeat}.bk-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08090Acc,#08090Aee)}
.bk-in{position:relative;display:flex;gap:46px;align-items:center;justify-content:center;padding:44px 26px;flex-wrap:wrap}.bk-cover{width:min(60vw,270px);height:auto;filter:drop-shadow(0 26px 34px #000a)}.bk-tx{max-width:520px}.bk-tx p{color:#d6d2c9;margin-top:10px}
.bfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px}.bf{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px}.bf span{display:block;font:600 11px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);margin-bottom:6px}.bf b{font-size:15px}
.sf{border-top:1px solid var(--line);background:var(--bg);padding:34px max(16px,calc((100vw - 1100px)/2)) 24px}.sf-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.sf .fh{font:600 11px var(--ui);letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px;color:var(--fg)}.sf a{display:block;padding:4px 0;color:var(--fg2);font-size:14px}.sf a:hover{color:var(--fg)}.sf p{color:var(--fg3);font-size:13px;margin-top:12px;max-width:300px}
.sf-b{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:16px;border-top:1px solid var(--line);color:var(--fg3);font-size:13px}.sf-b a{display:inline;padding:0}
#cb-wrap{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:36px 12px 12px;background:linear-gradient(180deg,transparent,var(--bg) 52%)}
#cb{max-width:620px;margin:0 auto;padding:14px 16px;background:#141517;border:1px solid #2c2d31;border-radius:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;box-shadow:0 10px 40px #000a;font-size:14px;color:var(--fg2)}#cb span{flex:1;min-width:200px}#cb button{min-height:38px;padding:0 16px;border-radius:999px;border:1px solid #ffffff40;background:transparent;color:var(--fg);font:600 13.5px var(--ui);cursor:pointer}#cb button.y{background:var(--fg);color:var(--bg);border-color:var(--fg)}
[data-theme=light] #cb-wrap{background:linear-gradient(180deg,transparent,#F4F1EB 52%)}
@media(max-width:760px){.sf-g{grid-template-columns:1fr 1fr}.sh nav a:not(.btn):not(.lang){display:none}.bookteaser{flex-direction:column;align-items:flex-start}.pn{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.side h2{font-size:18px;margin:26px 0 12px}.side .cgrid{max-width:none}.side .openapp{max-width:none}
@media(min-width:1000px){.sm:has(.cols){max-width:1240px}.cols{display:grid;grid-template-columns:minmax(0,720px) minmax(300px,1fr);gap:48px;align-items:start}.side{position:sticky;top:84px}.side .openapp{flex-direction:column;align-items:flex-start}}

/* Light-Modus (gleicher Schalter wie die App: localStorage bb.theme) */
[data-theme=light]{--bg:#F4F1EB;--bg2:#ffffff;--bg3:#ebe7de;--fg:#16171a;--fg2:#4d4b46;--fg3:#6b6962;--line:#ddd8cc;--shbg:#F4F1EBee;--gold:#8a6a22;--inv:1}
[data-theme=light] .brand img{filter:invert(1)}
[data-theme=light] .btn.ghost{border-color:#16171a40}
[data-theme=light] .hero,[data-theme=light] .bhero,[data-theme=light] .bk-hero,[data-theme=light] .tcard{color:#F4F1EB}
[data-theme=light] .hero .lead,[data-theme=light] .hero p,[data-theme=light] .bhero .lead,[data-theme=light] .bk-tx p{color:#d6d2c9}
[data-theme=light] .hero .eyebrow,[data-theme=light] .bhero .eyebrow{color:#d9b878}
[data-theme=light] .hero .btn,[data-theme=light] .bhero .btn{background:#F4F1EB;color:#08090A!important;border-color:#F4F1EB}
[data-theme=light] .txt .v:target,[data-theme=light] .txt .v.cur{background:#16171a14;box-shadow:0 0 0 3px #16171a14}
[data-theme=light] #cb{background:#fff;border-color:#ddd8cc;box-shadow:0 10px 40px #0003}
.tt{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--fg2);cursor:pointer}.tt:hover{background:var(--bg2);color:var(--fg)}.tt svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.lead2{max-width:760px;color:var(--fg2);font-size:17px;margin:22px 0 0}.listenteaser{margin-top:42px}.listenteaser h2{margin-top:0}.listenteaser p{max-width:720px}.listenteaser .btn{margin-top:12px}
.legal{max-width:760px;margin-bottom:10px}.legal h2{margin-top:0}.legal p{color:var(--fg2);margin-top:10px}.legal a{text-decoration:underline}
h1+.meta,.sm>h2+p{max-width:760px}.sm>h2+p{color:var(--fg2)}

/* Hintergrundbilder */
[data-bg="cover-sea"]{background-image:url(/art/cover-sea.jpg)}
[data-bg="cross"]{background-image:url(/art/cross.jpg)}
[data-bg="hero-wide"]{background-image:url(/art/hero-wide.jpg)}
[data-bg="t-berg"]{background-image:url(/art/t-berg.jpg)}
[data-bg="t-faith"]{background-image:url(/art/t-faith.jpg)}
[data-bg="t-fear"]{background-image:url(/art/t-fear.jpg)}
[data-bg="t-forgive"]{background-image:url(/art/t-forgive.jpg)}
[data-bg="t-guide"]{background-image:url(/art/t-guide.jpg)}
[data-bg="t-heal"]{background-image:url(/art/t-heal.jpg)}
[data-bg="t-hope"]{background-image:url(/art/t-hope.jpg)}
[data-bg="t-licht"]{background-image:url(/art/t-licht.jpg)}
[data-bg="t-love"]{background-image:url(/art/t-love.jpg)}
[data-bg="t-meer"]{background-image:url(/art/t-meer.jpg)}
[data-bg="t-nacht"]{background-image:url(/art/t-nacht.jpg)}
[data-bg="t-peace"]{background-image:url(/art/t-peace.jpg)}
[data-bg="t-pfad"]{background-image:url(/art/t-pfad.jpg)}
[data-bg="t-saat"]{background-image:url(/art/t-saat.jpg)}
[data-bg="t-sonne"]{background-image:url(/art/t-sonne.jpg)}
[data-bg="t-strength"]{background-image:url(/art/t-strength.jpg)}
[data-bg="t-tal"]{background-image:url(/art/t-tal.jpg)}
[data-bg="t-thanks"]{background-image:url(/art/t-thanks.jpg)}
[data-bg="welcome"]{background-image:url(/art/welcome.jpg)}
[data-bg="books/1-corinthians"]{background-image:url(/art/books/1-corinthians.jpg)}
[data-bg="books/1-john"]{background-image:url(/art/books/1-john.jpg)}
[data-bg="books/1-peter"]{background-image:url(/art/books/1-peter.jpg)}
[data-bg="books/1-thessalonians"]{background-image:url(/art/books/1-thessalonians.jpg)}
[data-bg="books/1-timothy"]{background-image:url(/art/books/1-timothy.jpg)}
[data-bg="books/2-corinthians"]{background-image:url(/art/books/2-corinthians.jpg)}
[data-bg="books/2-john"]{background-image:url(/art/books/2-john.jpg)}
[data-bg="books/2-peter"]{background-image:url(/art/books/2-peter.jpg)}
[data-bg="books/2-thessalonians"]{background-image:url(/art/books/2-thessalonians.jpg)}
[data-bg="books/2-timothy"]{background-image:url(/art/books/2-timothy.jpg)}
[data-bg="books/3-john"]{background-image:url(/art/books/3-john.jpg)}
[data-bg="books/acts"]{background-image:url(/art/books/acts.jpg)}
[data-bg="books/colossians"]{background-image:url(/art/books/colossians.jpg)}
[data-bg="books/ephesians"]{background-image:url(/art/books/ephesians.jpg)}
[data-bg="books/galatians"]{background-image:url(/art/books/galatians.jpg)}
[data-bg="books/hebrews"]{background-image:url(/art/books/hebrews.jpg)}
[data-bg="books/james"]{background-image:url(/art/books/james.jpg)}
[data-bg="books/john"]{background-image:url(/art/books/john.jpg)}
[data-bg="books/jude"]{background-image:url(/art/books/jude.jpg)}
[data-bg="books/luke"]{background-image:url(/art/books/luke.jpg)}
[data-bg="books/mark"]{background-image:url(/art/books/mark.jpg)}
[data-bg="books/matthew"]{background-image:url(/art/books/matthew.jpg)}
[data-bg="books/philemon"]{background-image:url(/art/books/philemon.jpg)}
[data-bg="books/philippians"]{background-image:url(/art/books/philippians.jpg)}
[data-bg="books/revelation"]{background-image:url(/art/books/revelation.jpg)}
[data-bg="books/romans"]{background-image:url(/art/books/romans.jpg)}
[data-bg="books/titus"]{background-image:url(/art/books/titus.jpg)}
