/* Taste and See: Wege-Seiten im gemeinsamen Look
   Dunkel, Blumenbild im Hintergrund, Glas-Karten mit feiner Linie, Funkelsterne statt Emojis, Tropfen "Weiter".
   Regel: Jeder Weg hat seine eigene Blume und Akzentfarbe (--accent). Gold bedeutet immer "weitergehen".
   Einbinden NACH dem Seiten-<style>, dazu pro Seite --accent, --accent-rgb, --tint und das Bild setzen. */

html{background:#100E18}
body.weg{
  --warm-white:transparent; --cream:rgba(var(--tint),.45); --sand:rgba(245,240,230,.14);
  --text:#F5F0E6; --text-soft:rgba(245,240,230,.8); --text-faint:rgba(245,240,230,.38); --rule:rgba(245,240,230,.12);
  --gold-soft:rgba(201,162,39,.1); --gold-glow:rgba(201,162,39,.06);
  --sky:var(--accent); --love:var(--accent); --amber:var(--accent); --teal:var(--accent); --purple:var(--accent); --green:var(--accent);
  --sky-soft:rgba(var(--accent-rgb),.08); --love-soft:rgba(var(--accent-rgb),.08); --amber-soft:rgba(var(--accent-rgb),.08); --teal-soft:rgba(var(--accent-rgb),.08); --purple-soft:rgba(var(--accent-rgb),.08);
  --glass:rgba(var(--tint),.5); --glass-in:rgba(245,240,230,.05); --line:rgba(var(--accent-rgb),.4);
  background:transparent!important; color:var(--text); overflow-x:hidden;
}
.weg-bg{position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center;pointer-events:none}
.weg-veil{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(var(--tint),var(--veil-in,.6)),rgba(var(--tint),var(--veil-out,.9)) 75%)}

/* Kopf */
body.weg .nav{position:fixed;left:0;right:0;top:0;background:linear-gradient(rgba(var(--tint),.95) 55%,rgba(var(--tint),0))!important;backdrop-filter:none;-webkit-backdrop-filter:none;border:0!important;padding:calc(env(safe-area-inset-top,0px) + 14px) 20px 26px}
body.weg .nav-logo img{display:block;width:clamp(86px,9vw,120px);height:auto;filter:drop-shadow(0 2px 14px rgba(0,0,0,.4))}
body.weg .nav-label{font-size:.58rem;letter-spacing:.24em;color:var(--text-faint)}
body.weg .nav-dot{width:16px;height:16px;border:0!important;border-radius:0;background:none!important;padding:0;opacity:.35;transition:opacity .4s,transform .4s}
body.weg .nav-dot svg{display:block;width:100%;height:100%}
body.weg .nav-dot.active{opacity:1;transform:scale(1.25);filter:drop-shadow(0 0 4px rgba(255,220,130,.8))}
body.weg .nav-dot:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
@media (max-width:640px){body.weg .nav-label{display:none}body.weg .nav-dot{width:12px;height:12px}body.weg .nav-modules{gap:4px}}
@media (max-width:380px){body.weg .nav-dot{width:10px;height:10px}}

/* Einstieg */
body.weg .course-header{min-height:86vh;min-height:86svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:130px 22px 40px}
body.weg .ch-tag,body.weg .mod-num,body.weg .phase-label,body.weg .off-label,body.weg .p-label,body.weg .spiegel-label,body.weg .mw-label,body.weg .anwendung-label,body.weg .info-box h5,body.weg .hu-box h5{color:var(--accent)!important;font-weight:500!important;letter-spacing:.24em!important;font-size:.66rem!important}
body.weg h1,body.weg h2,body.weg h3{color:var(--text)}
body.weg .course-header h1{font-size:clamp(2.4rem,7vw,3.8rem)}
body.weg h1 em,body.weg h2 em,body.weg h3 em{color:var(--accent)!important}
body.weg .ch-sub{color:var(--text-soft);font-size:clamp(1.2rem,2.8vw,1.5rem)}

/* Wegschritt */
body.weg .modul{border-bottom:0;padding-top:40px}
body.weg .mod-header{padding-top:60px}
body.weg .mod-header h2{font-size:clamp(1.7rem,4.4vw,2.4rem)}
body.weg .phase h3{color:var(--text)}

/* Stimmen: ohne Kasten, kursiv, mittig */
body.weg .whisper,body.weg .honest,body.weg .shula{background:none!important;border:0!important;color:var(--text)!important;font-size:clamp(1.3rem,3vw,1.6rem)!important;line-height:1.4;max-width:34ch;margin:8px auto 34px!important;padding:0 0 26px!important;position:relative;text-wrap:balance}
body.weg .whisper::after,body.weg .honest::after,body.weg .shula::after{content:"";position:absolute;left:50%;bottom:0;width:48px;height:1px;margin-left:-24px;background:var(--line)}
body.weg .whisper .wi,body.weg .honest .hi{color:var(--text-faint)!important;font-size:.78rem}
body.weg .mod-whisper{color:var(--text-soft)}

/* Glas-Karten */
body.weg .spiegel,body.weg .my-words,body.weg .apology,body.weg .door,body.weg .door-invite,body.weg .anwendung,body.weg .offenbarung,body.weg .perspective,body.weg .milestone,body.weg [style*="background:#fff"]{
  background:var(--glass)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:none!important;color:var(--text-soft)}
body.weg .offenbarung::before,body.weg .perspective::before,body.weg .milestone::before{display:none}
body.weg .reveal-card,body.weg .m-card,body.weg .hu-box,body.weg .practice,body.weg [style*="background:rgba(245,240,230,.06)"]{background:var(--glass-in)!important;border:1px solid rgba(245,240,230,.1)!important;border-radius:14px!important}
body.weg .practice{text-align:center}
body.weg .off-verse,body.weg .p-quote,body.weg .m-verse,body.weg .scripture,body.weg .info-box{background:rgba(var(--accent-rgb),.07)!important;border:0!important;border-left:2px solid var(--accent)!important;border-radius:0 14px 14px 0!important}
body.weg .off-verse .ref,body.weg .p-quote .ref,body.weg .m-verse .ref,body.weg .scripture .ref{color:var(--accent)!important}
body.weg .off-god,body.weg .m-intro{color:var(--text)!important}
body.weg .off-text p,body.weg .p-text p,body.weg .m-final p,body.weg .m-card p,body.weg .milestone p{color:var(--text-soft)!important}
body.weg .off-you{color:var(--text-faint)!important}
body.weg .ex-took,body.weg .ex-gave{background:var(--glass-in)!important;color:var(--text)!important;font-weight:400!important}
body.weg .ex-took{text-decoration:line-through;text-decoration-color:rgba(var(--accent-rgb),.6)}
body.weg .reveal-num{color:var(--accent)!important}

/* Text: keine fetten Stellen mitten im Satz */
body.weg strong,body.weg b{font-weight:inherit;color:var(--text)}
body.weg .teach p{color:var(--text-soft);line-height:1.9}
body.weg .breadcrumb{color:var(--text);font-size:clamp(1.25rem,2.8vw,1.45rem);max-width:32ch;margin:50px auto 24px;text-wrap:balance}
body.weg .breadcrumb::before{content:"";display:block;width:48px;height:1px;background:var(--line);margin:0 auto 26px}
body.weg .divider{color:var(--line)}

/* Eingabe */
body.weg textarea{background:rgba(var(--tint),.45)!important;border:1px solid rgba(245,240,230,.18)!important;color:var(--text)!important;border-radius:14px}
body.weg textarea::placeholder{color:var(--text-faint)!important}
body.weg textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.14)!important}
body.weg .sp-note{color:var(--text-faint)!important}
body.weg .spiegel::after{color:var(--text-faint)!important}

/* Knöpfe: feine Goldlinie, kursiv. Der Weg nach vorn ist der Tropfen. */
body.weg .sp-btn,body.weg .door-btn,body.weg .door-invite button,body.weg button[style*="background:var(--teal)"]{background:none!important;border:1px solid var(--gold)!important;color:var(--text)!important;font-family:var(--serif)!important;font-style:italic;font-weight:400!important;font-size:1rem!important;letter-spacing:0!important;text-transform:none!important;padding:11px 28px!important;border-radius:999px!important;box-shadow:none!important;transform:none!important}
body.weg .sp-btn:hover,body.weg .door-btn:hover,body.weg .door-invite button:hover,body.weg button[style*="background:var(--teal)"]:hover{background:rgba(201,162,39,.16)!important}
body.weg .door-teaser,body.weg .door-invite p{color:var(--text)}

/* Weiter: Tropfen */
body.weg .next-mod{display:flex;flex-direction:column;align-items:center;gap:4px;margin:10px 0 40px}
body.weg .next-mod .tw{--tw-size:clamp(160px,34vw,190px)}
body.weg .tw-cap{font-family:var(--display);font-style:italic;font-size:1.1rem;color:var(--text-soft)}

/* Funkelsterne statt Emojis */
.spk{display:inline-block;width:1em;height:1em;vertical-align:-.12em;filter:drop-shadow(0 0 4px rgba(255,220,130,.6))}
body.weg .m-icon .spk{width:1.1em;height:1.1em}

/* Ende */
body.weg .kurs-cta{background:none!important;border-top:0!important}
body.weg [style*="color:#2C2418"]{color:var(--text)!important}
body.weg [style*="color:#6B5E4F"]{color:var(--text-soft)!important}
body.weg [style*="color:rgba(44,36,24"]{color:var(--text-faint)!important}
body.weg .site-footer{border-top:0}
body.weg .site-footer a{color:rgba(245,240,230,.32)}
body.weg .site-footer a:hover{color:var(--gold)}
body.weg .footer-brand{color:var(--text-faint)}

@media (max-width:640px){body.weg .spiegel,body.weg .my-words,body.weg .apology,body.weg .door,body.weg .door-invite,body.weg .anwendung,body.weg .offenbarung,body.weg .perspective,body.weg .milestone{padding:28px 18px!important}body.weg .modul{padding-left:18px;padding-right:18px}}