/* ==========================================================
   LENNON Gruppe · Studio-Look für ki-training-muenster.ai
   Übernommen vom Podcast- & VideoCast Studio Münster:
   Indigo, Blau-Violett-Verlauf, Lavendel-Papier, Systemschriften.
   Diese Datei wird nach den seiteneigenen Styles geladen.
   ========================================================== */

:root{
  --bg-deep:#0C0A29; --bg-deep-2:#181144;
  --grad-a:#2E51E6; --grad-b:#7C34E8; --grad-c:#B06CFF;
  --paper:#FBFAFF; --paper-2:#F1ECFB; --card:#FFFFFF;
  --line:#E6E0F3; --muted:#6A6685; --dim:#9490AE; --hit:#5B2E91;
  --lav:#B9AEE8; --lav-text:#CFC8EC;

  /* Mapping der bisherigen Tokens */
  --bg:var(--paper); --bg-soft:var(--paper-2);
  --ink:#16132A; --ink-mid:#4A4563; --ink-soft:#8A85A6;
  --rule:var(--line); --rule-soft:var(--paper-2);
  --grad:linear-gradient(92deg,var(--grad-a) 0%,var(--grad-b) 100%);
  --grad-light:linear-gradient(90deg,#7FB0FF 0%,#C79BFF 100%);
  --amber:var(--hit); --amber-bright:var(--grad-c); --amber-deep:var(--hit);

  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Menlo,Consolas,monospace;
  --dark-band:linear-gradient(135deg,#2A1D6B 0%,#150F3D 55%,#0C0A29 100%);
  --dark-hero:radial-gradient(120% 100% at 15% 0%,#1B1250 0%,#0C0A29 55%,#080720 100%);
}

/* ---------- Basis ---------- */
body{background:var(--paper);color:var(--ink);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--sans);font-weight:800;letter-spacing:-.02em;line-height:1.08}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}
::selection{background:#E4D8FF;color:var(--ink)}
.stop{background:var(--grad)}

/* Überschriften-Skala wie im Studio */
.section-head h2,.section-header h2,.intro h2,.next-step h2,.instructor h2,
.mittwoch h2,.final-cta h2{font-size:clamp(1.7rem,3.4vw,2.6rem)!important;letter-spacing:-.02em!important;line-height:1.08!important}
.section-head h2{margin-bottom:48px}
.final-cta h2{font-size:clamp(1.9rem,4vw,3rem)!important;max-width:22ch}

/* Mono-Labels */
.eyebrow,.hero-eyebrow,.section-eyebrow,.strip-label,.menu-label,.price-tag,.tag,.card-num,
.deliverable-num,.module-num,.quick-item-num,.final-card-num,.problem-card-num,.footer-col h5,
.legal-hero .stand,.info-block .label,.footer-bottom{font-family:var(--mono)}
.eyebrow{color:var(--muted);letter-spacing:.18em}
.eyebrow .num{border-color:var(--line);color:var(--hit);border-radius:999px;padding:3px 9px}

/* ---------- Navigation: dunkle Leiste ---------- */
nav,.nav{background:rgba(12,10,41,.94)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
nav .logo,.nav .nav-logo,.logo{color:#fff!important;font-family:var(--mono);font-size:.8rem!important;
  letter-spacing:.12em!important;text-transform:uppercase;font-weight:700!important}
.logo-mark{display:none!important}
.logo-sub{color:rgba(255,255,255,.62)!important;font-weight:400!important}
.nav-links a,.nav-links button,.nav-dropdown-trigger,.back-link,.nav a{color:rgba(255,255,255,.8)!important}
.nav-links a:hover,.nav-dropdown-trigger:hover,.back-link:hover{color:#fff!important}
.nav-dropdown-menu{background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;
  box-shadow:0 24px 60px -30px rgba(12,10,41,.55)!important}
.nav-dropdown-menu a{color:var(--ink)!important}
.nav-dropdown-menu a:hover{background:var(--paper-2)!important}
.nav-phone{color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;
  background:transparent!important}
.nav-phone:hover{border-color:rgba(255,255,255,.7)!important}
.nav-cta{background:var(--grad)!important;color:#fff!important;border-radius:999px!important;
  box-shadow:0 10px 30px -12px rgba(124,52,232,.7)}
.breadcrumb{background:var(--paper)!important;border-bottom:1px solid var(--line)!important;color:var(--muted)}
.breadcrumb a{color:var(--ink)}

/* ---------- Buttons ---------- */
.btn{border-radius:999px!important;font-weight:600;padding:15px 26px}
.btn-primary,.btn-amber{background:var(--grad)!important;color:#fff!important;border:1px solid transparent!important;
  box-shadow:0 10px 30px -10px rgba(124,52,232,.7)}
.btn-primary:hover,.btn-amber:hover{transform:translateY(-2px);box-shadow:0 16px 38px -12px rgba(124,52,232,.85)}
.btn-ghost{background:transparent!important;color:var(--ink)!important;border:1px solid var(--ink)!important}
.btn-ghost:hover{background:var(--paper-2)!important}
.btn-link{color:var(--ink)!important;border-bottom:1px solid var(--ink)!important}

/* ---------- Hero: dunkles Indigo mit Leuchten ---------- */
.hero,.legal-hero,.article-hero{position:relative;overflow:hidden;background:var(--dark-hero)!important;color:#fff;border-bottom:0!important}
.hero::before,.legal-hero::before,.article-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 55% at 82% 18%,rgba(124,52,232,.45),transparent 60%),
             radial-gradient(50% 45% at 70% 90%,rgba(46,81,230,.35),transparent 60%)}
.hero>*,.legal-hero>*,.article-hero>*{position:relative}
.hero h1,.legal-hero h1,.article-hero h1{color:#fff!important;font-size:clamp(2.7rem,6.4vw,4.9rem)!important;
  letter-spacing:-.035em!important;line-height:1.02!important}
.hero h1 .grad,.legal-hero h1 .grad,.article-hero h1 .accent{background:var(--grad-light);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.hero .h1-kicker{color:var(--lav)!important;font-family:var(--mono);font-weight:500!important;font-size:.24em!important;
  letter-spacing:.14em!important;text-transform:uppercase;margin-bottom:.9em!important}
.hero .eyebrow,.hero .hero-eyebrow,.legal-hero .eyebrow,.article-hero .section-eyebrow,.article-hero .article-meta{color:var(--lav)!important}
.hero .eyebrow .num,.hero .hero-eyebrow .num,.legal-hero .eyebrow .num{color:#fff!important;border-color:rgba(255,255,255,.22)!important}
.hero-sub,.hero p,.legal-hero .stand,.article-lead{color:var(--lav-text)!important}
.hero .hero-sub strong{color:#fff!important}
.hero .btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.32)!important}
.hero .btn-ghost:hover{border-color:#fff!important;background:rgba(255,255,255,.06)!important}
.hero-tag{border-color:rgba(255,255,255,.18)!important;color:var(--lav-text)!important;background:rgba(255,255,255,.04)}
.hero-tag .badge{background:var(--grad-c)!important;color:#0C0A29!important}
.hero-bottom{border-top-color:rgba(255,255,255,.14)!important}
.hero h1{margin-bottom:40px}
.hero{padding-top:120px!important;padding-bottom:100px!important}

/* Streifen unter dem Hero */
.strip,.trust{background:var(--paper-2)!important;border-color:var(--line)!important}
.strip-items span,.trust-inner span{color:var(--ink)}
.strip .dot,.trust .dot{background:var(--grad-c)!important;opacity:1!important}

/* ---------- Helle Flächen ---------- */
section{background:var(--paper)}
.section-soft,#problem,#formats,.faq,#faq{background:var(--paper-2)!important}
.section-meta{border-bottom-color:var(--line)!important}
.section-meta-right,.prose p,.intro-body p{color:var(--ink-mid)}
.prose a,.legal-section a{color:var(--hit)!important;text-decoration-color:var(--grad-c)!important}

/* Karten */
.problem-grid{background:transparent!important;border:0!important;gap:16px!important}
.problem-card,.deliverable,.price-card,.for-you-col,.card,.price-box,.info-block,.faq-item,.related-link,
.quick-item,.module,.mediation-perspectives>*,.form-block{background:var(--card)!important;border:1px solid var(--line)!important;
  border-radius:16px!important}
.problem-card,.deliverable,.price-card,.card,.price-box{box-shadow:0 24px 60px -40px rgba(43,25,86,.35)}
.price-card.featured,.price-box.featured{border-color:var(--grad-b)!important;box-shadow:0 24px 60px -30px rgba(124,52,232,.45)}
.module{margin-bottom:12px;padding-left:28px!important;padding-right:28px!important}
.problem-card-num,.deliverable-num,.module-num,.card-num,.quick-item-num,.final-card-num{color:var(--hit)!important}
.deliverable h3 .grad,.section-head h2 .grad,.section-header h2 .grad,.problem-conclusion .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.price-popular,.price-box .tag,.price-tag{color:var(--hit)}
.card .topic-request{border-color:var(--ink)!important;border-radius:999px!important}
.card .topic-request:hover{background:var(--ink)!important;color:#fff!important}
.for-you-icon{background:var(--grad)!important;color:#fff!important}
.for-you-col.no .for-you-icon{background:var(--paper-2)!important;color:var(--muted)!important}
.eyes-questions li::before{color:var(--hit)!important}
.faq-toggle{color:var(--hit)!important}
.faq-item summary::after{color:var(--hit)}

/* ---------- Dunkle Bänder ---------- */
.mittwoch,.intro,.section-dark{background:var(--dark-band)!important;color:#fff}
.mittwoch::before{background:radial-gradient(circle,rgba(124,52,232,.35) 0%,transparent 65%)!important}
.mittwoch .eyebrow,.intro .eyebrow,.section-dark .eyebrow{color:var(--lav)!important}
.mittwoch .eyebrow .num,.intro .eyebrow .num{color:#fff!important;border-color:rgba(255,255,255,.22)!important}
.mittwoch .grad,.intro .grad,.intro .grad-light,.final-cta .grad,.final-cta .grad-light,.section-dark .grad{background-image:var(--grad-light)!important}
.mittwoch-topics{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.10)!important;border-radius:18px!important}
.mittwoch-topic{background:rgba(12,10,41,.55)!important}
.mittwoch-topic:hover{background:rgba(24,17,68,.9)!important}
.mittwoch-topic .week,.mittwoch-topic .topic-link{color:var(--lav)!important}
.mittwoch-topic .topic-request{border-radius:999px!important;border-color:rgba(255,255,255,.32)!important}
.mittwoch-topic .topic-request:hover{border-color:#fff!important;background:rgba(255,255,255,.06)!important}
.mittwoch-anchor{border-radius:999px!important}
.mittwoch-anchor .pin{background:var(--grad-c)!important;box-shadow:0 0 0 4px rgba(176,108,255,.2)!important}
.mittwoch-price{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important}
.mittwoch-price.featured{background:rgba(124,52,232,.16)!important;border-color:rgba(176,108,255,.55)!important}
.mittwoch-price .price-tag{color:var(--lav)!important}
.btn-ghost-dark{border-radius:999px!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important;background:transparent!important}
.mittwoch-meta{border-color:rgba(255,255,255,.12)!important}
.intro-body .intro-emphasis{color:#fff!important}

/* Zitat */
.quote-section{background:var(--paper-2)!important}
.quote-text{font-family:var(--sans);letter-spacing:-.02em;line-height:1.3}
.quote-text .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Ticker */
.ticker-section{background:var(--bg-deep)!important;border:0!important}
.ticker-item{color:var(--lav-text)!important}
.ticker-item::after{background:var(--grad-c)!important}

/* Trainer */
.instructor{background:var(--paper-2)!important}
.instructor-photo{background:var(--dark-band)!important;border-radius:22px!important}

/* ---------- Abschluss-CTA ---------- */
.final-cta,.closing-cta{background:radial-gradient(120% 120% at 20% 0%,#1B1250,var(--bg-deep))!important;color:#fff}
.final-cta::before{background:radial-gradient(circle,rgba(124,52,232,.55) 0%,transparent 60%)!important;opacity:.6!important}
.final-cta h2,.closing-cta h2{color:#fff!important}
.final-cta p,.final-cta-sub,.closing-cta p{color:var(--lav-text)!important}
.final-cta .btn{background:var(--grad)!important;color:#fff!important;border-radius:999px!important}
.final-card{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important}
.final-card-num{color:var(--lav)!important}
.final-cta-phone a{color:var(--grad-c)!important}

/* ---------- Footer: dunkel wie im Studio ---------- */
footer,.footer{background:#07061B!important;color:#B9B4CF!important;border-top:0!important}
footer a,.footer a{color:#DAD5EE!important}
footer a:hover,.footer a:hover{color:#fff!important}
.footer-top{border-bottom-color:rgba(255,255,255,.10)!important}
.footer-col h5{color:#8E86B8!important}
.footer-col li,.footer-tagline{color:#B9B4CF!important}
.footer-col a[aria-current="page"]{color:var(--grad-c)!important}
footer .logo{color:#fff!important}
.footer-bottom{color:#8E86B8!important;border-top-color:rgba(255,255,255,.10)!important}

/* ---------- Rechtstexte ---------- */
.legal-hero{padding:96px 0 64px!important}
.legal-section h2 .num{color:var(--hit)!important}
.legal-section h2{font-size:1.5rem!important}

/* ---------- Leitfaden ---------- */
.pull-quote{border-left-color:var(--grad-b)!important}
.article-body a{color:var(--hit)}

/* Verlaufstext: immer auf Text beschnitten */
.grad,.grad-light,.accent{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}

/* ---------- Fokus ---------- */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--grad-c);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Feinschliff Startseite ---------- */
.mediation h2{font-size:clamp(1.7rem,3.4vw,2.6rem)!important;letter-spacing:-.02em!important;line-height:1.08!important}
.intro .intro-body p,.section-dark .prose p,.section-dark p{color:var(--lav-text)!important}
.problem-conclusion{font-size:clamp(1.5rem,3vw,2.2rem)!important;letter-spacing:-.02em!important;line-height:1.15!important}
.instructor{background:var(--dark-band)!important;color:#fff}
.instructor .eyebrow{color:var(--lav)!important}
.instructor .eyebrow .num{color:#fff!important;border-color:rgba(255,255,255,.22)!important}
.instructor-role,.instructor-bio p{color:var(--lav-text)!important}
.instructor-name{color:#fff!important}
.instructor-photo{background:linear-gradient(135deg,#3B2A8C 0%,#1B1250 100%)!important;border:1px solid rgba(255,255,255,.12)}
.faq .faq-item{padding:0 26px!important;margin-bottom:10px}
.faq .faq-q h4{font-size:1.08rem!important;letter-spacing:-.01em!important;line-height:1.35!important}
.faq .faq-a p{color:var(--ink-mid)}
details.faq-item{padding:4px 24px!important;margin-bottom:10px}
details.faq-item summary{font-weight:700}
.article-hero h1{font-size:clamp(2.2rem,4.8vw,3.6rem)!important}
.instructor-bio p{margin-bottom:14px}
.faq .faq-q{padding:20px 0!important}
.faq .faq-item.open .faq-a{padding-bottom:18px}

/* Hervorgehobene Formatkarte: dunkles Band wie im Studio */
.price-card.featured{background:var(--dark-band)!important;border-color:transparent!important;
  box-shadow:0 30px 70px -30px rgba(43,25,86,.65)!important}
.price-card.featured .price-includes li::before{color:var(--lav)!important}
.price-card.featured .price-popular{background:var(--grad-c)!important;color:#0C0A29!important}
.closing-cta .btn-ghost,.final-cta .btn-ghost,.section-dark .btn-ghost,.intro .btn-ghost,.mittwoch .btn-ghost,.instructor .btn-ghost{
  color:#fff!important;border-color:rgba(255,255,255,.32)!important;background:transparent!important}