/*
Theme Name: Denkraum
Theme URI: https://denkraum.theiner.de
Author: Werner Theiner
Description: Eigenes Theme für Theiners Denkraum im Look von theiner.de. Gehört zum Plugin „Denkraum“.
Version: 1.9.10
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: denkraum-theme
License: Proprietär
*/

/* ---------- Schrift (selbst gehostet, DSGVO-konform) ---------- */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/inter-latin-wght-normal.woff2") format("woff2")}

/* ---------- Farben und Maße (theiner.de) ---------- */
:root{
  --bg:#F6F3ED; --surface:#FFFFFF; --soft:#EDF0EA; --ink:#102D36; --mid:#647579; --rule:#DDD8CD;
  --dark:#102D36; --dark-2:#183A43; --deep:#0D1B1A; --on-dark:#FFFFFF; --on-dark-mid:rgba(255,255,255,.74); --dark-rule:rgba(255,255,255,.14);
  --accent:#E56A47; --accent-hi:#FF7957; --mint:#D9F3EA;
  --font:"Inter",ui-sans-serif,-apple-system,system-ui,"Segoe UI",Arial,sans-serif;
  --wrap:1180px; --read:700px; --gutter:clamp(16px,4vw,40px);
  /* an das Plugin weitergeben */
  --dr-ink:var(--ink); --dr-paper:var(--bg); --dr-surface:var(--surface); --dr-soft:var(--soft); --dr-mid:var(--mid); --dr-rule:var(--rule);
  --dr-dark:var(--dark); --dr-dark-2:var(--dark-2); --dr-accent:var(--accent); --dr-accent-hi:var(--accent-hi); --dr-mint:var(--mint); --dr-font:var(--font);
  color-scheme:light;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
a{color:var(--accent)}
h1,h2,h3,h4{font-weight:780;letter-spacing:-.045em;line-height:1.04;text-wrap:balance;margin:0}
h3,h4{letter-spacing:-.03em;line-height:1.12}
p{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:16px;z-index:100;background:#fff;padding:10px 14px;border-radius:8px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--read{max-width:calc(var(--read) + 2 * var(--gutter))}
section.sec{padding-block:clamp(60px,8vw,104px)}
.sec--soft{background:var(--soft)}
.sec--dark{background:var(--dark);color:var(--on-dark)}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:850;letter-spacing:.105em;text-transform:uppercase;color:var(--accent);margin:0}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor;flex:none}
.on-dark .eyebrow,.sec--dark .eyebrow{color:var(--accent-hi)}
.sec-head{display:grid;gap:14px;max-width:760px;margin-bottom:44px}
.sec-head h2{font-size:clamp(2rem,4.2vw,2.7rem)}
.sec-head p{color:var(--mid);font-size:1.08rem;max-width:var(--read)}
.sec--dark .sec-head p{color:var(--on-dark-mid)}
.sec-head--row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;max-width:none}

/* Buttons wie theiner.de */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:.75rem 1.25rem;font:800 .78rem/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s ease,background-color .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}
.btn--accent:hover{background:var(--accent-hi);border-color:var(--accent-hi)}
.btn--white{background:#fff;border-color:#fff;color:var(--ink)}
.btn--line{background:transparent;border-color:currentColor;color:inherit}
.btn--lg{padding:1rem 1.6rem;font-size:.82rem}

/* ---------- Kopf ---------- */
.site-head{position:sticky;top:0;z-index:40;background:var(--dark);color:var(--on-dark);border-bottom:1px solid var(--dark-rule)}
.admin-bar .site-head{top:32px}
@media (max-width:782px){.admin-bar .site-head{top:0}}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.brand{display:grid;gap:2px;color:#fff;text-decoration:none;line-height:1.1}
.brand b{font-size:.95rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.brand span{font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-mid)}
.nav{display:flex;align-items:center;gap:24px}
.nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.nav a:not(.btn){color:#fff;text-decoration:none;font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.nav a:not(.btn):hover,.nav .current-menu-item>a{color:var(--accent-hi)}
.nav-toggle{display:none;background:none;border:1px solid var(--dark-rule);color:#fff;border-radius:999px;padding:8px 14px;font:800 .7rem var(--font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
@media (max-width:900px){
  .nav-toggle{display:inline-flex}
  .nav .menu-wrap{display:none;position:absolute;left:0;right:0;top:100%;background:var(--dark);padding:12px var(--gutter) 22px;border-bottom:1px solid var(--dark-rule)}
  .nav.open .menu-wrap{display:block}
  .nav ul{flex-direction:column;gap:14px}
  .nav .btn--head{display:none}
}
.notice-bar{background:var(--mint)}
.notice-bar .dr-notice{margin:0;border-radius:0;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.notice-bar:has(.dr-notice--error){background:#FBE3DC}

/* ---------- Startseite ---------- */
.hero{background:var(--dark);color:#fff;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:stretch}
@media (max-width:880px){.hero .wrap{grid-template-columns:1fr}}
.hero__copy{padding-block:clamp(56px,8vw,104px);display:grid;gap:22px;align-content:center}
.hero h1{font-size:clamp(2rem,3.7vw,3.1rem);line-height:1.08;letter-spacing:-.035em}
.hero__lead{font-size:1.1rem;color:var(--on-dark-mid);max-width:36em}
.hero .dr-signup__micro{color:var(--on-dark-mid)}
.hero__photo{position:relative;margin:0;min-height:420px;background:radial-gradient(70% 60% at 55% 38%,#3b5a62 0%,#1d3a42 45%,#0d1b1a 100%)}
.hero__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
@media (max-width:880px){.hero__photo{min-height:480px;margin-inline:calc(-1 * var(--gutter))}}
.hero__photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;background:linear-gradient(to top,rgba(13,27,26,.92),transparent);display:grid;gap:4px}
.hero__photo blockquote{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.hero__photo span{font-size:.82rem;color:var(--on-dark-mid)}

.proof{background:var(--accent);color:#fff;padding-block:26px}
.proof ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:820px){.proof ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.proof li{display:grid;gap:2px;align-content:start}
.proof b{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}
.proof span{font-size:.84rem;color:rgba(255,255,255,.88)}

.value{overflow-x:auto;border-radius:16px;background:var(--surface);border:1px solid var(--rule)}
.value table{width:100%;border-collapse:collapse;min-width:640px}
.value th,.value td{padding:20px 24px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.value tr:last-child>*{border-bottom:0}
.value thead th{font-size:1.4rem;font-weight:800;letter-spacing:-.03em}
.value thead small{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);margin-top:6px}
.value tbody th{width:130px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);font-weight:800}
.value .plus{background:var(--mint)}
.value thead .plus small{color:var(--accent)}
.value ul{margin:0;padding-left:1.1em;display:grid;gap:4px}
.value .result{font-size:1.1rem;font-weight:700}

.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cards{grid-template-columns:1fr}}
.card{display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;border-radius:16px;background:var(--surface);border:1px solid var(--rule);text-decoration:none;color:inherit;overflow:hidden;transition:transform .15s ease,border-color .15s ease}
.card:hover{transform:translateY(-3px);border-color:var(--accent)}
.card__img{aspect-ratio:16/9;background:var(--soft);overflow:hidden}
.card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.card:hover .card__img img{transform:scale(1.03)}
.card__img--empty{display:grid;place-items:end start;padding:18px 22px;background:linear-gradient(135deg,var(--dark) 0%,var(--dark-2) 100%)}
.card__img--empty span{font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-hi)}
.meta__txt{white-space:nowrap}
.card__meta,.card__body,.card__go{padding-inline:24px}
.card__meta{padding-top:20px}
.card__img+.card__meta{padding-top:4px}
.card__body{display:grid;gap:10px;align-content:start}
.card h3{font-size:1.35rem}
.card p{color:var(--mid);font-size:.97rem}
.card__go{padding-bottom:22px;font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mid)}
.tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.tag--public{background:var(--mint);color:var(--ink)}
.tag--members{background:var(--soft);color:var(--ink);border:1px solid var(--rule)}
.tag--paid{background:var(--accent);color:#fff}
.tag--price{background:var(--dark);color:#fff}

.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:900px){.pillars{grid-template-columns:1fr}}
.pillar{padding:30px;border-radius:16px;background:var(--dark-2);color:#fff;display:grid;gap:12px;align-content:start}
.pillar h3{font-size:1.8rem}
.pillar h3 a{color:#fff;text-decoration:none}
.pillar p{color:var(--on-dark-mid)}
.pillar ul{list-style:none;margin:8px 0 0;padding:14px 0 0;border-top:1px solid var(--dark-rule);display:grid;gap:10px;font-size:.95rem}
.pillar li a{color:#fff;text-decoration:none;font-weight:600}
.pillar li a::after{content:" →";color:var(--accent-hi)}

.showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media (max-width:880px){.showcase{grid-template-columns:1fr}}
.panel{border-radius:16px;padding:30px;display:grid;gap:18px;align-content:start;background:var(--dark-2)}
.panel h3{font-size:1.7rem}
.panel p{color:var(--on-dark-mid)}
.rows{list-style:none;margin:0;padding:0;display:grid}
.rows li{border-top:1px solid var(--dark-rule)}
.rows a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:13px 0;color:#fff;text-decoration:none}
.rows .dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:.78rem}
.rows small{display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-mid)}
.rows b{font-weight:700}
.rows em{font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-mid);white-space:nowrap}

.about .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:880px){.about .wrap{grid-template-columns:1fr}}
.bigquote{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.045em;line-height:1.05;margin:0}
.bigquote small{display:block;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:16px}
.bio{display:grid;gap:16px;font-size:1.05rem}
.roles{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.roles li{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:var(--mint)}

.faq{max-width:760px;display:grid;border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-weight:750;font-size:1.08rem;letter-spacing:-.015em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:16px;font-size:1.6rem;font-weight:500;color:var(--accent);transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;color:var(--mid)}

.final .wrap{display:grid;gap:20px;max-width:820px}
.final h2{font-size:clamp(2.2rem,4.8vw,3.4rem)}
.final p.sub{color:var(--on-dark-mid);font-size:1.08rem}
.final .dr-signup__micro{color:var(--on-dark-mid)}

/* ---------- Archiv ---------- */
.archive-head{background:var(--dark);color:#fff;padding-block:clamp(48px,7vw,84px)}
.archive-head h1{font-size:clamp(2.4rem,5vw,3.6rem);margin-top:14px}
.archive-head p{color:var(--on-dark-mid);margin-top:12px;max-width:var(--read)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.chips a{padding:8px 14px;border-radius:999px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);text-decoration:none;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.chips a.is-active,.chips a:hover{background:var(--dark);border-color:var(--dark);color:#fff}
.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:44px}
.pagination .page-numbers{min-width:42px;padding:10px 14px;border-radius:999px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);text-decoration:none;text-align:center;font-weight:700}
.pagination .current{background:var(--dark);color:#fff;border-color:var(--dark)}

/* ---------- Beitrag ---------- */
.article-head{padding-block:clamp(44px,7vw,80px) 0}
.article-head .meta{margin-bottom:18px}
.article-head h1{font-size:clamp(2.3rem,5.2vw,3.6rem)}
.lede{font-size:1.28rem;font-weight:600;letter-spacing:-.01em;line-height:1.45;margin-top:20px;color:var(--ink)}
.article-img{margin:36px auto 0;max-width:calc(1000px + 2 * var(--gutter));padding-inline:var(--gutter)}
.article-img img{width:100%;border-radius:16px;display:block}
.entry-content{font-size:1.1rem;line-height:1.75;padding-block:40px 20px}
.entry-content>*+*{margin-top:1.15em}
.entry-content h2{font-size:1.8rem;margin-top:1.8em}
.entry-content h3{font-size:1.35rem;margin-top:1.6em}
.entry-content a{color:var(--accent);text-underline-offset:3px}
.entry-content blockquote{margin-inline:0;padding:4px 0 4px 22px;border-left:3px solid var(--accent);font-size:1.2rem;font-weight:600;letter-spacing:-.01em}
.entry-content figure{margin-inline:0}
.entry-content img{border-radius:12px}
.entry-content figcaption{font-size:.85rem;color:var(--mid);margin-top:8px}
.entry-content ul,.entry-content ol{padding-left:1.3em}
.entry-content li+li{margin-top:.4em}
.entry-content hr{border:0;border-top:1px solid var(--rule);margin-block:2.2em}
.entry-content pre{background:var(--dark);color:#EDF0EA;padding:16px 18px;border-radius:10px;overflow:auto;font-size:.88rem}
.entry-content iframe{max-width:100%}
.entry-content .wp-block-embed__wrapper{position:relative}
.author-box{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--rule);margin-block:30px}
.author-box img,.author-box .mono{width:72px;height:72px;border-radius:50%;object-fit:cover}
.author-box .mono{display:grid;place-items:center;background:var(--dark);color:var(--accent-hi);font-weight:850}
.author-box p{color:var(--mid);font-size:.95rem}
.author-box b{display:block;color:var(--ink);font-size:1.05rem}
.signup-box{border-radius:18px;background:var(--dark);color:#fff;padding:clamp(24px,4vw,36px);display:grid;gap:12px;margin-block:30px}
.signup-box h3{font-size:1.6rem;color:#fff}
.signup-box p{color:var(--on-dark-mid)}
.signup-box .dr-signup__micro{color:var(--on-dark-mid)}

/* Kurs */
.course-hero{background:var(--dark);color:#fff;padding-block:clamp(48px,7vw,88px)}
.course-hero .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center}
@media (max-width:880px){.course-hero .wrap{grid-template-columns:1fr}}
.course-hero h1{font-size:clamp(2.3rem,5vw,3.6rem);margin-top:14px}
.course-hero p.lede{color:var(--on-dark-mid)}
.course-box{background:var(--dark-2);border-radius:18px;padding:28px;display:grid;gap:14px}
.course-box .price{font-size:2.6rem;font-weight:850;letter-spacing:-.05em}
.course-box small{color:var(--on-dark-mid)}
.breadcrumb{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.breadcrumb a{color:var(--accent);text-decoration:none}

/* Seiten */
.page-head{padding-block:clamp(44px,7vw,80px) 10px}
.page-head h1{font-size:clamp(2.2rem,5vw,3.4rem)}

/* ---------- Fuß ---------- */
.site-foot{background:var(--deep);color:rgba(255,255,255,.72);padding-block:44px 110px;font-size:.88rem}
.site-foot .wrap{display:flex;flex-wrap:wrap;gap:18px 30px;justify-content:space-between;align-items:center}
.site-foot ul{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}
.site-foot a{color:rgba(255,255,255,.88);text-decoration:none;font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.site-foot a:hover{color:var(--accent-hi)}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--dark);color:#fff;display:none;gap:10px;align-items:center;justify-content:space-between}
.sticky-cta span{font-size:.86rem;color:var(--on-dark-mid)}
@media (max-width:720px){.sticky-cta{display:flex}.site-foot{padding-bottom:120px}}
@media (min-width:721px){.site-foot{padding-bottom:44px}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.season+.season{margin-top:64px;padding-top:48px;border-top:1px solid var(--rule)}
.season__desc{color:var(--mid);max-width:var(--read);margin:-6px 0 24px}

/* Staffel-Karussell */
.seasons{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.seasons__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:14px;outline:none}
.seasons__track::-webkit-scrollbar{display:none}
.seasons__track:focus-visible{box-shadow:0 0 0 2px var(--accent-hi)}
.season-slide{scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;color:#fff;text-decoration:none;background:var(--dark);border-radius:14px;overflow:hidden}
.season-slide__img{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--dark) 0%,#24525e 100%) center/cover no-repeat}
.season-slide__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,26,0) 45%,rgba(13,27,26,.75) 100%)}
.season-slide__badge{position:absolute;z-index:1;left:14px;top:14px;background:rgba(13,27,26,.72);backdrop-filter:blur(4px);padding:6px 10px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.season-slide__play{position:absolute;z-index:1;right:14px;bottom:14px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .2s,background .2s}
.season-slide:hover .season-slide__play,.season-slide:focus-visible .season-slide__play{transform:scale(1.08);background:var(--accent-hi)}
.season-slide__body{display:grid;gap:6px;padding:16px 18px 20px}
.season-slide__body small{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-hi)}
.season-slide__body b{font-size:1.25rem;line-height:1.25}
.season-slide__desc{color:var(--on-dark-mid);font-size:.92rem;line-height:1.5}
.seasons__nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.seasons__arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--dark-rule);background:transparent;color:#fff;font:700 1rem var(--font);cursor:pointer;transition:background .2s,border-color .2s}
.seasons__arrow:hover{background:var(--accent);border-color:var(--accent)}
.seasons__dots{display:flex;gap:8px}
.seasons__dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:width .25s,background .25s}
.seasons__dots button[aria-selected=true]{width:26px;background:var(--accent-hi)}
@media (prefers-reduced-motion:reduce){.seasons__track{scroll-behavior:auto}}

.site-foot__cancel{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-hi);text-decoration:none;flex-basis:100%}
.site-foot__cancel:hover{text-decoration:underline}
.proof__social{display:flex;gap:8px;margin-top:8px}
.proof__social a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.16);transition:background .2s,color .2s}
.proof__social a:hover,.proof__social a:focus-visible{background:#fff;color:var(--accent)}
.cards.is-loading{opacity:.45;transition:opacity .15s}
.sec-head--row+.chips{margin-top:-6px}
.stories-strip{padding-block:28px 10px}
.stories-strip .wrap{display:grid;gap:14px}
.stories-strip .eyebrow{margin:0}

/* Kostprobe */
.sample{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:stretch}
.sample__audio .dr-probe{height:100%;grid-template-rows:auto 1fr}
@media (max-width:880px){.sample{grid-template-columns:1fr}}
.sample__text{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--rule);border-radius:16px;overflow:hidden;background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.sample__text:hover{border-color:var(--accent);box-shadow:0 12px 30px rgba(16,45,54,.08)}
.sample__img{aspect-ratio:16/8;overflow:hidden;background:var(--dark)}
.sample__img img{width:100%;height:100%;object-fit:cover;display:block}
.sample__body{display:grid;gap:10px;padding:22px 24px 26px}
.sample__body b{font-size:clamp(1.3rem,2.4vw,1.6rem);line-height:1.2;letter-spacing:-.01em}
.sample__body>span{color:var(--ink-mid,#4a5c60);line-height:1.6}
.sample__body em{font-style:normal;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.sample__audio{display:grid;gap:12px}
/* Ergebnisse statt Format */
.outcomes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.outcomes li{position:relative;padding-left:30px;color:#fff;font-weight:600;line-height:1.45}
.outcomes li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:.72rem;display:grid;place-items:center}
.workbook-peek{margin:4px 0 0;border-radius:12px;overflow:hidden;background:#fff}
.workbook-peek img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover;object-position:top}
.workbook-peek figcaption{padding:8px 12px;font-size:.78rem;color:var(--ink-mid,#4a5c60)}
.rows-label{margin:6px 0 -8px;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-mid)}
.scene{border-left:3px solid var(--accent);padding-left:18px;margin:0 0 18px;font-size:1.08rem}
.scene p{margin:0 0 .8em}
.proof b a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5)}
.proof b a:hover{border-bottom-color:#fff}

/* Videos im Beitrag so breit wie das Titelbild, im 16:9-Format */
.entry-content :is(iframe[src*="youtube"],iframe[src*="youtu.be"],iframe[src*="vimeo"],iframe[src*="drive.google"],.wp-block-embed.is-type-video,.wp-block-video,.wp-block-embed-youtube){
  display:block;width:min(1000px,calc(100vw - 2 * var(--gutter)));max-width:none;height:auto;aspect-ratio:16/9;
  position:relative;left:50%;transform:translateX(-50%);border:0;border-radius:16px;overflow:hidden;margin-block:1.6em}
.entry-content :is(.wp-block-embed.is-type-video,.wp-block-embed-youtube,.wp-block-video) :is(iframe,video){position:static;left:auto;transform:none;width:100%;height:100%;aspect-ratio:16/9;border-radius:0;margin:0}
.entry-content :is(.wp-block-embed.is-type-video,.wp-block-embed-youtube) .wp-block-embed__wrapper{height:100%}
.entry-content :is(.wp-block-embed.is-type-video,.wp-block-embed-youtube,.wp-block-video){aspect-ratio:auto}
.entry-content :is(.wp-block-embed.is-type-video,.wp-block-embed-youtube) .wp-block-embed__wrapper{aspect-ratio:16/9}
.entry-content>.dr-yt{width:min(1000px,calc(100vw - 2 * var(--gutter)));max-width:none;position:relative;left:50%;transform:translateX(-50%);margin-block:1.6em}
.entry-content .dr-yt iframe{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.entry-content :is(.wp-block-embed.is-type-video,.wp-block-embed-youtube) .dr-yt{height:100%;border-radius:0}

/* Entdecke den Denkraum */
.sec--tight{padding-block:clamp(44px,6vw,72px)}
.cards--discover{align-items:stretch}
.discover-item{display:grid;grid-template-rows:auto 1fr;gap:10px}
.discover-item__label{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.discover-item .card{height:100%}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem)}
.hero__lead{font-size:clamp(1.05rem,1.6vw,1.22rem)}
.meta .tag+.tag{margin-left:4px}

/* ---------- Suche ---------- */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.search-btn{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;border:1px solid var(--dark-rule);border-radius:999px;padding:8px 14px;font:800 .7rem/1 var(--font);letter-spacing:.08em;text-transform:uppercase;transition:border-color .15s ease,background-color .15s ease}
.search-btn:hover{border-color:rgba(255,255,255,.4);background:var(--dark-2)}
@media (max-width:900px){.search-btn{padding:8px 11px}.search-btn__txt{display:none}.nav{gap:10px}}

.search-form{display:flex;align-items:center;gap:10px;max-width:640px;margin-top:26px;background:#fff;color:var(--ink);border-radius:999px;padding:6px 6px 6px 18px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.search-form svg{flex:none;color:var(--mid)}
.search-form input{flex:1;min-width:0;border:0;background:none;font:500 1.05rem/1.4 var(--font);color:var(--ink);padding:10px 4px;outline:0}
.search-form input::-webkit-search-cancel-button{cursor:pointer}
.search-form:focus-within{box-shadow:0 0 0 3px var(--accent-hi),0 10px 30px rgba(0,0,0,.18)}
@media (max-width:520px){.search-form .btn{padding:.75rem .9rem}}
.search-head h1{word-break:break-word}
.search-head__count{margin-top:16px!important;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.wrap--results{max-width:calc(880px + 2 * var(--gutter))}
.results{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.result__link{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;align-items:start;background:var(--surface);border:1px solid var(--rule);border-radius:18px;padding:14px;color:var(--ink);text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.result__link:hover{border-color:var(--ink);transform:translateY(-1px)}
.result__img{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--dark)}
.result__img img{width:100%;height:100%;object-fit:cover;display:block}
.result__kind{position:absolute;left:8px;bottom:8px;background:rgba(16,45,54,.86);color:#fff;border-radius:999px;padding:3px 9px;font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.result__kind--audio,.result__kind--video{background:var(--accent)}
.result__main{display:grid;gap:8px;padding-top:2px;min-width:0}
.result__title{font-size:1.25rem;font-weight:780;letter-spacing:-.03em;line-height:1.18}
.result__snip{color:var(--mid);font-size:.95rem;line-height:1.55}
.result__locked{justify-self:start;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:#FBE3DC;border-radius:999px;padding:4px 10px}
.results mark,.sdlg mark{background:var(--mint);color:inherit;border-radius:3px;padding:0 2px}
.result__title mark{background:none;box-shadow:inset 0 -.32em 0 var(--mint)}
@media (max-width:600px){.result__link{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:12px}.result__title{font-size:1.08rem}.result__kind{left:5px;bottom:5px;font-size:.55rem;padding:2px 6px}.result__snip{font-size:.9rem}}
.search-empty{display:grid;gap:10px;margin-bottom:26px;font-size:1.05rem}
.search-empty__suggest{font-weight:700}

/* Such-Fenster */
.sdlg{border:0;padding:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;background:transparent;color:var(--ink)}
.sdlg::backdrop{background:rgba(13,27,26,.62);backdrop-filter:blur(3px)}
.sdlg[open]{display:flex;justify-content:center;align-items:flex-start}
.sdlg__box{width:min(720px,calc(100% - 24px));margin-top:min(10vh,90px);max-height:calc(100% - min(10vh,90px) - 24px);display:flex;flex-direction:column;background:var(--bg);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;animation:sdlg-in .16s ease-out}
@keyframes sdlg-in{from{opacity:0;transform:translateY(-8px) scale(.99)}}
.sdlg__form{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 20px;background:var(--surface);border-bottom:1px solid var(--rule)}
.sdlg__form svg{flex:none;color:var(--mid)}
.sdlg__form input{flex:1;min-width:0;border:0;background:none;outline:0;font:600 1.2rem/1.4 var(--font);color:var(--ink);padding:8px 0}
.sdlg__form input::-webkit-search-cancel-button{display:none}
.sdlg__close{border:1px solid var(--rule);background:var(--bg);border-radius:8px;padding:5px 8px;cursor:pointer;color:var(--mid)}
.sdlg__close kbd{font:700 .7rem var(--font)}
.sdlg__body{overflow-y:auto;overscroll-behavior:contain;padding:10px 10px 12px}
.sdlg__start{padding:10px 10px 6px}
.sdlg__label{font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);margin-bottom:10px}
.sdlg__chips{display:flex;flex-wrap:wrap;gap:8px}
.sdlg__chips button,.sdlg__chips a{border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 14px;font:700 .85rem var(--font);cursor:pointer;text-decoration:none}
.sdlg__chips button:hover,.sdlg__chips a:hover{background:var(--dark);border-color:var(--dark);color:#fff}
.sdlg__hint{margin-top:16px;font-size:.85rem;color:var(--mid)}
.sdlg__status{padding:0 10px;font-size:.85rem;color:var(--mid)}
.sdlg__status:empty{display:none}
.sdlg__status a{font-weight:700}
.sdlg__list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.sdlg__item a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start;padding:10px;border-radius:14px;color:var(--ink);text-decoration:none}
.sdlg__item a:hover,.sdlg__item[aria-selected="true"] a{background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule)}
.sdlg__item[aria-selected="true"] a{box-shadow:inset 0 0 0 2px var(--accent)}
.sdlg__thumb{width:64px;aspect-ratio:1;border-radius:10px;background:var(--dark) center/cover no-repeat;display:grid;place-items:center;color:#fff;font-size:.55rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.sdlg__meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mid)}
.sdlg__meta .k{color:var(--accent)}
.sdlg__meta .a{background:var(--soft);color:var(--ink);border-radius:999px;padding:2px 8px}
.sdlg__t{display:block;font-weight:780;font-size:1rem;letter-spacing:-.02em;line-height:1.25;margin:3px 0 4px}
.sdlg__t mark{background:none;box-shadow:inset 0 -.32em 0 var(--mint)}
.sdlg__s{display:block;font-size:.86rem;line-height:1.5;color:var(--mid);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sdlg__lock{display:inline-block;margin-top:5px;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.sdlg__all{display:block;margin:10px 10px 2px;padding:12px 16px;border-radius:12px;background:var(--dark);color:#fff;text-decoration:none;font-weight:800;font-size:.85rem;text-align:center}
.sdlg__all:hover{background:var(--dark-2)}
.sdlg.is-loading .sdlg__list{opacity:.55;transition:opacity .2s}
@media (max-width:600px){.sdlg__box{width:100%;margin-top:0;max-height:100%;height:100%;border-radius:0}.sdlg__item a{grid-template-columns:52px minmax(0,1fr);gap:12px}.sdlg__thumb{width:52px}}
.sdlg__chips--page{margin-top:-6px}
html.sdlg-open{overflow:hidden}

/* Weitere Beiträge laden */
.more{display:grid;justify-items:center;gap:12px;margin-top:44px}
.more .pagination{margin-top:0}
.more__btn{color:var(--ink);min-width:240px;padding:.95rem 1.6rem;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
.more__btn:hover{background:var(--dark);border-color:var(--dark);color:#fff}
.more__btn[aria-busy="true"]{opacity:.6;cursor:progress}
.more__count{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mid)}
.more-in{animation:more-in .45s ease-out both}
@keyframes more-in{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){.more-in{animation:none}}
.more [hidden]{display:none!important}

/* ---------- Kurse im theiner.de-Stil ---------- */
.course-hero .wrap{align-items:end}
.course-hero h1{font-size:clamp(2.6rem,6vw,4.4rem);letter-spacing:-.055em}
.course-hero .lede{font-size:clamp(1.15rem,2vw,1.4rem);max-width:30ch}
.course-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:26px 0 0;padding:0}
.course-facts li{border:1px solid var(--dark-rule);border-radius:999px;padding:7px 14px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.04)}
.course-box{border:1px solid var(--dark-rule);box-shadow:0 30px 60px rgba(0,0,0,.25)}
.course-box .btn--lg{width:100%;padding-block:1rem}
.course-box__state{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;margin:0}
.course-box__fine{font-size:.82rem;color:var(--on-dark-mid);margin:0}
.course-box .price--soon{font-size:1.6rem}
.course-dots{display:flex;gap:8px;list-style:none;margin:6px 0 4px;padding:0}
.course-dots a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-weight:850;font-size:.85rem;text-decoration:none;border:1.5px solid var(--dark-rule);color:var(--on-dark-mid)}
.course-dots .is-open a{border-color:var(--accent-hi);color:#fff}
.course-dots .is-done a{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.course-dots .is-locked a{opacity:.55}
.course-dots .is-current a{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px rgba(229,106,71,.25)}

.course-body{padding-top:clamp(40px,6vw,72px)}
.course-body>.dr-drip,.course-body>.dr-drip__state{display:none}
.course-body .dr-intro{font-size:1.18rem}
.course-body .dr-needs{background:var(--surface);border:1px solid var(--rule);border-radius:22px;padding:clamp(22px,4vw,34px)}
.course-body .dr-needs h2{margin-top:0;font-size:1.5rem}
.course-body .dr-needs ul{list-style:none;padding:0;display:grid;gap:12px}
.course-body .dr-needs li{position:relative;padding-left:34px}
.course-body .dr-needs li::before{content:"";position:absolute;left:0;top:.35em;width:20px;height:20px;border-radius:50%;background:var(--mint)}
.course-body .dr-needs li::after{content:"";position:absolute;left:6px;top:.62em;width:7px;height:4px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}
.dr-needs__note{color:var(--mid);font-size:1rem}
.course-body .dr-days{display:grid;gap:12px;counter-reset:day;margin-top:20px}
.course-body .dr-day{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:18px;align-items:baseline;background:var(--surface);border:1px solid var(--rule);border-radius:18px;padding:18px 22px;margin:0}
.course-body .dr-day>*{margin:0}
.course-body .dr-day__n{grid-row:span 2;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.course-body .dr-day h3{font-size:1.2rem;margin:0}
.course-body .dr-day p:last-child{color:var(--mid);font-size:1rem}
@media (max-width:560px){.course-body .dr-day{grid-template-columns:1fr}.course-body .dr-day__n{grid-row:auto}}
.course-body .dr-measure{background:var(--dark);color:#fff;border-radius:22px;padding:clamp(24px,4vw,38px)}
.course-body .dr-measure h2{margin-top:0;color:#fff}
.course-body .dr-measure p{color:var(--on-dark-mid)}
.dr-example{border-left:4px solid var(--accent);background:var(--surface);border-radius:0 18px 18px 0;padding:20px 24px}
.dr-example__label,.dr-step__label,.dr-note__title{font-size:.72rem!important;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0!important;display:flex;align-items:center;gap:10px}
.dr-step__label::before{content:"";width:24px;height:2px;background:currentColor;flex:none}

/* Lektion */
.lesson-hero{background:var(--dark);color:#fff;padding-block:clamp(34px,5vw,64px) clamp(30px,4vw,48px)}
.lesson-hero__crumb{margin:0 0 22px}
.lesson-hero__crumb a{color:var(--on-dark-mid);text-decoration:none;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lesson-hero__crumb a:hover{color:#fff}
.lesson-hero h1{font-size:clamp(2.2rem,5vw,3.5rem);margin-top:12px;letter-spacing:-.05em}
.lesson-hero__result{margin-top:22px;background:rgba(217,243,234,.12);border:1px solid rgba(217,243,234,.28);border-radius:16px;padding:14px 18px;font-size:1.1rem;font-weight:650;line-height:1.45}
.lesson-hero__result span{display:block;font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--mint);margin-bottom:4px}
.course-dots--lesson{margin-top:24px}
.lesson-steps{position:sticky;top:72px;z-index:30;background:rgba(246,243,237,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.admin-bar .lesson-steps{top:104px}
.lesson-steps ol{display:flex;gap:6px;list-style:none;margin:0;padding:10px 0;overflow-x:auto;scrollbar-width:none;counter-reset:st}
.lesson-steps ol::-webkit-scrollbar{display:none}
.lesson-steps a{display:block;white-space:nowrap;padding:7px 12px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.lesson-steps a:hover,.lesson-steps a.is-here{background:var(--dark);color:#fff}
.lesson-body{padding-top:28px}
.lesson-body .dr-step{background:var(--surface);border:1px solid var(--rule);border-radius:22px;padding:clamp(22px,4vw,36px);margin-top:22px;scroll-margin-top:140px}
.lesson-body .dr-step>*+*{margin-top:1em}
.lesson-body .dr-step h2{margin-top:.5em;font-size:clamp(1.5rem,3vw,1.95rem)}
.lesson-body .dr-step--soft{background:var(--soft);border-color:transparent}
.lesson-body .dr-step--sheet{border:2px solid var(--ink)}
.lesson-body .dr-step--dialog{background:var(--dark);border-color:var(--dark);color:#fff}
.lesson-body .dr-step--dialog h2{color:#fff}
.lesson-body .dr-step--dialog p{color:var(--on-dark-mid)}
.lesson-body .dr-step--dialog .dr-step__label{color:var(--accent-hi)}
.lesson-body .dr-step--dialog .dr-ki{background:var(--dark-2);border:1px solid var(--dark-rule);border-left:4px solid var(--accent);color:#fff}
.lesson-body .dr-step--dialog .dr-ki .dr-eyebrow{color:var(--accent-hi)}
.lesson-body .dr-step--dialog .dr-ki__prompt{background:#0B2229;color:#EDF0EA}
.lesson-body .dr-step--dialog .dr-ki__hint{color:var(--on-dark-mid)}
.lesson-body .dr-step--dialog .dr-btn--line{color:#fff;border-color:rgba(255,255,255,.4)}
.lesson-body .dr-step--dialog details{border-top-color:var(--dark-rule);color:var(--on-dark-mid)}
.lesson-body .dr-step--dialog details summary{color:#fff}
.lesson-body .dr-step--check .dr-check-list{margin-top:14px}
.lesson-body .dr-note{background:var(--bg);border-radius:14px;padding:16px 20px}
.lesson-body .dr-step--soft .dr-note{background:var(--surface)}
.lesson-body .dr-note>*+*{margin-top:.5em}
.lesson-body .dr-timeline{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 16px;background:var(--bg);border-radius:14px;padding:16px 20px}
.lesson-body .dr-timeline>*{margin:0}
.dr-timeline__t{font-weight:850;color:var(--accent)}
.lesson-body details.dr-more{border-top:1px solid var(--rule);padding-top:12px}
.lesson-body details.dr-more summary{cursor:pointer;font-weight:780}
.lesson-body details.dr-more p{margin-top:.6em;font-size:1rem}
.lesson-body .dr-lesson-nav{margin-top:34px}
/* Klassische Themes: WordPress legt in Gruppen einen inneren Container an. Der soll das Layout nicht stören. */
.entry-content .wp-block-group__inner-container{display:contents}
.entry-content .wp-block-group>.wp-block-group__inner-container>*+*{margin-top:1em}
.course-body .dr-day>.wp-block-group__inner-container>*+*,.lesson-body .dr-timeline>.wp-block-group__inner-container>*+*{margin-top:0}
.lesson-body .dr-note>.wp-block-group__inner-container>*+*{margin-top:.5em}
.course-body .dr-days>.wp-block-group__inner-container>*+*{margin-top:0}
.course-body .dr-intro>.wp-block-group__inner-container>*+*{margin-top:.9em}
.lesson-steps .wrap--read{max-width:calc(860px + 2 * var(--gutter))}
.lesson-steps ol{gap:2px;justify-content:safe center}
.lesson-steps a{padding:7px 10px;font-size:.68rem}
.lesson-body .dr-step--dialog .dr-note{background:var(--dark-2);border:1px solid var(--dark-rule)}
.lesson-body .dr-step--dialog .dr-note p{color:var(--on-dark-mid)}
.lesson-body .dr-step--dialog .dr-note__title{color:var(--accent-hi)}
.lesson-body .dr-step--soft .dr-example{background:var(--surface)}
.dr-lesson--extra .dr-lesson__n{color:var(--mid)}


/* Kursübersicht: Reihe und Gamechanger */
.course-group{display:grid;gap:22px;margin-top:clamp(28px,4vw,44px)}
.course-group__head{display:grid;gap:8px;max-width:720px}
.course-group__head h3{font-size:clamp(1.5rem,2.6vw,2rem)}
.course-group__head p:not(.eyebrow){color:var(--mid)}
.course-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;counter-reset:none}
.course-path>li{position:relative;display:grid}
.course-path>li+li::before{content:"→";position:absolute;left:-27px;top:50%;transform:translateY(-50%);font-weight:800;font-size:1.2rem;color:var(--accent)}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ccard{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--rule);color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease}
.ccard:hover{transform:translateY(-2px);border-color:var(--accent)}
.ccard__step{align-self:flex-start;padding:5px 11px;border-radius:999px;background:var(--dark);color:#fff;font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.ccard h4{font-size:1.4rem}
.ccard__lead{color:var(--mid);font-size:.97rem}
.ccard__facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ccard__facts li{padding:4px 10px;border-radius:999px;background:var(--soft);font-size:.75rem;font-weight:700;color:var(--ink)}
.ccard__price{display:grid;gap:2px;margin-top:auto;padding-top:14px;border-top:1px solid var(--rule)}
.ccard__price b{font-size:.95rem}
.ccard__price span{color:var(--mid);font-size:.92rem}
.ccard__go{font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.course-note{margin-top:clamp(24px,3vw,34px);padding:18px 22px;border-radius:14px;background:var(--surface);border:1px solid var(--rule);color:var(--mid)}
.course-note b{color:var(--ink)}
@media (max-width:900px){
	.course-path,.course-grid{grid-template-columns:1fr;gap:26px}
	.course-path>li+li::before{content:"↓";left:50%;top:-25px;transform:translateX(-50%)}
}
.ccard__own{margin-top:6px;justify-self:start;padding:3px 10px;border-radius:999px;background:var(--mint);color:var(--ink);font-style:normal;font-size:.75rem;font-weight:800}
.ccard--img{padding-top:0;overflow:hidden}
.ccard__img{position:relative;display:block;margin:0 -24px 4px;aspect-ratio:16/9;background:var(--dark);overflow:hidden}
.ccard__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.ccard:hover .ccard__img img{transform:scale(1.03)}
.ccard__img .ccard__step{position:absolute;left:24px;bottom:14px;box-shadow:0 2px 10px rgba(0,0,0,.25)}

/* Einstieg: für wen */
.hero__for{margin-top:14px;padding-left:14px;border-left:3px solid var(--accent);color:#fff;font-weight:650;max-width:36em}
/* Drei Wege */
.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.path{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:16px;background:var(--surface);border:1px solid var(--rule)}
.path h3{font-size:1.35rem}
.path__text{color:var(--mid)}
.path__list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--rule)}
.path__list li{border-bottom:1px solid var(--rule)}
.path__list a{display:block;padding:10px 0;color:var(--ink);text-decoration:none;font-weight:650;font-size:.95rem;line-height:1.35}
.path__list a:hover{color:var(--accent)}
.path__cta{margin-top:auto;padding-top:8px;font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-decoration:none}
.path--umsetzen{background:var(--dark);border-color:var(--dark);color:#fff}
.path--umsetzen .path__text{color:var(--on-dark-mid)}
.path--umsetzen .path__list,.path--umsetzen .path__list li{border-color:var(--dark-rule)}
.path--umsetzen .path__list a{color:#fff}
.path--umsetzen .eyebrow{color:var(--accent-hi)}
/* Preise: Nutzen */
.plus-value{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:center;margin-bottom:28px;padding:24px 26px;border-radius:16px;background:var(--surface);border:1px solid var(--rule)}
.plus-value__list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.plus-value__list li{padding-left:26px;position:relative}
.plus-value__list li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}
.plus-value__list span{display:block;color:var(--mid);font-size:.88rem}
.plus-value__sum{padding:18px 20px;border-radius:12px;background:var(--mint);color:var(--ink)}
@media (max-width:900px){.paths,.plus-value{grid-template-columns:1fr}}

/* Strich vor der Kopfzeile nur noch in den Seitenköpfen */
.eyebrow::before{display:none}
.hero .eyebrow::before,.archive-head .eyebrow::before,.course-hero .eyebrow::before,.lesson-hero .eyebrow::before{display:block}

/* Hinweis-Kasten (aus Ghost übernommene Callouts) */
.dr-callout{padding:16px 20px;border-radius:12px;background:var(--soft);border-left:4px solid var(--accent);font-weight:600}
