/* S&S Academy UI – Kurs-Player (Neobroker) */
body.page{background:#0e0c08}
.ssk.ssl-on{max-width:none!important;padding:0!important;background:none!important;border:0!important}
.ssl{--bg:#0e0c08;--card:#17140f;--card2:#1f1b14;--gold:#c9a96a;--gold2:#dcc28e;--muted:#a2967f;--line:rgba(242,236,225,.09);
 width:min(1240px,calc(100vw - 40px));position:relative;left:50%;transform:translateX(-50%);margin:0 0 110px;font-family:Poppins,sans-serif;color:#f2ece1;-webkit-font-smoothing:antialiased}
.ssl *{box-sizing:border-box}
.ssl button{font:inherit;cursor:pointer}
.ssl-hero{padding:44px 0 30px}
.ssl-back{display:inline-block;font-size:14px;font-weight:500;color:#f2ece1!important;background:var(--card);border-radius:999px;padding:8px 16px}
.ssl-hero h1{font-family:Lora,Georgia,serif!important;font-weight:400!important;font-size:clamp(34px,4.4vw,58px)!important;line-height:1.02!important;letter-spacing:-.005em!important;margin:24px 0 26px!important;color:#f2ece1!important;text-transform:none!important}
.ssl-prog{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ssl-bar{flex:0 1 320px;height:6px;background:#2a251c;border-radius:3px;overflow:hidden}
.ssl-bar i{display:block;height:100%;width:0;background:var(--gold);border-radius:3px;transition:width .5s}
.ssl-progtxt{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.ssl-resume{margin-left:auto;background:#f2ece1;border:0;color:#0e0c08;border-radius:999px;padding:12px 22px;font-weight:600;font-size:14px!important}
.ssl-grid{display:grid;grid-template-columns:320px 1fr;gap:40px;padding-top:8px;align-items:start}
.ssl-toggle{display:none}
.ssl-side{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto;background:var(--card);border-radius:24px;padding:8px}
.ssl-side::-webkit-scrollbar{width:0}
.ssl-mod-h{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;color:#f2ece1;text-align:left;padding:14px 12px;border-radius:16px}
.ssl-mod-h:hover{background:var(--card2)}
.ssl-mod-h .n{flex:0 0 30px;height:30px;border-radius:50%;background:#2a251c;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#f2ece1}
.ssl-mod.complete .ssl-mod-h .n{background:var(--gold);color:#0e0c08}
.ssl-mod-h .t{flex:1;font-size:14.5px;font-weight:600;line-height:1.3}
.ssl-mod-h .c{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.ssl-mod-l{display:none;padding:0 4px 8px 4px}
.ssl-mod.open .ssl-mod-l{display:block}
.ssl-it{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;color:#cfc5b3!important;font-size:14px;line-height:1.35}
.ssl-it:hover{background:var(--card2);color:#f2ece1!important}
.ssl-it span{flex:1}
.ssl-it i{flex:0 0 18px;height:18px;border-radius:50%;border:2px solid #3a3428}
.ssl-it.done i{background:var(--gold);border-color:var(--gold)}
.ssl-it b{font-size:9px;color:var(--muted);font-weight:400}
.ssl-it.on{background:#f2ece1;color:#0e0c08!important}
.ssl-it.on b{color:#0e0c08}
.ssl-it.on i{border-color:#b3a88f}
.ssl-main{min-width:0}
.ssl-crumb{font-size:14px;color:var(--muted);font-weight:500}
.ssl .ssl-title{font-family:Lora,Georgia,serif!important;font-weight:400!important;font-size:clamp(26px,2.8vw,38px)!important;line-height:1.08!important;letter-spacing:-.005em!important;margin:8px 0 22px!important;color:#f2ece1!important;text-transform:none!important}
.ssl-unit{display:none;font-size:17px;line-height:1.7;color:#d9cfbd}
.ssl-unit.on{display:block;animation:sslIn .25s ease}
@keyframes sslIn{from{opacity:0}to{opacity:1}}
.ssl-unit figure.ssk-video{max-width:none;margin:0 0 30px;border-radius:22px;overflow:hidden;background:#000}
.ssl-unit figure.ssk-video video{width:100%;height:auto;aspect-ratio:16/9;display:block}
.ssl-unit figure.ssk-video figcaption{display:none}
.ssl-read{display:inline-block;font-size:13px;font-weight:500;color:var(--gold);background:rgba(201,169,106,.12);border-radius:999px;padding:6px 14px;margin:0 0 16px}
.ssl-unit.has-video>*:not(figure.ssk-video):not(.ssl-read){max-width:780px}
.ssl-unit p,.ssl-unit li{color:#d9cfbd!important}
.ssl-unit h4,.ssl-unit strong{color:#f2ece1!important}
.ssl-unit figure.ssk-gfx{margin:28px 0;max-width:none!important;border-radius:20px;overflow:hidden;background:#0e0c08;border:1px solid var(--line)}
.ssl-unit figure.ssk-gfx img{display:block;width:100%;height:auto}
.ssl-unit figure.ssk-gfx figcaption{font-size:14px;color:var(--muted);padding:12px 18px;margin:0;border-top:1px solid var(--line)}
.ssl-unit table{width:100%;font-size:15px}
.ssl-unit .ssk-tip,.ssl-unit .ssk-calc{background:var(--card)!important;border:0!important;border-radius:18px!important;padding:20px 24px!important}
.ssl-nav{display:flex;justify-content:space-between;gap:10px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
.ssl-prev,.ssl-done{border-radius:999px;padding:14px 24px;font-size:15px!important;font-weight:600}
.ssl-prev{background:var(--card);border:0;color:#f2ece1}
.ssl-prev:disabled{opacity:.35;cursor:default}
.ssl-done{background:#f2ece1;color:#0e0c08;border:0}
.ssl-done:hover{background:var(--gold2)}
@media (max-width:980px){
 .ssl{width:calc(100vw - 28px)}
 .ssl-hero{padding-top:22px}
 .ssl-resume{margin-left:0}
 .ssl-grid{grid-template-columns:1fr;gap:14px}
 .ssl-toggle{display:block;background:var(--card);border:0;color:#f2ece1;border-radius:16px;padding:14px 18px;text-align:left;font-size:15px;font-weight:600}
 .ssl-side{display:none;position:static;max-height:none}
 .ssl.side-open .ssl-side{display:block}
 .ssl-unit figure.ssk-video{border-radius:14px;margin-left:0;margin-right:0}
 .ssl-nav{flex-direction:column-reverse}
 .ssl-nav button{width:100%}
}
html body .entry-content .ssl a[href],html body .ssl a[href]{text-decoration:none!important;text-decoration-line:none!important}
html body .entry-content .ssl .ssl-it,html body .entry-content .ssl .ssl-it:visited{color:#cfc5b3!important}
html body .entry-content .ssl .ssl-it:hover{color:#f2ece1!important}
html body .entry-content .ssl .ssl-it.on{color:#0e0c08!important}
html body .entry-content .ssl .ssl-back{color:#f2ece1!important}
html body.page,html body.page .wp-site-blocks,html body.page main.wp-block-group{background:#0e0c08!important}
.ssl-side{scrollbar-width:none}
.ssl-unit,.ssl-unit p,.ssl-unit li,.ssl-unit td,.ssl-unit th,.ssl-unit span{font-family:Poppins,sans-serif!important}
.ssl-unit h4{font-family:Lora,Georgia,serif!important;font-weight:400!important;letter-spacing:-.005em!important}

.ssl-back,.ssl-crumb,.ssl-progtxt,.ssl-read,.ssl-mod-h .c,.ssl-unit figure.ssk-gfx figcaption{font-family:"IBM Plex Mono",monospace!important;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px!important}
.ssl-mod-h .t,.ssl-it{font-family:Poppins,sans-serif}
.ssl-mod-h .n{font-family:Lora,Georgia,serif;font-weight:400;font-size:15px}
.ssl-resume,.ssl-prev,.ssl-done,.ssl-toggle{font-family:Poppins,sans-serif!important;font-weight:500}
.ssl-unit h4{font-family:Lora,Georgia,serif!important;font-weight:400!important}
/* ===== HELL: Lernbereich (v1.3) ===== */
html body.page,html body.page .wp-site-blocks,html body.page main.wp-block-group{background:#F5F2EC!important}
.ssl{--card:#FFFFFF;--card2:#F0ECE4;--gold:#9A7A3E;--gold2:#B8955A;--muted:#7A7162;--line:#E4DED3;color:#1C1813}
/* dunkles Band oben */
.ssl-hero{position:relative;background:#0e0c08;box-shadow:0 0 0 100vmax #0e0c08;clip-path:inset(0 -100vmax);padding:44px 0 40px;margin-bottom:36px}
.ssl-hero .ssl-back{background:#1f1b14;color:#f2ece1!important}
.ssl-hero h1{color:#f2ece1!important}
.ssl-hero .ssl-bar{background:#2a251c}.ssl-hero .ssl-bar i{background:#c9a96a}
.ssl-hero .ssl-progtxt{color:#a2967f}
.ssl-hero .ssl-resume{background:#f2ece1;color:#0e0c08}
/* Sidebar */
.ssl-side{background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(28,24,19,.04)}
.ssl-mod-h{color:#1C1813}.ssl-mod-h:hover{background:var(--card2)}
.ssl-mod-h .n{background:#EFEAE0;color:#1C1813}
.ssl-mod.complete .ssl-mod-h .n{background:var(--gold);color:#fff}
.ssl-it{color:#5E574B!important}.ssl-it:hover{background:var(--card2);color:#1C1813!important}
.ssl-it i{border-color:#D6CFC2}.ssl-it.done i{background:var(--gold);border-color:var(--gold)}
.ssl-it.on{background:#1C1813;color:#F5F2EC!important}.ssl-it.on b{color:#F5F2EC}.ssl-it.on i{border-color:#6b6255}
html body .entry-content .ssl .ssl-it,html body .entry-content .ssl .ssl-it:visited{color:#5E574B!important}
html body .entry-content .ssl .ssl-it:hover{color:#1C1813!important}
html body .entry-content .ssl .ssl-it.on{color:#F5F2EC!important}
/* Inhalt */
.ssl-crumb{color:var(--muted)}
.ssl .ssl-title{color:#1C1813!important}
.ssl-unit{color:#3E382F}
.ssl-unit p,.ssl-unit li,.ssl-unit td{color:#3E382F!important}
.ssl-unit h4,.ssl-unit strong,.ssl-unit th{color:#1C1813!important}
.ssl-unit a{color:var(--gold)!important}
.ssl-unit figure.ssk-video{box-shadow:0 24px 60px rgba(28,24,19,.18)}
.ssl-read{color:var(--gold);background:rgba(154,122,62,.1)}
.ssl-unit figure.ssk-gfx{background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(28,24,19,.04)}
.ssl-unit figure.ssk-gfx figcaption{color:var(--muted);border-top:1px solid var(--line)}
.ssl-unit .ssk-tip,.ssl-unit .ssk-calc{background:#fff!important;border:1px solid var(--line)!important;color:#3E382F}
.ssl-unit .ssk-tip *,.ssl-unit .ssk-calc *{color:#3E382F}
.ssl-unit table td,.ssl-unit table th{border-color:var(--line)!important;background:transparent!important}
.ssl-nav{border-top:1px solid var(--line)}
.ssl-prev{background:#fff;border:1px solid var(--line);color:#1C1813}
.ssl-done{background:#1C1813;color:#F5F2EC}.ssl-done:hover{background:var(--gold);color:#fff}
@media (max-width:980px){.ssl-toggle{background:#fff;border:1px solid var(--line);color:#1C1813}.ssl-hero{padding:22px 0 28px}}
.ssl-legal{margin:28px 0 0;font-size:12.5px;line-height:1.6;color:#8A8173;max-width:780px}
.ssk-note{font-size:13px!important;line-height:1.6;color:#8A8173!important;max-width:720px;margin:12px 0 0!important}
html body .ssl main.ssl-main{background:transparent!important}
html body.page .entry-content>.wp-block-spacer:first-child{display:none!important}
html body.page .entry-content:has(.ssl){padding-top:0!important;margin-top:0!important}
.ssl-hero{clip-path:inset(-60px -100vmax 0 -100vmax)!important}html body header,html body .wp-block-template-part:first-child{position:relative;z-index:5}
.ssk-head .ssk-note{margin:16px auto 0!important;text-align:center;font-size:12.5px!important}
/* ===== v1.4 WERTIG ===== */
html,body{overflow-x:clip}
.ssl-hero{clip-path:none!important;box-shadow:none!important;background:transparent!important;position:relative;isolation:isolate;padding:64px 0 56px!important;margin-bottom:48px}
.ssl-hero::before{content:"";position:absolute;top:-80px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;background:linear-gradient(90deg,rgba(14,12,8,.97) 0%,rgba(14,12,8,.9) 45%,rgba(14,12,8,.55) 100%),var(--hero,none) center 40%/cover no-repeat,#0e0c08}
.ssl-hero h1{font-size:clamp(38px,5vw,64px)!important;margin:28px 0 30px!important;max-width:820px}
.ssl-hero .ssl-back{background:rgba(242,236,225,.08);border:1px solid rgba(242,236,225,.16);font-size:12px!important}
.ssl-hero .ssl-progtxt{color:#cfc5b3!important;font-size:12.5px!important}
.ssl-hero .ssl-bar{height:4px;background:rgba(242,236,225,.14)}
.ssl-resume{padding:14px 26px!important;font-size:15px!important}
/* Lesbarkeit */
.ssl{--muted:#6B6254}
.ssl-unit{font-size:17.5px;line-height:1.8}
.ssl-unit p,.ssl-unit li,.ssl-unit td{color:#2E2A24!important}
.ssl-crumb,.ssl-read,.ssl-mod-h .c,.ssl-unit figure.ssk-gfx figcaption{font-size:12.5px!important;color:#6B6254!important}
.ssl-read{color:#7A5F2C!important;background:rgba(154,122,62,.12)}
.ssl .ssl-title{font-size:clamp(30px,3vw,42px)!important;margin:10px 0 28px!important}
/* Sidebar edler */
.ssl-side{border-radius:20px;padding:10px}
.ssl-mod-h{padding:16px 12px}
.ssl-mod-h .t{font-size:15px;font-weight:500}
.ssl-mod-h .n{flex:0 0 32px;height:32px;background:transparent;border:1px solid #D9D1C3;font-size:15px}
.ssl-mod.complete .ssl-mod-h .n{border-color:var(--gold)}
.ssl-it{font-size:14.5px;padding:10px 12px 10px 14px;border-left:2px solid transparent;border-radius:0 10px 10px 0}
.ssl-it.on{background:#F5F2EC!important;color:#1C1813!important;border-left-color:var(--gold);font-weight:500}
.ssl-it.on b{color:var(--gold)}
.ssl-it.on i{border-color:var(--gold)}
html body .entry-content .ssl .ssl-it.on{color:#1C1813!important}
.ssl-it b{font-size:10px;color:#A39883}
/* Tipps & Tabellen */
.ssl-unit .ssk-tip{border-left:3px solid var(--gold)!important;border-radius:14px!important;background:#FBF9F5!important}
.ssl-unit table{border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ssl-unit th{background:#F5F2EC!important;font-family:"IBM Plex Mono",monospace!important;font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:#6B6254!important;text-align:left}
.ssl-unit th,.ssl-unit td{padding:12px 14px!important;border-bottom:1px solid var(--line)!important}
.ssl-legal{color:#6B6254!important;font-size:13px}
@media (max-width:980px){.ssl-hero{padding:36px 0 34px!important}.ssl-unit{font-size:16.5px}}
html body .entry-content .ssl.ssl a.ssl-it[href]:not(.zz),html body .entry-content .ssl.ssl a.ssl-back[href]:not(.zz){text-decoration:none!important;background-image:none!important}
html body .entry-content .ssl.ssl a.ssl-it[href]:not(.zz){color:#5E574B!important}
html body .entry-content .ssl.ssl a.ssl-it.on[href]:not(.zz),html body .entry-content .ssl.ssl a.ssl-it[href]:not(.zz):hover{color:#1C1813!important}
html body .entry-content .ssl.ssl a.ssl-back[href]:not(.zz){color:#f2ece1!important}