/* /ausbildung-inhalte im hellen Design von /ausbildung (16.10.2026). Liegt über den alten ai-/sp-Regeln.
   Im Pop-up auf /ausbildung (iframe) setzt das Skript html.ai-popup: ohne Nav, Footer und Chat. */
body { background: #FAF6F0; }
main { background: #FAF6F0; color: #3d3a44; }
main .sp-h1, main .sp-h2, main .sp-h3 { color: #1e1c22; }
main .sp-acc { color: #8A5A2B; }
main .sp-lead, main .sp-p { color: #3d3a44; }
main a { color: #8A5A2B; }

/* Akzentfarben je Bereich, dunkel genug für den hellen Grund */
#hypnose, .ai-chip[data-ziel="hypnose"] { --c: #5f52b8 !important; }
#atmung, .ai-chip[data-ziel="atmung"] { --c: #1F7F7E !important; }
#session, .ai-chip[data-ziel="session"] { --c: #8A5A2B !important; }
#live, .ai-chip[data-ziel="live"] { --c: #a9541b !important; }
#start, .ai-chip[data-ziel="start"] { --c: #56720a !important; }
#business, .ai-chip[data-ziel="business"] { --c: #44539e !important; }
#begleitung, .ai-chip[data-ziel="begleitung"] { --c: #a8406a !important; }

/* Hero: dunkel wie auf /ausbildung, ohne Lila */
.ai-hero { background: #17151b; }
.ai-hero::after { background: linear-gradient(180deg, rgba(23,21,27,.55) 0%, rgba(23,21,27,.8) 55%, rgba(23,21,27,.97) 100%); }
.ai-hero .sp-h1 { color: #fff; }
.ai-hero .sp-acc { color: #E9C79A; }
.ai-hero .sp-lead { color: #e2e0e5; }
.ai-stats li { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }

/* Bereichsleiste: hell */
.ai-bar { background: rgba(250,246,240,.95); border-bottom: 1px solid rgba(23,21,27,.1); }
.ai-chip { border-color: rgba(23,21,27,.14); color: #3d3a44 !important; background: transparent; }
.ai-chip.ist-aktiv { background: #fff; border-color: var(--c); color: #1e1c22 !important; }
.ai-chip__n, .ai-fort { color: #6b6772; }
.ai-fort__bahn { background: rgba(23,21,27,.1); }
.ai-fort__bahn i { background: linear-gradient(90deg, #1F7F7E, #8A5A2B); }

/* Bereiche: hell, abwechselnd Sand */
.sp-section.ai-bereich { background: #FAF6F0; }
.sp-section.sp-section--b.ai-bereich { background: #F3EBDF; }
.ai-bereich .sp-eyebrow { color: var(--c); }
.ai-fakten li { background: #fff; border-color: rgba(23,21,27,.08); color: #1e1c22; }

/* Themen: Linien statt Kästen, wie die Module auf /ausbildung */
.ai-liste { gap: 0; }
.ai-item, .ai-item[open] { border-radius: 0; background: transparent; border: 0; border-bottom: 1px solid rgba(23,21,27,.12); }
.ai-item:hover { border-color: rgba(23,21,27,.12); }
.ai-item summary { padding: 1rem 0; min-height: 60px; }
.ai-item__t { color: #1e1c22; font-weight: 700; }
.ai-item__plus { border-color: rgba(23,21,27,.2); }
.ai-item__plus::before, .ai-item__plus::after { background: #8A5A2B; }
.ai-item[open] .ai-item__plus { background: var(--c); border-color: var(--c); }
.ai-item[open] .ai-item__plus::before, .ai-item[open] .ai-item__plus::after { background: #fff; }
.ai-item__body { padding: 0 0 1.25rem calc(2.4rem + 0.9rem); }
.ai-item__body p { color: #3d3a44; }
@media (max-width: 520px) { .ai-item__body { padding-left: 0; } }
.ai-alle button { color: #6b6772; }
.ai-alle button:hover { color: #1e1c22; }

/* Live-Events */
.sp-section.sp-section--c.ai-events { background: #FAF6F0; }
.ai-events__bild { border-color: transparent; }
.ai-events__hinweis { background: #F3EBDF; border-color: rgba(138,90,43,.25); color: #1e1c22; }
.ai-events .sp-eyebrow { color: #8A5A2B; }

/* Schluss: dunkel wie auf /ausbildung */
.sp-section.sp-section--deep.ai-schluss { background: #17151b; }
.ai-schluss .sp-h2 { color: #fff; }
.ai-schluss .sp-acc { color: #E9C79A; }
.ai-schluss .sp-lead { color: #e2e0e5; }
.ai-geschafft { color: #1F7F7E; }

/* Pop-up-Modus */
html.ai-popup .nav, html.ai-popup nav.nav, html.ai-popup footer, html.ai-popup .rs-footer, html.ai-popup .mobile-nav,
html.ai-popup [id^="chatbase"], html.ai-popup [id^="hb-ki"], html.ai-popup .hb-ki-btn, html.ai-popup #nav-mobile, html.ai-popup #nav-overlay, html.ai-popup [data-ai-nur-seite] { display: none !important; }
html.ai-popup { --ai-top: 0px; }
html.ai-popup .ai-bar { top: 0 !important; }
html.ai-popup .ai-hero { padding: 3.5rem 0 2.5rem; }