/* =====================================================
   DESIGN PANEL – zentrale Grundwerte
   Farben und Schriften bitte bevorzugt hier anpassen.
   Diese Version setzt Blau als saubere Ausgangskonfiguration.
   ===================================================== */
:root{
  --bg:#eef3f6;
  --text:#1f2c35;
  --accent:#000a99;
  --link:#000a99;
  --link-external:#4b56e7;
  --line:#8dbcdd;
  --level-1-bg:#ffffff;
  --level-2-bg:#ffffff;
  --level-2-hover:#e8eff7;
  --font-text:Inter, Arial, sans-serif;
  --font-ui:Inter, Arial, sans-serif;

  /* Flächenhierarchie */
  --level-1-bg:#ffffff;
  --level-1-border:#cad7e5;
  --level-2-bg:#ffffff;
  --level-2-border:#d7e2ee;
  --level-2-hover:#e9eff7;

  /* Typografie */
  --font-text:Inter, Arial, sans-serif;
  --font-ui:Inter, Arial, sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);line-height:1.65}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.site-shell{min-height:100vh}.hero__inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch}.hero__copy,.hero__visual,.archive,.background,.intro-card,.site-footer{background:rgba(255,255,255,.64);border:1px solid rgba(204,182,157,.78);border-radius:16px;backdrop-filter:blur(10px)}.hero__visual{display:flex}.hero__kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}h1{margin:0;line-height:.95;color:#4a2318}.hero__subtitle{margin:14px 0 0;color:#5e4f46}.hero__subtitle-lines{margin:10px 0 0}.hero__subtitle-line{margin:4px 0 0;color:#5e4f46}.hero__meta{margin:14px 0 0;color:var(--muted)}.hero__actions{display:flex;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line-strong);background:#fff8f0;color:var(--text)}.button:hover{text-decoration:none;background:#f7ede2}.button--primary{background:#a23a29;color:#fff;border:none}.button--primary:hover{background:#b24330}.reel-card{flex:1;border-radius:18px;background:rgba(255,252,247,.94);border:1px solid #e2d3c1;display:flex;flex-direction:column;justify-content:space-between}.reel-card__label{display:inline-block;align-self:flex-start;padding:8px 12px;border-radius:999px;background:#f2e3d2;color:#6d4830;font-size:.82rem}.reel-graphic{display:grid;place-items:center;position:relative;overflow:hidden}.reel{border-radius:50%;border:12px solid #5f463b;box-shadow:inset 0 0 0 16px #e7d7c4,inset 0 0 0 32px #735545;position:relative}.reel::before,.reel::after{content:"";position:absolute;inset:50%;width:18px;height:18px;margin:-9px;background:#4a352c;border-radius:50%}.reel--small{position:absolute;border-width:8px;box-shadow:inset 0 0 0 10px #e7d7c4,inset 0 0 0 24px #735545}.tape{position:absolute;height:3px;background:#86654a;transform:rotate(-10deg)}.reel-card__text{margin:0;color:#67584d}.page{max-width:1240px;margin:0 auto}.intro{display:grid;grid-template-columns:1fr 1fr}.intro-card h2,.section-head h2{margin:0 0 12px;line-height:1.1;color:#3a2317;font-weight:700}.jump-nav{display:grid;margin-top:8px}.jump-nav__item{border-radius:14px;background:#fffaf4;border:1px solid #e5d6c6;color:#57261b;font-weight:700}.jump-nav__item:hover{text-decoration:none;background:#f7ede2}.section-head{display:block}.section-head h2{margin:0}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.search{flex:1 1 360px}.search span{display:block;color:var(--muted)}.search input{width:100%;border-radius:12px;border:1px solid #dbcab7;background:#fffdf9;font:inherit;outline:none}.search input:focus{border-color:#b78d68;box-shadow:0 0 0 3px rgba(183,141,104,.18)}.episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.episode-card{background:rgba(255,255,255,.98);border:1px solid #e2d4c7;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.episode-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(59,34,18,.09);border-color:#d7c0ab}.episode-card__nr{margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.episode-card h3{margin:0;line-height:1.2;color:#5a2417}.episode-card__date{margin:8px 0 0;color:var(--muted)}.episode-card__actions{display:flex;flex-wrap:wrap}.mini-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #dcc8b4;background:#fff8f0;color:#5a2417;cursor:pointer}.mini-btn:hover{text-decoration:none;background:#f5e7da}.mini-btn--play{background:#b3412d;color:#fff;border:none}.mini-btn--play:hover{background:#bd4a34}.episode-audio{display:none}.episode-title-text{min-width:0}.background-stack{display:grid}.info-panel{background:#fffaf4;border:1px solid #e7d8c8;scroll-margin-top:24px}.info-panel h3{margin:0 0 12px;color:#5a2417;border-bottom:1px solid #ead8c5}.info-panel h5{color:#5a2417}.info-panel p{margin:8px 0 12px;color:#5d5046}.info-panel ul,.info-panel ol{margin:10px 0 12px 22px}.info-panel li{margin:4px 0}.site-footer{max-width:1240px;margin:0 auto 28px;padding:0}.footer-legal__column h4{margin:0 0 10px;padding:0 0 8px;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #d7cabc;color:#5d5046}.footer-legal__column,.footer-legal__column p,.footer-legal__column a{line-height:1.55;color:#6a5d52}.footer-legal__column p{margin:0 0 8px}.floating-player{position:fixed;right:18px;bottom:18px;z-index:1000;background:rgba(67,26,18,.92);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 50px rgba(27,10,5,.28);backdrop-filter:blur(12px)}.floating-player__label{margin:0 0 4px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}.floating-player__title{margin:0;font-weight:700;color:#fff7ef}.floating-player__controls{display:grid}.floating-player__button{appearance:none;border:none;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.floating-player__button:hover,.floating-player__button:focus-visible{background:rgba(255,255,255,.2)}.floating-player__timeline-wrap{min-width:0}.floating-player__timeline{width:100%;margin:0}.floating-player__times{display:flex;justify-content:space-between;gap:8px;margin-top:4px;color:rgba(255,255,255,.78)}.floating-player__speed-label{margin:0;white-space:nowrap;color:rgba(255,255,255,.78)}.floating-player__speed{border:none;border-radius:999px;background:rgba(255,255,255,.14);color:#fff}.floating-player audio{display:none}.floating-player__jump[disabled]{opacity:.45;cursor:default}.floating-player__jump:not([disabled]){font-size:1.05rem}body:has(.floating-player:not([hidden])){padding-bottom:140px}}@media (max-width:640px){.hero,.page{padding-left:14px;padding-right:14px}.hero__copy,.hero__visual,.archive,.background,.intro-card{padding:20px}h1{font-size:clamp(2.3rem,12vw,3.4rem)}.hero__subtitle{font-size:1.06rem}.floating-player{left:12px;right:12px;bottom:12px;width:auto;border-radius:14px;padding:12px}.floating-player__controls{grid-template-columns:auto 1fr;gap:10px}}body{font-size:15px}@media (max-width:640px){.hero,.page{padding-left:12px;padding-right:12px}h1{font-size:clamp(2rem,10vw,2.8rem)}.hero__subtitle{font-size:.98rem}.footer-inner{padding:18px 18px}.floating-player{left:10px;right:10px;bottom:10px;border-radius:16px;padding:10px 12px}}.jump-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.jump-nav__item{display:flex;align-items:center}.floating-player{display:block}.floating-player__controls{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center}@media (max-width:760px){.jump-nav{grid-template-columns:1fr}}@media (max-width:640px){.floating-player__controls{grid-template-columns:auto 1fr}}.episode-card.is-playing{background:#fffaf1;border-color:#cfb07c;box-shadow:0 14px 30px rgba(91,58,20,.14)}.episode-card.is-playing .mini-btn--play{background:#c07a2e}.floating-player__speed-group{display:flex!important;align-items:center;gap:8px}.floating-player__speed{display:inline-block}.floating-player__title{min-height:1.4em}html{scroll-padding-top:18px}.hero__copy,.hero__visual,.archive,.background,.intro-card,.site-footer{box-shadow:0 12px 28px rgba(56,32,17,.06);border-color:rgba(204,182,157,.72)}.hero__meta{letter-spacing:.01em}.jump-nav__item{line-height:1.35}.archive,.background,.intro-card{background:rgba(255,255,255,.68)}.episode-card{box-shadow:0 8px 18px rgba(59,34,18,.045)}.mini-btn{font-weight:500}.info-panel{position:relative}.info-panel__back{margin:18px 0 0;border-top:1px solid #ead8c5}.back-top{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid #dcc8b4;background:#fff8f0;color:#5a2417;font-weight:600}.back-top:hover{text-decoration:none;background:#f5e7da}.footer-legal__column{text-align:left}.footer-legal__column:first-child p{max-width:none}.footer-legal__column p br{line-height:1.75}.info-panel h3{scroll-margin-top:16px}@media (max-width:760px){.back-top{min-height:32px;padding:0 10px}}#projektziel,#archiv,#hintergrund,#beschreibung,#entstehung,#zusatzinfo,#suchaufruf,#literatur,#ueber,#danksagung,#impressum{scroll-margin-top:8px}#autoren,#schollum,#rocek{scroll-margin-top:8px}.bio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bio-card{background:#fffdf9;border:1px solid #e7d8c8}.bio-card h4{margin:0 0 12px;color:#5a2417;border-bottom:1px solid #ead8c5}.bio-card p{margin:8px 0 12px;color:#5d5046}.hero__subtitle a,.intro-card a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}@media (max-width:760px){.bio-grid{grid-template-columns:1fr}}@media (max-width:980px){.site-footer{margin-bottom:140px}.footer-inner{padding-right:24px}.footer-inner{padding-right:18px}}.footer-inner--legal{display:grid;align-items:start}.footer-legal__column{min-width:0;align-self:start}.footer-legal__column p{max-width:none}@media (max-width:760px){.footer-inner--legal{grid-template-columns:1fr;gap:20px}}.footer-inner{padding-right:24px!important}.footer-inner--legal{grid-template-columns:minmax(260px,1fr) minmax(320px,1.35fr)}@media (max-width:980px){.site-footer{margin-bottom:150px}.footer-inner{padding-right:24px!important}.footer-inner{padding-right:18px!important}}.search-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.search-count{margin:0;color:var(--muted);font-size:.92rem;font-weight:600}.search-empty{margin:0;color:#7a2f22;font-size:.92rem;font-weight:600}.episode-card[hidden]{display:none!important}.hero{padding:20px 16px 12px}.hero__inner{gap:16px}.hero__copy{padding:24px 24px 22px}.hero__visual{padding:16px}.hero__kicker{margin-bottom:10px;font-size:0.76rem}h1{font-size:clamp(2.15rem,3.6vw,3.5rem)}.hero__subtitle{margin-top:12px;font-size:0.98rem;max-width:34ch}.hero__meta{margin-top:10px;font-size:0.86rem}.hero__actions{margin-top:18px;gap:8px}.button{min-height:38px;padding:0 12px;font-size:0.88rem}.reel-card{padding:16px}.reel-graphic{min-height:150px}.reel{width:118px;height:118px}.reel--small{width:58px;height:58px;right:42px;top:16px}.tape{width:150px}.page{padding:6px 16px 22px}.intro{gap:14px;margin-bottom:18px}.intro-card,.archive,.background{padding:18px}.intro-card h2,.section-head h2{margin-bottom:10px;font-size:1.42rem}.intro-card p,.info-panel p{font-size:0.92rem}.jump-nav{gap:8px}.jump-nav__item{padding:10px 12px;min-height:0;font-size:0.9rem}.section-head{margin-bottom:14px}.filters{margin-bottom:12px}.search span{margin-bottom:6px;font-size:0.86rem}.search input{min-height:40px;padding:0 10px;font-size:0.92rem}.search-meta{margin:-2px 0 10px}.search-count,.search-empty{font-size:0.84rem}.episode-grid{gap:10px}.episode-card{border-radius:14px;padding:13px}.episode-card__nr{margin-bottom:4px;font-size:0.72rem}.episode-card h3{font-size:0.95rem}.episode-card__date{margin-top:6px;font-size:0.85rem}.episode-card__actions{gap:8px;margin-top:12px}.mini-btn{min-height:30px;padding:0 10px;font-size:0.8rem}.background-stack{gap:12px}.info-panel{border-radius:16px;padding:16px}.info-panel h3{margin-bottom:10px;padding-bottom:8px;font-size:1.22rem}.info-panel h5{margin:12px 0 6px;font-size:0.96rem}.info-panel__back{margin-top:14px;padding-top:10px}.back-top{min-height:30px;padding:0 10px;font-size:0.8rem}.bio-grid{gap:12px}.bio-card{border-radius:14px;padding:14px}.bio-card h4{margin-bottom:10px;padding-bottom:6px;font-size:1rem}.site-footer{margin-bottom:200px}.footer-inner{padding:20px 22px}.footer-inner--legal{gap:24px}.footer-legal__column h4{margin-bottom:8px;padding-bottom:6px;font-size:0.72rem}.footer-legal__column,.footer-legal__column p,.footer-legal__column a{font-size:0.78rem}.floating-player{width:min(470px,calc(100vw - 20px));border-radius:16px;padding:10px 12px}.floating-player__label{font-size:0.68rem}.floating-player__title{font-size:0.9rem}.floating-player__controls{gap:8px;margin-top:8px}.floating-player__button{width:34px;height:34px;font-size:0.9rem}.floating-player__times{font-size:0.72rem}.floating-player__speed-label{font-size:0.72rem}.floating-player__speed{padding:4px 7px;font-size:0.78rem}}@media (max-width:640px){.hero,.page{padding-left:12px;padding-right:12px}h1{font-size:clamp(1.95rem,9vw,2.7rem)}.hero__subtitle{font-size:0.92rem}.episode-card{padding:12px}.floating-player{left:10px;right:10px;bottom:10px;width:auto}}@media (min-width:981px){body{zoom:0.8}}@media (max-width:980px){body{zoom:0.9}}@media (max-width:640px){body{zoom:1}}@media (max-width:860px){.hero__inner,.intro,.episode-grid{grid-template-columns:1fr}.bio-grid{grid-template-columns:1fr}}@media (max-width:700px){.jump-nav{grid-template-columns:1fr}}@media (min-width:721px){.hero__inner{grid-template-columns:1.1fr .9fr!important}.intro{grid-template-columns:1fr 1fr!important}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-inner--legal{grid-template-columns:minmax(260px,1fr) minmax(320px,1.35fr)!important}}@media (max-width:720px){.hero__inner,.intro,.bio-grid,.footer-inner--legal{grid-template-columns:1fr!important}.hero,.page{padding-left:12px;padding-right:12px}}@media (max-width:600px){.episode-grid{grid-template-columns:1fr!important}.jump-nav{grid-template-columns:1fr!important}}@media (max-width:720px){body{zoom:1!important}.hero{padding:10px 10px 8px}.page{padding:4px 10px 18px}.hero__copy,.hero__visual,.intro-card,.archive,.background{border-radius:14px;padding:14px}.hero__kicker{font-size:0.68rem;margin-bottom:8px}h1{font-size:clamp(1.7rem,8vw,2.35rem);line-height:1.02}.hero__subtitle{font-size:0.88rem;line-height:1.45;max-width:none}.hero__meta{font-size:0.78rem;line-height:1.35}.hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.button{width:100%;min-height:34px;padding:0 10px;font-size:0.8rem}.hero__visual{display:none}.intro{gap:10px;margin-bottom:12px}.intro-card h2,.section-head h2{font-size:1.22rem;margin-bottom:8px}.intro-card p,.info-panel p,.footer-legal__column,.footer-legal__column p,.footer-legal__column a{font-size:0.84rem;line-height:1.52}.jump-nav{grid-template-columns:1fr!important;gap:7px}.jump-nav__item{padding:9px 10px;border-radius:10px;font-size:0.84rem}.section-head{margin-bottom:10px}.filters{margin-bottom:8px}.search span{font-size:0.8rem}.search input{min-height:36px;border-radius:10px;font-size:0.86rem}.search-meta{margin:0 0 8px}.search-count,.search-empty{font-size:0.78rem}.episode-grid{grid-template-columns:1fr!important;gap:8px}.episode-card{border-radius:12px;padding:11px}.episode-card__nr{font-size:0.66rem;margin-bottom:3px}.episode-card h3{font-size:0.9rem;line-height:1.25}.episode-card__date{font-size:0.78rem;margin-top:5px}.episode-card__actions{gap:6px;margin-top:10px}.mini-btn{min-height:28px;padding:0 9px;font-size:0.76rem}.background-stack{gap:10px}.info-panel{border-radius:12px;padding:12px}.info-panel h3{font-size:1.05rem;margin-bottom:8px;padding-bottom:6px}.info-panel h5{font-size:0.88rem;margin:10px 0 5px}.bio-grid{grid-template-columns:1fr!important;gap:10px}.bio-card{border-radius:12px;padding:12px}.bio-card h4{font-size:0.92rem;margin-bottom:8px}.back-top{min-height:28px;padding:0 9px;font-size:0.74rem}.site-footer{margin-bottom:96px}.footer-inner{padding:14px}.footer-inner--legal{grid-template-columns:1fr!important;gap:14px}.footer-legal__column h4{font-size:0.68rem;margin-bottom:6px;padding-bottom:5px}.floating-player{left:8px;right:8px;bottom:8px;width:auto;border-radius:14px;padding:10px}.floating-player__label{font-size:0.62rem}.floating-player__title{font-size:0.8rem;line-height:1.25}.floating-player__controls{grid-template-columns:auto auto 1fr;gap:8px;margin-top:8px}.floating-player__button{width:32px;height:32px;font-size:0.82rem}.floating-player__timeline-wrap{grid-column:1 / -1;grid-row:auto}.floating-player__times{font-size:0.68rem}.floating-player__speed-label{font-size:0.68rem}.floating-player__speed{font-size:0.74rem;padding:4px 6px}body:has(.floating-player:not([hidden])){padding-bottom:94px}}@media (max-width:420px){.hero__actions{grid-template-columns:1fr}.mini-btn{font-size:0.72rem}}@media (max-width:720px){.episode-card h3{font-size:0.96rem;line-height:1.3;text-wrap:balance}.episode-card__date{font-size:0.8rem;line-height:1.35}.episode-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch}.episode-card__actions .mini-btn{width:100%;justify-content:center;text-align:center;min-height:30px;padding:4px 8px;line-height:1.2}.episode-card__actions .mini-btn:only-child{grid-column:1 / -1}}@media (max-width:420px){.episode-card{padding:10px}.episode-card h3{font-size:0.9rem}.episode-card__actions{grid-template-columns:1fr}.episode-card__actions .mini-btn{min-height:28px;font-size:0.74rem}}@media (min-width:721px){.button--background{display:none!important}}#hintergrund-menu{scroll-margin-top:8px}.floating-player__speed option{color:#261b15!important;background:#fffdf9!important}@media (min-width:721px){.floating-player__speed{color:#fff}}.hero__inner,.page,.site-footer{width:min(1080px,calc(100% - 32px));max-width:none!important;margin-left:auto;margin-right:auto}.hero,.page,.site-footer{padding-left:0!important;padding-right:0!important}.footer-inner{padding-left:22px;padding-right:22px}@media (max-width:640px){.hero__inner,.page,.site-footer{width:min(1080px,calc(100% - 24px))}.footer-inner{padding-left:14px;padding-right:14px}}@media (max-width:720px){.hero__visual{display:none}}@media (min-width:601px) and (max-width:720px){.hero__visual{display:flex!important}.hero__inner{grid-template-columns:1fr!important}.hero__visual{padding:12px}.reel-card{padding:12px}.reel-graphic{min-height:120px}.reel{width:92px;height:92px}.reel--small{width:46px;height:46px;right:30px;top:12px}.tape{width:118px}.reel-card__text{font-size:0.78rem}}@media (prefers-color-scheme:dark){:root{--bg:#1d1814;--bg-2:#241d17;--line:#4a3d33;--line-strong:#5a493c;--text:#efe5d9;--muted:#c3b4a4;--accent:#d08d57;--surface:rgba(39,31,25,.86);--shadow:0 18px 40px rgba(0,0,0,.28)}body{background:var(--bg);color:var(--text)}a{color:#e3a16a}.hero__copy,.hero__visual,.archive,.background,.intro-card,.site-footer{background:rgba(39,31,25,.84);border-color:rgba(90,73,60,.92);box-shadow:0 18px 40px rgba(0,0,0,.28)}.hero__kicker,.hero__meta,.search-count,.search span,.episode-card__nr,.episode-card__date,.floating-player__label,.floating-player__times,.floating-player__speed-label{color:#cbbcab}h1,.intro-card h2,.section-head h2,.info-panel h3,.bio-card h4,.episode-card h3{color:#f6eadc}.hero__subtitle,.intro-card p,.info-panel p,.bio-card p,.footer-legal__column,.footer-legal__column p,.footer-legal__column a{color:#dfd2c5}.button,.mini-btn,.back-top,.jump-nav__item{background:#342a22;border-color:#5c4a3b;color:#f1e5d9}.button:hover,.mini-btn:hover,.back-top:hover,.jump-nav__item:hover{background:#403328;text-decoration:none}.button--primary,.mini-btn--play{background:#c47a46;color:#fffaf5;border:none}.reel-card{background:rgba(52,41,32,.96);border-color:#5c4a3b}.reel-card__label{background:#4a382b;color:#f2ddc9}.reel-card__text{color:#d8c8b8}.episode-card,.info-panel,.bio-card{background:rgba(50,40,32,.98);border-color:#5a493c;box-shadow:0 10px 24px rgba(0,0,0,.20)}.episode-card.is-playing{background:#5c4427;border-color:#b48753;box-shadow:0 14px 30px rgba(0,0,0,.28)}.episode-card.is-playing h3,.episode-card.is-playing .episode-card__nr,.episode-card.is-playing .episode-card__date{color:#fff1df}.search input,.floating-player__speed{background:#2e251e;border-color:#5a493c;color:#f4e8dc}.search input:focus{border-color:#d08d57;box-shadow:0 0 0 3px rgba(208,141,87,.18)}.info-panel h3,.bio-card h4,.footer-legal__column h4,.info-panel__back{border-color:#5a493c}.search-empty{color:#f0b184}.floating-player{background:rgba(24,19,15,.94);border-color:rgba(255,255,255,.08);box-shadow:0 22px 50px rgba(0,0,0,.42)}.floating-player__button{background:rgba(255,255,255,.08);color:#fff7ef}.floating-player__button:hover,.floating-player__button:focus-visible{background:rgba(255,255,255,.16)}.floating-player__title{color:#fff1df}.floating-player__speed option{background:#2e251e!important;color:#f4e8dc!important}}@media (prefers-color-scheme:dark){.floating-player{background:rgba(88,52,27,.96);border:1px solid rgba(212,146,83,.42);box-shadow:0 22px 50px rgba(0,0,0,.42),0 0 0 1px rgba(212,146,83,.10) inset}.floating-player__label{color:#f0c79d}.floating-player__title{color:#fff3e2}.floating-player__button{background:rgba(255,245,232,.12);color:#fff7ef;border:1px solid rgba(255,214,176,.16)}.floating-player__button:hover,.floating-player__button:focus-visible{background:rgba(255,245,232,.2)}.floating-player__times,.floating-player__speed-label{color:#f2d4b1}.floating-player__speed{background:#6b4327;color:#fff3e2;border:1px solid rgba(255,214,176,.18)}.floating-player__speed option{background:#fff8f1!important;color:#341e12!important}.floating-player__timeline{accent-color:#d49253}}body.theme-green{--accent:#5f7a56;--line:#cfd8c8;--line-strong:#b7c5ae}body.theme-green .episode-card.is-playing .mini-btn,body.theme-green .back-top:hover,body.theme-green .button:hover,body.theme-green .mini-btn:hover,body.theme-green .jump-nav__item:hover{border-color:#8aa179}@media (prefers-color-scheme:dark){body.theme-green{--accent:#9bbb86;--line:#43523f;--line-strong:#556951}body.theme-green .button--primary,body.theme-green .mini-btn--play{background:#7da166}body.theme-green .episode-card.is-playing{background:#4d603d;border-color:#9bbb86}body.theme-green .floating-player{background:rgba(67,93,57,.96);border-color:rgba(155,187,134,.42)}body.theme-green .floating-player__speed{background:#5d774f}body.theme-green .floating-player__timeline{accent-color:#9bbb86}}body.theme-blue{--accent:#496b95;--line:#cfd7e3;--line-strong:#b6c4d6}body.theme-blue .episode-card.is-playing .mini-btn,body.theme-blue .back-top:hover,body.theme-blue .button:hover,body.theme-blue .mini-btn:hover,body.theme-blue .jump-nav__item:hover{border-color:#7e9dc0}@media (prefers-color-scheme:dark){body.theme-blue{--accent:#8aa8cc;--line:#404b5a;--line-strong:#526274}body.theme-blue .button--primary,body.theme-blue .mini-btn--play{background:#7598c0}body.theme-blue .episode-card.is-playing{background:#40526a;border-color:#8aa8cc}body.theme-blue .floating-player{background:rgba(58,79,108,.96);border-color:rgba(138,168,204,.42)}body.theme-blue .floating-player__speed{background:#4f6e97}body.theme-blue .floating-player__timeline{accent-color:#8aa8cc}}.theme-switcher{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.theme-btn{min-height:28px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:.75rem}.theme-btn:hover{border-color:var(--accent)}body.theme-green{background:#f4f7f2}body.theme-green .jump-nav__item:hover,body.theme-green .mini-btn:hover,body.theme-green .button:hover{border-color:#6f9a63}body.theme-blue{background:#f2f5f9}body.theme-blue .jump-nav__item:hover,body.theme-blue .mini-btn:hover,body.theme-blue .button:hover{border-color:#5f86b3}body.theme-green{color:#243425}body.theme-green a{color:#436643}body.theme-green .hero__kicker,body.theme-green .hero__meta,body.theme-green .search span,body.theme-green .search-count,body.theme-green .episode-card__nr,body.theme-green .episode-card__date{color:#5f705c}body.theme-green h1,body.theme-green .intro-card h2,body.theme-green .section-head h2,body.theme-green .info-panel h3,body.theme-green .bio-card h4,body.theme-green .episode-card h3,body.theme-green .footer-legal__column h4{color:#264426}body.theme-green .hero__subtitle,body.theme-green .intro-card p,body.theme-green .info-panel p,body.theme-green .bio-card p,body.theme-green .footer-legal__column,body.theme-green .footer-legal__column p,body.theme-green .footer-legal__column a{color:#324632}body.theme-green .hero__copy,body.theme-green .hero__visual,body.theme-green .archive,body.theme-green .background,body.theme-green .intro-card,body.theme-green .site-footer{background:#f4f8f1;border-color:#cad8c3}body.theme-green .reel-card{background:#f7fbf4;border-color:#cfddc7}body.theme-green .reel-card__label{background:#dfead7;color:#466345}body.theme-green .reel-card__text{color:#476045}body.theme-green .episode-card,body.theme-green .bio-card,body.theme-green .info-panel{background:#ffffff;border-color:#d7e3ce}body.theme-green .jump-nav__item,body.theme-green .button,body.theme-green .mini-btn,body.theme-green .back-top,body.theme-green .theme-btn{background:#f8fbf6;border-color:#c9d9c3;color:#2f4c2f}body.theme-green .jump-nav__item:hover,body.theme-green .button:hover,body.theme-green .mini-btn:hover,body.theme-green .back-top:hover,body.theme-green .theme-btn:hover{background:#edf5e8;border-color:#89a97e;color:#2b452b}body.theme-green .button--primary,body.theme-green .mini-btn--play{background:#6f9a63;color:#fff;border:none}body.theme-green .button--primary:hover,body.theme-green .mini-btn--play:hover{background:#7aa86d;color:#fff}body.theme-green .search input{background:#ffffff;border-color:#c8d7c1;color:#233323}body.theme-green .search input::placeholder{color:#7a8a78}body.theme-green .search input:focus{border-color:#6f9a63;box-shadow:0 0 0 3px rgba(95,122,86,.18)}body.theme-green .search-empty{color:#5f7a56}body.theme-green .info-panel h3,body.theme-green .bio-card h4,body.theme-green .footer-legal__column h4,body.theme-green .info-panel__back{border-color:#d6e2cf}body.theme-green .episode-card.is-playing{background:#e4efdc;border-color:#8fad80;box-shadow:0 14px 30px rgba(74,101,69,.16)}body.theme-green .episode-card.is-playing h3,body.theme-green .episode-card.is-playing .episode-card__nr,body.theme-green .episode-card.is-playing .episode-card__date{color:#294022}body.theme-green .episode-card.is-playing .mini-btn{border-color:#8fad80}body.theme-green .theme-btn[data-theme="theme-green"]{background:#dce9d4;border-color:#7da06f;color:#284228;font-weight:700}body.theme-green .floating-player{background:rgba(70,100,60,.95);border-color:#8fad80}body.theme-green .floating-player__label,body.theme-green .floating-player__times,body.theme-green .floating-player__speed-label{color:#d8e7d1}body.theme-green .floating-player__title{color:#f4fbf0}body.theme-green .floating-player__button{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.10)}body.theme-green .floating-player__button:hover,body.theme-green .floating-player__button:focus-visible{background:rgba(255,255,255,.2)}body.theme-green .floating-player__timeline{accent-color:#7fa56f}body.theme-green .floating-player__speed{background:#5d774f;color:#fff;border:1px solid rgba(255,255,255,.12)}body.theme-green .floating-player__speed option{background:#f8fbf6!important;color:#233323!important}body.theme-blue{color:#243347}body.theme-blue a{color:#3f6792}body.theme-blue .hero__kicker,body.theme-blue .hero__meta,body.theme-blue .search span,body.theme-blue .search-count,body.theme-blue .episode-card__nr,body.theme-blue .episode-card__date{color:#617189}body.theme-blue h1,body.theme-blue .intro-card h2,body.theme-blue .section-head h2,body.theme-blue .info-panel h3,body.theme-blue .bio-card h4,body.theme-blue .episode-card h3,body.theme-blue .footer-legal__column h4{color:#243d5a}body.theme-blue .hero__subtitle,body.theme-blue .intro-card p,body.theme-blue .info-panel p,body.theme-blue .bio-card p,body.theme-blue .footer-legal__column,body.theme-blue .footer-legal__column p,body.theme-blue .footer-legal__column a{color:#33475e}body.theme-blue .hero__copy,body.theme-blue .hero__visual,body.theme-blue .archive,body.theme-blue .background,body.theme-blue .intro-card,body.theme-blue .site-footer{background:#f3f7fb;border-color:#cad7e6}body.theme-blue .reel-card{background:#f7fafd;border-color:#d1ddeb}body.theme-blue .reel-card__label{background:#dee8f4;color:#48698d}body.theme-blue .reel-card__text{color:#4b617a}body.theme-blue .episode-card,body.theme-blue .bio-card,body.theme-blue .info-panel{background:#ffffff;border-color:#d6e0ef}body.theme-blue .jump-nav__item,body.theme-blue .button,body.theme-blue .mini-btn,body.theme-blue .back-top,body.theme-blue .theme-btn{background:#f8fbff;border-color:#cad7e7;color:#2d4a6d}body.theme-blue .jump-nav__item:hover,body.theme-blue .button:hover,body.theme-blue .mini-btn:hover,body.theme-blue .back-top:hover,body.theme-blue .theme-btn:hover{background:#edf3fa;border-color:#7e9dc0;color:#28435f}body.theme-blue .button--primary,body.theme-blue .mini-btn--play{background:#5f86b3;color:#fff;border:none}body.theme-blue .button--primary:hover,body.theme-blue .mini-btn--play:hover{background:#6a93c2;color:#fff}body.theme-blue .search input{background:#ffffff;border-color:#c7d6e7;color:#22354b}body.theme-blue .search input::placeholder{color:#7a8799}body.theme-blue .search input:focus{border-color:#5f86b3;box-shadow:0 0 0 3px rgba(73,107,149,.18)}body.theme-blue .search-empty{color:#5f86b3}body.theme-blue .info-panel h3,body.theme-blue .bio-card h4,body.theme-blue .footer-legal__column h4,body.theme-blue .info-panel__back{border-color:#d7e2ef}body.theme-blue .episode-card.is-playing{background:#e3ecf7;border-color:#8aa6c8;box-shadow:0 14px 30px rgba(72,100,138,.16)}body.theme-blue .episode-card.is-playing h3,body.theme-blue .episode-card.is-playing .episode-card__nr,body.theme-blue .episode-card.is-playing .episode-card__date{color:#1d3550}body.theme-blue .episode-card.is-playing .mini-btn{border-color:#8aa6c8}body.theme-blue .theme-btn[data-theme="theme-blue"]{background:#dce7f4;border-color:#6d8fb5;color:#23405f;font-weight:700}body.theme-blue .floating-player{background:rgba(70,95,130,.96);border-color:#8aa6c8}body.theme-blue .floating-player__label,body.theme-blue .floating-player__times,body.theme-blue .floating-player__speed-label{color:#dbe6f3}body.theme-blue .floating-player__title{color:#f4f8fd}body.theme-blue .floating-player__button{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.10)}body.theme-blue .floating-player__button:hover,body.theme-blue .floating-player__button:focus-visible{background:rgba(255,255,255,.2)}body.theme-blue .floating-player__timeline{accent-color:#7fa0c6}body.theme-blue .floating-player__speed{background:#4f6e97;color:#fff;border:1px solid rgba(255,255,255,.12)}body.theme-blue .floating-player__speed option{background:#f7fbff!important;color:#22354b!important}@media (prefers-color-scheme:dark){body.theme-green{color:#e4ecd9}body.theme-green a{color:#b7d7a6}body.theme-green h1,body.theme-green .intro-card h2,body.theme-green .section-head h2,body.theme-green .info-panel h3,body.theme-green .bio-card h4,body.theme-green .episode-card h3{color:#f0f7e8}body.theme-green .hero__subtitle,body.theme-green .intro-card p,body.theme-green .info-panel p,body.theme-green .bio-card p,body.theme-green .footer-legal__column,body.theme-green .footer-legal__column p,body.theme-green .footer-legal__column a{color:#d6e2cf}body.theme-green .hero__copy,body.theme-green .hero__visual,body.theme-green .archive,body.theme-green .background,body.theme-green .intro-card,body.theme-green .site-footer{background:#22301f;border-color:#4e6347}body.theme-green .episode-card,body.theme-green .bio-card,body.theme-green .info-panel{background:#2b3927;border-color:#52684b}body.theme-green .jump-nav__item,body.theme-green .button,body.theme-green .mini-btn,body.theme-green .back-top,body.theme-green .theme-btn,body.theme-green .search input{background:#2b3927;border-color:#566b50;color:#eef6e8}body.theme-green .jump-nav__item:hover,body.theme-green .button:hover,body.theme-green .mini-btn:hover,body.theme-green .back-top:hover,body.theme-green .theme-btn:hover{background:#33452d}body.theme-green .theme-btn[data-theme="theme-green"]{background:#445b3b;border-color:#9bbb86;color:#f0f7e8}body.theme-blue{color:#e2e9f1}body.theme-blue a{color:#b3c9e2}body.theme-blue h1,body.theme-blue .intro-card h2,body.theme-blue .section-head h2,body.theme-blue .info-panel h3,body.theme-blue .bio-card h4,body.theme-blue .episode-card h3{color:#eef4fb}body.theme-blue .hero__subtitle,body.theme-blue .intro-card p,body.theme-blue .info-panel p,body.theme-blue .bio-card p,body.theme-blue .footer-legal__column,body.theme-blue .footer-legal__column p,body.theme-blue .footer-legal__column a{color:#d4deea}body.theme-blue .hero__copy,body.theme-blue .hero__visual,body.theme-blue .archive,body.theme-blue .background,body.theme-blue .intro-card,body.theme-blue .site-footer{background:#202935;border-color:#4d6075}body.theme-blue .episode-card,body.theme-blue .bio-card,body.theme-blue .info-panel{background:#273240;border-color:#566b82}body.theme-blue .jump-nav__item,body.theme-blue .button,body.theme-blue .mini-btn,body.theme-blue .back-top,body.theme-blue .theme-btn,body.theme-blue .search input{background:#273240;border-color:#5b7088;color:#eef4fb}body.theme-blue .jump-nav__item:hover,body.theme-blue .button:hover,body.theme-blue .mini-btn:hover,body.theme-blue .back-top:hover,body.theme-blue .theme-btn:hover{background:#304052}body.theme-blue .theme-btn[data-theme="theme-blue"]{background:#465d78;border-color:#8aa8cc;color:#eef4fb}}body.theme-green .info-panel h5,body.theme-green .info-panel h6,body.theme-green .footer-legal__column h5,body.theme-green .footer-legal__column h6{color:#355335}@media (prefers-color-scheme:dark){body.theme-green .info-panel h5,body.theme-green .info-panel h6,body.theme-green .footer-legal__column h5,body.theme-green .footer-legal__column h6{color:#d9ead1}}body.theme-blue .info-panel h5,body.theme-blue .info-panel h6,body.theme-blue .footer-legal__column h5,body.theme-blue .footer-legal__column h6{color:#2f4f73}@media (prefers-color-scheme:dark){body.theme-blue .info-panel h5,body.theme-blue .info-panel h6,body.theme-blue .footer-legal__column h5,body.theme-blue .footer-legal__column h6{color:#d7e4f1}}body.theme-red{background:#f8f3f3;color:#3a2222}body.theme-red a{color:#8a3a3a}body.theme-red .hero__copy,body.theme-red .hero__visual,body.theme-red .archive,body.theme-red .background,body.theme-red .intro-card,body.theme-red .site-footer{background:#faf6f6;border-color:#e2caca}body.theme-red .episode-card,body.theme-red .bio-card,body.theme-red .info-panel{background:#ffffff;border-color:#e7d2d2}body.theme-red .jump-nav__item,body.theme-red .button,body.theme-red .mini-btn,body.theme-red .theme-btn{background:#f9f3f3;border-color:#e0c8c8;color:#5a2a2a}body.theme-red .jump-nav__item:hover,body.theme-red .button:hover,body.theme-red .mini-btn:hover{background:#f1e3e3;border-color:#9a4b4b}body.theme-red .episode-card.is-playing{background:#f3dddd;border-color:#a66565}body.theme-red .floating-player{background:rgba(100,40,40,.95);border-color:#a66565}body.theme-red .floating-player__timeline{accent-color:#b16b6b}body.theme-forest{background:#eef3e8;color:#1f2f1a}body.theme-forest a{color:#3e6f2d}body.theme-forest .hero__copy,body.theme-forest .hero__visual,body.theme-forest .archive,body.theme-forest .background,body.theme-forest .intro-card,body.theme-forest .site-footer{background:#f2f7ed;border-color:#c9d7bf}body.theme-forest .episode-card,body.theme-forest .bio-card,body.theme-forest .info-panel{background:#ffffff;border-color:#d3dfc8}body.theme-forest .jump-nav__item,body.theme-forest .button,body.theme-forest .mini-btn,body.theme-forest .theme-btn{background:#f1f6eb;border-color:#c5d4b8;color:#2e4620}body.theme-forest .jump-nav__item:hover,body.theme-forest .button:hover,body.theme-forest .mini-btn:hover{background:#e5efdb;border-color:#557a2f}body.theme-forest .episode-card.is-playing{background:#d9e6c7;border-color:#6c8f3a}body.theme-forest .floating-player{background:rgba(55,80,30,.96);border-color:#6c8f3a}body.theme-forest .floating-player__timeline{accent-color:#8aa64a}body.theme-forest .hero__kicker,body.theme-forest .hero__meta,body.theme-forest .search span,body.theme-forest .search-count,body.theme-forest .episode-card__nr,body.theme-forest .episode-card__date{color:#667850}body.theme-forest h1,body.theme-forest .intro-card h2,body.theme-forest .section-head h2,body.theme-forest .info-panel h3,body.theme-forest .info-panel h5,body.theme-forest .info-panel h6,body.theme-forest .bio-card h4,body.theme-forest .episode-card h3,body.theme-forest .footer-legal__column h4{color:#30481d}body.theme-forest .hero__subtitle,body.theme-forest .intro-card p,body.theme-forest .info-panel p,body.theme-forest .bio-card p,body.theme-forest .footer-legal__column,body.theme-forest .footer-legal__column p,body.theme-forest .footer-legal__column a{color:#3b4e2a}body.theme-forest .reel-card{background:#f5f9ef;border-color:#d0ddc2}body.theme-forest .reel-card__label{background:#dde9cf;color:#476127}body.theme-forest .reel-card__text{color:#526742}body.theme-forest .search input{background:#ffffff;border-color:#c8d5bb;color:#26381b}body.theme-forest .search input::placeholder{color:#7b8b69}body.theme-forest .search input:focus{border-color:#6c8f3a;box-shadow:0 0 0 3px rgba(108,143,58,.18)}body.theme-forest .search-empty{color:#557a2f}body.theme-forest .info-panel h3,body.theme-forest .bio-card h4,body.theme-forest .footer-legal__column h4,body.theme-forest .info-panel__back{border-color:#d2dfc5}body.theme-forest .theme-btn[data-theme="theme-forest"]{background:#dbe8c8;border-color:#6c8f3a;color:#2f471d;font-weight:700}@media (prefers-color-scheme:dark){body.theme-forest{color:#e6eddc}body.theme-forest a{color:#c6dc97}body.theme-forest .hero__kicker,body.theme-forest .hero__meta,body.theme-forest .search span,body.theme-forest .search-count,body.theme-forest .episode-card__nr,body.theme-forest .episode-card__date{color:#b9c79c}body.theme-forest h1,body.theme-forest .intro-card h2,body.theme-forest .section-head h2,body.theme-forest .info-panel h3,body.theme-forest .info-panel h5,body.theme-forest .info-panel h6,body.theme-forest .bio-card h4,body.theme-forest .episode-card h3,body.theme-forest .footer-legal__column h4{color:#f0f5e6}body.theme-forest .hero__subtitle,body.theme-forest .intro-card p,body.theme-forest .info-panel p,body.theme-forest .bio-card p,body.theme-forest .footer-legal__column,body.theme-forest .footer-legal__column p,body.theme-forest .footer-legal__column a{color:#d8e1ca}body.theme-forest .hero__copy,body.theme-forest .hero__visual,body.theme-forest .archive,body.theme-forest .background,body.theme-forest .intro-card,body.theme-forest .site-footer{background:#26311b;border-color:#5c6f41}body.theme-forest .episode-card,body.theme-forest .bio-card,body.theme-forest .info-panel{background:#313d23;border-color:#627547}body.theme-forest .jump-nav__item,body.theme-forest .button,body.theme-forest .mini-btn,body.theme-forest .back-top,body.theme-forest .theme-btn,body.theme-forest .search input{background:#313d23;border-color:#66794a;color:#eef4e5}body.theme-forest .jump-nav__item:hover,body.theme-forest .button:hover,body.theme-forest .mini-btn:hover,body.theme-forest .back-top:hover,body.theme-forest .theme-btn:hover{background:#39492a}body.theme-forest .theme-btn[data-theme="theme-forest"]{background:#4a5f31;border-color:#9fbd63;color:#f0f5e6}}body.theme-red .button--primary,body.theme-red .mini-btn--play{background:#8f3e3e;border:2px solid #6e2d2d;color:#ffffff}body.theme-red .button--primary:hover,body.theme-red .mini-btn--play:hover{background:#a24a4a;border-color:#7d3333;color:#ffffff}body.theme-forest .button--primary,body.theme-forest .mini-btn--play{background:#4f6f22;border:2px solid #3d5719;color:#ffffff}body.theme-forest .button--primary:hover,body.theme-forest .mini-btn--play:hover{background:#5f852a;border-color:#48661f;color:#ffffff}body.theme-red .episode-card.is-playing .mini-btn--play{background:#8f3e3e;border:2px solid #6e2d2d}body.theme-forest .episode-card.is-playing .mini-btn--play{background:#4f6f22;border:2px solid #3d5719}.theme-switcher--footer{margin-top:40px;padding:6px 0;text-align:center;font-size:.6rem;opacity:.55}.theme-switcher--footer .theme-btn{font-size:.6rem;padding:1px 5px;border-radius:5px;border:1px solid var(--line)}.theme-switcher--footer:hover{opacity:.9}.theme-switcher--footer .theme-btn{cursor:pointer}.theme-switcher--footer .theme-btn[aria-pressed="true"]{opacity:1;font-weight:700;border-color:var(--accent)}.theme-switcher--footer .theme-btn[aria-pressed="false"]{opacity:.75}body,input,button,select,textarea{font-family:var(--font-text)}.button,.mini-btn,.back-top,.jump-nav__item,.theme-btn,.floating-player__button,.floating-player__speed,.search input{font-family:var(--font-ui)}.button,.mini-btn,.back-top,.jump-nav__item,.theme-btn{letter-spacing:.01em}body.theme-forest .back-top{background:#f1f6eb;border-color:#c5d4b8;color:#2e4620}body.theme-forest .back-top:hover{background:#e5efdb;border-color:#557a2f;color:#2e4620}@media (prefers-color-scheme:dark){body.theme-forest .back-top{background:#313d23;border-color:#66794a;color:#eef4e5}body.theme-forest .back-top:hover{background:#39492a;border-color:#8aa64a;color:#f0f5e6}}
/* v44 – Hierarchie-Farbstruktur
   Hinweis: Werte liegen auch zentral im DESIGN PANEL ganz oben.
   Für spätere Anpassungen bitte bevorzugt dort ändern. */
:root{
  --level-1-bg:#fbfcfd;
  --level-1-border:#cad7e5;
  --level-2-bg:#f4f7f9;
  --level-2-border:#d7e2ee;
  --level-2-hover:#e8eff7;
}
.hero__copy,.hero__visual,.intro-card,.archive,.background,.site-footer{
  background:var(--level-1-bg);
  border-color:var(--level-1-border);
}
.jump-nav__item,
.episode-card,
.info-panel,
.bio-card,
.reel-card,
.search input,
.button,
.mini-btn,
.back-top,
.theme-btn{
  background:var(--level-2-bg);
  border-color:var(--level-2-border);
}
.jump-nav__item:hover,
.button:hover,
.mini-btn:hover,
.back-top:hover,
.theme-btn:hover{
  background:var(--level-2-hover);
}
.button--primary,
.mini-btn--play{
  background:#8f2d1f;
  border-color:#8f2d1f;
  color:#fff;
}
.button--primary:hover,
.mini-btn--play:hover{
  background:#a33828;
  border-color:#a33828;
}
body.theme-green{
  --level-1-bg:#ffffff;
  --level-1-border:#cdd9c9;
  --level-2-bg:#f4f8f1;
  --level-2-border:#d9e5d3;
  --level-2-hover:#e9f1e3;
}
body.theme-blue{
  --level-1-bg:#ffffff;
  --level-1-border:#cad7e5;
  --level-2-bg:#ffffff;
  --level-2-border:#d7e2ee;
  --level-2-hover:#e8eff7;
}
body.theme-red{
  --level-1-bg:#ffffff;
  --level-1-border:#e2cece;
  --level-2-bg:#fbf4f4;
  --level-2-border:#ead9d9;
  --level-2-hover:#f4e7e7;
}
body.theme-forest{
  --level-1-bg:#ffffff;
  --level-1-border:#cfdbc4;
  --level-2-bg:#f4f8ef;
  --level-2-border:#dce7d2;
  --level-2-hover:#eaf1e1;
}
body.theme-green .hero__copy,body.theme-green .hero__visual,body.theme-green .intro-card,body.theme-green .archive,body.theme-green .background,body.theme-green .site-footer,
body.theme-blue .hero__copy,body.theme-blue .hero__visual,body.theme-blue .intro-card,body.theme-blue .archive,body.theme-blue .background,body.theme-blue .site-footer,
body.theme-red .hero__copy,body.theme-red .hero__visual,body.theme-red .intro-card,body.theme-red .archive,body.theme-red .background,body.theme-red .site-footer,
body.theme-forest .hero__copy,body.theme-forest .hero__visual,body.theme-forest .intro-card,body.theme-forest .archive,body.theme-forest .background,body.theme-forest .site-footer{
  background:var(--level-1-bg);
  border-color:var(--level-1-border);
}
body.theme-green .jump-nav__item,body.theme-green .episode-card,body.theme-green .info-panel,body.theme-green .bio-card,body.theme-green .reel-card,body.theme-green .search input,body.theme-green .button,body.theme-green .mini-btn,body.theme-green .back-top,body.theme-green .theme-btn,
body.theme-blue .jump-nav__item,body.theme-blue .episode-card,body.theme-blue .info-panel,body.theme-blue .bio-card,body.theme-blue .reel-card,body.theme-blue .search input,body.theme-blue .button,body.theme-blue .mini-btn,body.theme-blue .back-top,body.theme-blue .theme-btn,
body.theme-red .jump-nav__item,body.theme-red .episode-card,body.theme-red .info-panel,body.theme-red .bio-card,body.theme-red .reel-card,body.theme-red .search input,body.theme-red .button,body.theme-red .mini-btn,body.theme-red .back-top,body.theme-red .theme-btn,
body.theme-forest .jump-nav__item,body.theme-forest .episode-card,body.theme-forest .info-panel,body.theme-forest .bio-card,body.theme-forest .reel-card,body.theme-forest .search input,body.theme-forest .button,body.theme-forest .mini-btn,body.theme-forest .back-top,body.theme-forest .theme-btn{
  background:var(--level-2-bg);
  border-color:var(--level-2-border);
}
body.theme-green .jump-nav__item:hover,body.theme-green .button:hover,body.theme-green .mini-btn:hover,body.theme-green .back-top:hover,body.theme-green .theme-btn:hover,
body.theme-blue .jump-nav__item:hover,body.theme-blue .button:hover,body.theme-blue .mini-btn:hover,body.theme-blue .back-top:hover,body.theme-blue .theme-btn:hover,
body.theme-red .jump-nav__item:hover,body.theme-red .button:hover,body.theme-red .mini-btn:hover,body.theme-red .back-top:hover,body.theme-red .theme-btn:hover,
body.theme-forest .jump-nav__item:hover,body.theme-forest .button:hover,body.theme-forest .mini-btn:hover,body.theme-forest .back-top:hover,body.theme-forest .theme-btn:hover{
  background:var(--level-2-hover);
}

/* v45 – Ebene 2 im Bereich Hintergrund: weiss mit stärkerer Umrahmung */
.jump-nav__item,
.info-panel,
.bio-card{
  background:#ffffff;
  border:2px solid #d8cdbc;
  box-shadow:none;
}

.info-panel h3,
.bio-card h4{
  border-bottom-color:#ddd2c1;
}

.info-panel__back{
  border-top-color:#ddd2c1;
}

body.theme-green .jump-nav__item,
body.theme-green .info-panel,
body.theme-green .bio-card,
body.theme-blue .jump-nav__item,
body.theme-blue .info-panel,
body.theme-blue .bio-card,
body.theme-red .jump-nav__item,
body.theme-red .info-panel,
body.theme-red .bio-card,
body.theme-forest .jump-nav__item,
body.theme-forest .info-panel,
body.theme-forest .bio-card{
  background:#ffffff;
  border-color:var(--level-1-border);
}

body.theme-green .info-panel h3,
body.theme-green .bio-card h4,
body.theme-green .info-panel__back,
body.theme-blue .info-panel h3,
body.theme-blue .bio-card h4,
body.theme-blue .info-panel__back,
body.theme-red .info-panel h3,
body.theme-red .bio-card h4,
body.theme-red .info-panel__back,
body.theme-forest .info-panel h3,
body.theme-forest .bio-card h4,
body.theme-forest .info-panel__back{
  border-color:var(--level-1-border);
}

/* v8 – Rahmenfarben der Ebene 2 je Farbschema angleichen */
.background .jump-nav__item,
.background .info-panel,
.background .bio-card{
  background:#ffffff;
}

.background .info-panel,
.background .bio-card,
.background .jump-nav__item{
  border-width:2px;
}

.background .info-panel h3,
.background .bio-card h4,
.background .info-panel__back{
  border-color:#d9d1c6;
}

body.theme-green .background .jump-nav__item,
body.theme-green .background .info-panel,
body.theme-green .background .bio-card{
  border-color:#bfd0b4;
}
body.theme-green .background .info-panel h3,
body.theme-green .background .bio-card h4,
body.theme-green .background .info-panel__back{
  border-color:#c9d9bf;
}

body.theme-blue .background .jump-nav__item,
body.theme-blue .background .info-panel,
body.theme-blue .background .bio-card{
  border-color:#bccde0;
}
body.theme-blue .background .info-panel h3,
body.theme-blue .background .bio-card h4,
body.theme-blue .background .info-panel__back{
  border-color:#c9d8e8;
}

body.theme-red .background .jump-nav__item,
body.theme-red .background .info-panel,
body.theme-red .background .bio-card{
  border-color:#ddc2c2;
}
body.theme-red .background .info-panel h3,
body.theme-red .background .bio-card h4,
body.theme-red .background .info-panel__back{
  border-color:#e6d0d0;
}

body.theme-forest .background .jump-nav__item,
body.theme-forest .background .info-panel,
body.theme-forest .background .bio-card{
  border-color:#c4d3b8;
}
body.theme-forest .background .info-panel h3,
body.theme-forest .background .bio-card h4,
body.theme-forest .background .info-panel__back{
  border-color:#d0dcc6;
}

@media (prefers-color-scheme:dark){
  body.theme-green .background .jump-nav__item,
  body.theme-green .background .info-panel,
  body.theme-green .background .bio-card{
    border-color:#7f986d;
  }
  body.theme-green .background .info-panel h3,
  body.theme-green .background .bio-card h4,
  body.theme-green .background .info-panel__back{
    border-color:#71875f;
  }

  body.theme-blue .background .jump-nav__item,
  body.theme-blue .background .info-panel,
  body.theme-blue .background .bio-card{
    border-color:#758eac;
  }
  body.theme-blue .background .info-panel h3,
  body.theme-blue .background .bio-card h4,
  body.theme-blue .background .info-panel__back{
    border-color:#6d84a1;
  }

  body.theme-red .background .jump-nav__item,
  body.theme-red .background .info-panel,
  body.theme-red .background .bio-card{
    border-color:#9e7373;
  }
  body.theme-red .background .info-panel h3,
  body.theme-red .background .bio-card h4,
  body.theme-red .background .info-panel__back{
    border-color:#8e6666;
  }

  body.theme-forest .background .jump-nav__item,
  body.theme-forest .background .info-panel,
  body.theme-forest .background .bio-card{
    border-color:#7b9366;
  }
  body.theme-forest .background .info-panel h3,
  body.theme-forest .background .bio-card h4,
  body.theme-forest .background .info-panel__back{
    border-color:#70875c;
  }
}

/* v9 – Folgenkarten: weisser Hintergrund + stärkerer Rahmen */
.episode-card{
  background:#ffffff;
  border:2px solid #d8cdbc;
  box-shadow:none;
}

.episode-card:hover{
  background:#ffffff;
  border-color:#c7b79f;
  box-shadow:0 2px 10px rgba(38,27,21,.06);
}

.episode-card.is-playing{
  background:#ffffff;
  border:2px solid #b88c57;
  box-shadow:0 2px 12px rgba(91,58,20,.10);
}

body.theme-green .episode-card{
  background:#ffffff;
  border-color:#bfd0b4;
}
body.theme-green .episode-card:hover{
  background:#ffffff;
  border-color:#9db589;
}
body.theme-green .episode-card.is-playing{
  background:#ffffff;
  border-color:#7f9a63;
}

body.theme-blue .episode-card{
  background:#ffffff;
  border-color:#bccde0;
}
body.theme-blue .episode-card:hover{
  background:#ffffff;
  border-color:#8ea9c6;
}
body.theme-blue .episode-card.is-playing{
  background:#ffffff;
  border-color:#6f91b4;
}

body.theme-red .episode-card{
  background:#ffffff;
  border-color:#ddc2c2;
}
body.theme-red .episode-card:hover{
  background:#ffffff;
  border-color:#c99797;
}
body.theme-red .episode-card.is-playing{
  background:#ffffff;
  border-color:#a66a6a;
}

body.theme-forest .episode-card{
  background:#ffffff;
  border-color:#c4d3b8;
}
body.theme-forest .episode-card:hover{
  background:#ffffff;
  border-color:#9fb285;
}
body.theme-forest .episode-card.is-playing{
  background:#ffffff;
  border-color:#7c9955;
}

/* v49 – einheitliche Buttonlogik über alle Farbschemata */
:root{
  --btn-bg:#ffffff;
  --btn-bg-hover:#f6f3ef;
  --btn-border:#cdbfb1;
  --btn-border-hover:#b79f88;
  --btn-text:var(--text);
  --btn-accent-bg:#8f3b2e;
  --btn-accent-hover:#7e3125;
  --btn-accent-border:#6f281d;
  --btn-accent-border-hover:#5f2118;
}

.button,
.mini-btn,
.back-top,
.theme-btn{
  border-width:2px;
  border-style:solid;
  border-color:var(--btn-border);
  background:var(--btn-bg);
  color:var(--btn-text);
  font-weight:600;
  box-shadow:none;
}

.button:hover,
.mini-btn:hover,
.back-top:hover,
.theme-btn:hover{
  background:var(--btn-bg-hover);
  border-color:var(--btn-border-hover);
  color:var(--btn-text);
}

.button--primary,
.mini-btn--play{
  background:var(--btn-accent-bg);
  border:2px solid var(--btn-accent-border);
  color:#fff;
}

.button--primary:hover,
.mini-btn--play:hover{
  background:var(--btn-accent-hover);
  border-color:var(--btn-accent-border-hover);
  color:#fff;
}

.episode-card.is-playing .mini-btn--play{
  background:var(--btn-accent-bg);
  border:2px solid var(--btn-accent-border);
  color:#fff;
}

.episode-card.is-playing .mini-btn--play:hover{
  background:var(--btn-accent-hover);
  border-color:var(--btn-accent-border-hover);
}

body.theme-green{
  --btn-border:#b8c8bb;
  --btn-border-hover:#8da88f;
  --btn-accent-bg:#5e7b58;
  --btn-accent-hover:#4e694a;
  --btn-accent-border:#476243;
  --btn-accent-border-hover:#395036;
}

body.theme-blue{
  --btn-border:#bcc9d9;
  --btn-border-hover:#8ea9c6;
  --btn-accent-bg:#4f7099;
  --btn-accent-hover:#426084;
  --btn-accent-border:#395371;
  --btn-accent-border-hover:#2f4660;
}

body.theme-red{
  --btn-border:#d6c0c0;
  --btn-border-hover:#bd8e8e;
  --btn-accent-bg:#8f4a4a;
  --btn-accent-hover:#793d3d;
  --btn-accent-border:#6a3333;
  --btn-accent-border-hover:#582929;
}

body.theme-forest{
  --btn-border:#c6d4b8;
  --btn-border-hover:#96af79;
  --btn-accent-bg:#58752b;
  --btn-accent-hover:#4a6224;
  --btn-accent-border:#41561f;
  --btn-accent-border-hover:#364719;
}

@media (prefers-color-scheme:dark){
  :root{
    --btn-bg:#2c241f;
    --btn-bg-hover:#362c25;
    --btn-border:#6b5a4d;
    --btn-border-hover:#8a755f;
    --btn-text:#f3ece6;
    --btn-accent-bg:#a04b3d;
    --btn-accent-hover:#b25646;
    --btn-accent-border:#7d3428;
    --btn-accent-border-hover:#944034;
  }

  body.theme-green{
    --btn-bg:#263125;
    --btn-bg-hover:#2f3b2d;
    --btn-border:#5d7359;
    --btn-border-hover:#7e9a79;
    --btn-text:#edf4ea;
    --btn-accent-bg:#6f915f;
    --btn-accent-hover:#82a771;
    --btn-accent-border:#55714b;
    --btn-accent-border-hover:#68885c;
  }

  body.theme-blue{
    --btn-bg:#232b35;
    --btn-bg-hover:#2c3642;
    --btn-border:#62758d;
    --btn-border-hover:#84a1c1;
    --btn-text:#ecf2f8;
    --btn-accent-bg:#6f90b8;
    --btn-accent-hover:#84a6cf;
    --btn-accent-border:#536e8d;
    --btn-accent-border-hover:#6785a8;
  }

  body.theme-red{
    --btn-bg:#342626;
    --btn-bg-hover:#412f2f;
    --btn-border:#836060;
    --btn-border-hover:#a97c7c;
    --btn-text:#f6eded;
    --btn-accent-bg:#9d5959;
    --btn-accent-hover:#b46a6a;
    --btn-accent-border:#7f4646;
    --btn-accent-border-hover:#975555;
  }

  body.theme-forest{
    --btn-bg:#273121;
    --btn-bg-hover:#303c29;
    --btn-border:#66794a;
    --btn-border-hover:#8fb05d;
    --btn-text:#eff5e8;
    --btn-accent-bg:#6a8a34;
    --btn-accent-hover:#7da342;
    --btn-accent-border:#516927;
    --btn-accent-border-hover:#628031;
  }
}

/* v50 – einheitliches Button-Layout für alle Buttons */
.button,.mini-btn,.back-top,.theme-btn,.button--primary,.mini-btn--play{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:2px solid var(--btn-border);
  background:var(--btn-bg);
  color:var(--btn-text);
  font-family:inherit;
  font-size:.86rem;
  font-weight:500;
  letter-spacing:.01em;
  text-decoration:none;
  box-shadow:none;
}

.button:hover,.mini-btn:hover,.back-top:hover,.theme-btn:hover,.button--primary:hover,.mini-btn--play:hover{
  background:var(--btn-bg-hover);
  border-color:var(--btn-border-hover);
  color:var(--btn-text);
  text-decoration:none;
}

.episode-card.is-playing .mini-btn--play,
.episode-card.is-playing .mini-btn--play:hover,
body.theme-green .episode-card.is-playing .mini-btn--play,
body.theme-blue .episode-card.is-playing .mini-btn--play,
body.theme-red .episode-card.is-playing .mini-btn--play,
body.theme-forest .episode-card.is-playing .mini-btn--play,
body.theme-green .button--primary,
body.theme-blue .button--primary,
body.theme-red .button--primary,
body.theme-forest .button--primary,
body.theme-green .mini-btn--play,
body.theme-blue .mini-btn--play,
body.theme-red .mini-btn--play,
body.theme-forest .mini-btn--play,
body.theme-green .button--primary:hover,
body.theme-blue .button--primary:hover,
body.theme-red .button--primary:hover,
body.theme-forest .button--primary:hover,
body.theme-green .mini-btn--play:hover,
body.theme-blue .mini-btn--play:hover,
body.theme-red .mini-btn--play:hover,
body.theme-forest .mini-btn--play:hover{
  border:2px solid var(--btn-border);
  background:var(--btn-bg);
  color:var(--btn-text);
}

.button--primary:hover,
.mini-btn--play:hover,
.episode-card.is-playing .mini-btn--play:hover,
body.theme-green .episode-card.is-playing .mini-btn--play:hover,
body.theme-blue .episode-card.is-playing .mini-btn--play:hover,
body.theme-red .episode-card.is-playing .mini-btn--play:hover,
body.theme-forest .episode-card.is-playing .mini-btn--play:hover{
  background:var(--btn-bg-hover);
  border-color:var(--btn-border-hover);
  color:var(--btn-text);
}

/* v51 – alle Buttons in allen Paletten als Outline-Buttons */
.button,
.mini-btn,
.back-top,
.theme-btn,
.button--primary,
.mini-btn--play,
.episode-card.is-playing .mini-btn--play,
body.theme-green .button,
body.theme-green .mini-btn,
body.theme-green .back-top,
body.theme-green .theme-btn,
body.theme-green .button--primary,
body.theme-green .mini-btn--play,
body.theme-green .episode-card.is-playing .mini-btn--play,
body.theme-blue .button,
body.theme-blue .mini-btn,
body.theme-blue .back-top,
body.theme-blue .theme-btn,
body.theme-blue .button--primary,
body.theme-blue .mini-btn--play,
body.theme-blue .episode-card.is-playing .mini-btn--play,
body.theme-red .button,
body.theme-red .mini-btn,
body.theme-red .back-top,
body.theme-red .theme-btn,
body.theme-red .button--primary,
body.theme-red .mini-btn--play,
body.theme-red .episode-card.is-playing .mini-btn--play,
body.theme-forest .button,
body.theme-forest .mini-btn,
body.theme-forest .back-top,
body.theme-forest .theme-btn,
body.theme-forest .button--primary,
body.theme-forest .mini-btn--play,
body.theme-forest .episode-card.is-playing .mini-btn--play{
  background:#fff !important;
  background-image:none !important;
  color:var(--text) !important;
  border:2px solid var(--line-strong) !important;
  box-shadow:none !important;
}

.button:hover,
.mini-btn:hover,
.back-top:hover,
.theme-btn:hover,
.button--primary:hover,
.mini-btn--play:hover,
.episode-card.is-playing .mini-btn--play:hover,
body.theme-green .button:hover,
body.theme-green .mini-btn:hover,
body.theme-green .back-top:hover,
body.theme-green .theme-btn:hover,
body.theme-green .button--primary:hover,
body.theme-green .mini-btn--play:hover,
body.theme-green .episode-card.is-playing .mini-btn--play:hover,
body.theme-blue .button:hover,
body.theme-blue .mini-btn:hover,
body.theme-blue .back-top:hover,
body.theme-blue .theme-btn:hover,
body.theme-blue .button--primary:hover,
body.theme-blue .mini-btn--play:hover,
body.theme-blue .episode-card.is-playing .mini-btn--play:hover,
body.theme-red .button:hover,
body.theme-red .mini-btn:hover,
body.theme-red .back-top:hover,
body.theme-red .theme-btn:hover,
body.theme-red .button--primary:hover,
body.theme-red .mini-btn--play:hover,
body.theme-red .episode-card.is-playing .mini-btn--play:hover,
body.theme-forest .button:hover,
body.theme-forest .mini-btn:hover,
body.theme-forest .back-top:hover,
body.theme-forest .theme-btn:hover,
body.theme-forest .button--primary:hover,
body.theme-forest .mini-btn--play:hover,
body.theme-forest .episode-card.is-playing .mini-btn--play:hover{
  background:#fff !important;
  background-image:none !important;
  color:var(--text) !important;
  border-color:var(--line-strong) !important;
  box-shadow:none !important;
}

/* v52 – Button-Rahmen je Farbschema korrekt im Design */
:root{
  --button-outline-border: var(--line-strong);
  --button-outline-border-hover: var(--line-strong);
}

body.theme-green{
  --button-outline-border:#7f9a78;
  --button-outline-border-hover:#6f8a68;
}

body.theme-blue{
  --button-outline-border:#8aa3bf;
  --button-outline-border-hover:#7993b0;
}

body.theme-red{
  --button-outline-border:#b98e8e;
  --button-outline-border-hover:#a77c7c;
}

body.theme-forest{
  --button-outline-border:#8ea36b;
  --button-outline-border-hover:#7f945e;
}

.button,
.mini-btn,
.back-top,
.theme-btn,
.button--primary,
.mini-btn--play,
.episode-card.is-playing .mini-btn--play,
body.theme-green .button,
body.theme-green .mini-btn,
body.theme-green .back-top,
body.theme-green .theme-btn,
body.theme-green .button--primary,
body.theme-green .mini-btn--play,
body.theme-green .episode-card.is-playing .mini-btn--play,
body.theme-blue .button,
body.theme-blue .mini-btn,
body.theme-blue .back-top,
body.theme-blue .theme-btn,
body.theme-blue .button--primary,
body.theme-blue .mini-btn--play,
body.theme-blue .episode-card.is-playing .mini-btn--play,
body.theme-red .button,
body.theme-red .mini-btn,
body.theme-red .back-top,
body.theme-red .theme-btn,
body.theme-red .button--primary,
body.theme-red .mini-btn--play,
body.theme-red .episode-card.is-playing .mini-btn--play,
body.theme-forest .button,
body.theme-forest .mini-btn,
body.theme-forest .back-top,
body.theme-forest .theme-btn,
body.theme-forest .button--primary,
body.theme-forest .mini-btn--play,
body.theme-forest .episode-card.is-playing .mini-btn--play{
  background:#fff !important;
  background-image:none !important;
  color:var(--text) !important;
  border:2px solid var(--button-outline-border) !important;
  box-shadow:none !important;
}

.button:hover,
.mini-btn:hover,
.back-top:hover,
.theme-btn:hover,
.button--primary:hover,
.mini-btn--play:hover,
.episode-card.is-playing .mini-btn--play:hover,
body.theme-green .button:hover,
body.theme-green .mini-btn:hover,
body.theme-green .back-top:hover,
body.theme-green .theme-btn:hover,
body.theme-green .button--primary:hover,
body.theme-green .mini-btn--play:hover,
body.theme-green .episode-card.is-playing .mini-btn--play:hover,
body.theme-blue .button:hover,
body.theme-blue .mini-btn:hover,
body.theme-blue .back-top:hover,
body.theme-blue .theme-btn:hover,
body.theme-blue .button--primary:hover,
body.theme-blue .mini-btn--play:hover,
body.theme-blue .episode-card.is-playing .mini-btn--play:hover,
body.theme-red .button:hover,
body.theme-red .mini-btn:hover,
body.theme-red .back-top:hover,
body.theme-red .theme-btn:hover,
body.theme-red .button--primary:hover,
body.theme-red .mini-btn--play:hover,
body.theme-red .episode-card.is-playing .mini-btn--play:hover,
body.theme-forest .button:hover,
body.theme-forest .mini-btn:hover,
body.theme-forest .back-top:hover,
body.theme-forest .theme-btn:hover,
body.theme-forest .button--primary:hover,
body.theme-forest .mini-btn--play:hover,
body.theme-forest .episode-card.is-playing .mini-btn--play:hover{
  background:#fff !important;
  background-image:none !important;
  color:var(--text) !important;
  border-color:var(--button-outline-border-hover) !important;
  box-shadow:none !important;
}

/* v54 – Eine Schriftfamilie für die gesamte Website
   Hinweis: zentrale Definition jetzt zusätzlich im DESIGN PANEL ganz oben. */
:root{
  --font-text:"Source Serif 4", Georgia, "Times New Roman", serif;
  --font-ui:"Source Serif 4", Georgia, "Times New Roman", serif;
}

body,
p,
ul,
ol,
li,
blockquote,
figure,
figcaption,
.intro-card,
.info-panel,
.bio-card,
.footer-legal__column,
.episode-card,
.hero__subtitle,
.hero__meta,
.reel-card__text{
  font-family:var(--font-text);
}

h1,
h2,
h3,
h4,
h5,
h6,
.episode-card h3,
.intro-card h2,
.section-head h2,
.info-panel h3,
.bio-card h4{
  font-family:var(--font-text);
}

button,
input,
select,
textarea,
.button,
.mini-btn,
.back-top,
.jump-nav__item,
.theme-btn,
.floating-player__button,
.floating-player__speed,
.search input,
.search span,
.hero__kicker,
.episode-card__nr,
.search-count,
.search-empty,
.reel-card__label,
.footer-legal__column h4,
.floating-player__label,
.floating-player__times,
.floating-player__speed-label{
  font-family:var(--font-ui);
}

/* v59 – bereinigter Hero-Bildblock */
.hero__visual{
  align-items:center;
}

.hero-figure{
  width:100%;
  height:100%;
  margin:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.hero-image{
  width:92%;
  max-width:440px;
  height:auto;
  flex:0 1 auto;
  background:transparent;
  border:none;
  box-shadow:none;
  overflow:visible;
}

.hero-image img{
  display:block;
  width:100%;
  height:auto;
  max-height:280px;
  object-fit:contain;
  object-position:center;
  filter:grayscale(100%);
}

body.theme-studio .hero-image img,
body:not([class*="theme-"]) .hero-image img{
  filter:none;
}

.hero-image-note{
  width:92%;
  max-width:440px;
  margin:16px 0 0;
  font-size:.68rem;
  line-height:1.3;
  color:var(--muted);
  text-align:center;
}

body.theme-green .hero-image-note{color:#5a6d5a}
body.theme-blue .hero-image-note{color:#56677b}
body.theme-red .hero-image-note{color:#7a6060}
body.theme-forest .hero-image-note{color:#5e7051}

@media (prefers-color-scheme:dark){
  body.theme-green .hero-image-note,
  body.theme-blue .hero-image-note,
  body.theme-red .hero-image-note,
  body.theme-forest .hero-image-note{
    color:rgba(255,255,255,.72);
  }
}

@media (max-width:720px){
  .hero-image{
    width:100%;
    max-width:380px;
  }

  .hero-image-note{
    width:100%;
    max-width:380px;
    margin-top:14px;
    font-size:.66rem;
  }
}

/* =====================================================
   GOODIES – Live-Design-Konsole
   Nur Werkzeug für interne Farb-/Schrifttests.
   Greift erst nach Nutzeraktion ein.
   ===================================================== */

.design-lab-toggle{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:1100;
  border:none;
  border-radius:999px;
  padding:12px 16px;
  background:#2f241d;
  color:#fffaf4;
  box-shadow:0 16px 32px rgba(0,0,0,.18);
  cursor:pointer;
  font:600 14px/1.2 var(--font-ui);
}
.design-lab-toggle:hover{transform:translateY(-1px)}
.design-lab{
  position:fixed;
  left:18px;
  bottom:74px;
  z-index:1100;
  width:min(360px, calc(100vw - 24px));
  max-height:min(78vh, 720px);
  overflow:auto;
  padding:16px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:18px;
  background:rgba(255,250,244,.96);
  color:#2f241d;
  box-shadow:0 24px 48px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
}
.design-lab[hidden]{display:none}
.design-lab__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.design-lab__title{margin:0;font:700 1.05rem/1.2 var(--font-ui)}
.design-lab__hint{margin:6px 0 0;color:#6e6259;font:400 .92rem/1.45 var(--font-text)}
.design-lab__close{
  border:none;
  background:transparent;
  color:inherit;
  font:700 1.2rem/1 var(--font-ui);
  cursor:pointer;
}
.design-lab__section{margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08)}
.design-lab__section:first-of-type{margin-top:0;padding-top:0;border-top:none}
.design-lab__section-title{
  margin:0 0 10px;
  font:700 .88rem/1.2 var(--font-ui);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.design-lab__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}
.design-lab__presets{
  margin-top:2px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  text-align:left;
  opacity:1;
  font-size:.72rem;
}
.design-lab__presets .theme-btn{
  font-size:.72rem;
  padding:4px 8px;
}
.design-lab__presets .theme-btn[aria-pressed="true"]{
  font-weight:700;
  border-color:var(--accent);
  opacity:1;
}
.design-lab label{display:grid;gap:6px;font:600 .86rem/1.3 var(--font-ui)}
.design-lab input[type="color"],
.design-lab select{
  width:100%;
  min-height:42px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:12px;
  background:#fff;
  color:#2f241d;
  font:500 .95rem/1.2 var(--font-ui);
}
.design-lab input[type="color"]{padding:4px}
.design-lab__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.design-lab__btn{
  appearance:none;
  border:1px solid rgba(0,0,0,.14);
  border-radius:999px;
  background:#fff;
  color:#2f241d;
  padding:10px 14px;
  cursor:pointer;
  font:600 .9rem/1.2 var(--font-ui);
}
.design-lab__btn:hover{background:#f5ecdf}
.design-lab__status{
  margin:12px 0 0;
  color:#6e6259;
  font:400 .84rem/1.45 var(--font-text);
}
.design-lab-open .design-lab-toggle{background:#8f2d1f}
@media (max-width:640px){
  .design-lab-toggle{left:10px;bottom:10px;padding:10px 14px}
  .design-lab{left:10px;bottom:58px;width:min(360px, calc(100vw - 20px));padding:14px}
  .design-lab__presets{gap:6px}
}

/* =====================================================
   v66 – vereinfachte, stabile Design-Logik
   Eine Akzentfarbe steuert Links, Fokus und Button-Linien.
   Diese End-Regeln überschreiben ältere Einzelregeln bewusst.
   ===================================================== */
:root{
  --accent-ui: var(--accent);
  --accent-ui-hover: var(--accent);
}

body.theme-blue,
body.theme-green,
body.theme-red,
body.theme-forest{
  --button-outline-border: var(--accent);
  --button-outline-border-hover: var(--accent);
}

a,
a:visited,
.hero__kicker,
.info-panel__back,
.design-lab__status strong{
  color:var(--accent);
}

.search input:focus,
.design-lab input[type="color"]:focus,
.design-lab select:focus{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent) !important;
  outline:none;
}

.button,
.mini-btn,
.back-top,
.theme-btn,
.button--primary,
.mini-btn--play,
.episode-card.is-playing .mini-btn--play,
body.theme-green .button,
body.theme-green .mini-btn,
body.theme-green .back-top,
body.theme-green .theme-btn,
body.theme-green .button--primary,
body.theme-green .mini-btn--play,
body.theme-green .episode-card.is-playing .mini-btn--play,
body.theme-blue .button,
body.theme-blue .mini-btn,
body.theme-blue .back-top,
body.theme-blue .theme-btn,
body.theme-blue .button--primary,
body.theme-blue .mini-btn--play,
body.theme-blue .episode-card.is-playing .mini-btn--play,
body.theme-red .button,
body.theme-red .mini-btn,
body.theme-red .back-top,
body.theme-red .theme-btn,
body.theme-red .button--primary,
body.theme-red .mini-btn--play,
body.theme-red .episode-card.is-playing .mini-btn--play,
body.theme-forest .button,
body.theme-forest .mini-btn,
body.theme-forest .back-top,
body.theme-forest .theme-btn,
body.theme-forest .button--primary,
body.theme-forest .mini-btn--play,
body.theme-forest .episode-card.is-playing .mini-btn--play{
  background:#fff !important;
  color:var(--accent) !important;
  border:2px solid var(--accent) !important;
}

.button:hover,
.mini-btn:hover,
.back-top:hover,
.theme-btn:hover,
.button--primary:hover,
.mini-btn--play:hover,
.episode-card.is-playing .mini-btn--play:hover,
body.theme-green .button:hover,
body.theme-green .mini-btn:hover,
body.theme-green .back-top:hover,
body.theme-green .theme-btn:hover,
body.theme-green .button--primary:hover,
body.theme-green .mini-btn--play:hover,
body.theme-green .episode-card.is-playing .mini-btn--play:hover,
body.theme-blue .button:hover,
body.theme-blue .mini-btn:hover,
body.theme-blue .back-top:hover,
body.theme-blue .theme-btn:hover,
body.theme-blue .button--primary:hover,
body.theme-blue .mini-btn--play:hover,
body.theme-blue .episode-card.is-playing .mini-btn--play:hover,
body.theme-red .button:hover,
body.theme-red .mini-btn:hover,
body.theme-red .back-top:hover,
body.theme-red .theme-btn:hover,
body.theme-red .button--primary:hover,
body.theme-red .mini-btn--play:hover,
body.theme-red .episode-card.is-playing .mini-btn--play:hover,
body.theme-forest .button:hover,
body.theme-forest .mini-btn:hover,
body.theme-forest .back-top:hover,
body.theme-forest .theme-btn:hover,
body.theme-forest .button--primary:hover,
body.theme-forest .mini-btn--play:hover,
body.theme-forest .episode-card.is-playing .mini-btn--play:hover{
  background:var(--level-2-hover) !important;
  color:var(--accent) !important;
  border-color:var(--accent) !important;
}

/* v68 – Externe Links markieren */
.external-link::after{
  content:"↗";
  margin-left:4px;
  font-size:0.75em;
  opacity:0.6;
}

/* =====================================================
   v69 – Farb-Goody sauber verdrahtet
   Alle Regler der Design-Konsole sollen sichtbar wirken.
   Diese Regeln stehen absichtlich ganz am Ende und
   übersteuern ältere Theme-Einzelwerte.
   ===================================================== */

:root{
  --link:#3f6792;
  --link-external:#6b4f2a;
  --level-2-hover:#e8eff7;
}

body,
body.theme-blue,
body.theme-green,
body.theme-red,
body.theme-forest{
  background:var(--bg) !important;
  color:var(--text) !important;
}

body .site-shell,
body .page{
  background:transparent !important;
  color:var(--text) !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body li,
body dt,
body dd,
body blockquote,
body .hero__subtitle,
body .reel-card__text,
body .info-panel p,
body .footer-legal__column,
body .footer-legal__column p,
body .footer-legal__column a,
body .episode-title-text,
body .design-lab,
body .design-lab label,
body .design-lab__section-title,
body .design-lab__status{
  color:var(--text) !important;
}

body .hero__kicker,
body .hero__meta,
body .episode-card__nr,
body .episode-card__date,
body .search span,
body .footer-legal__column h4,
body .floating-player__label,
body .hero-image-note{
  color:color-mix(in srgb, var(--text) 72%, white 28%) !important;
}

body .hero__copy,
body .hero__visual,
body .intro-card,
body .archive,
body .background,
body .site-footer{
  background:var(--level-1-bg) !important;
  border-color:var(--line) !important;
}

body .jump-nav__item,
body .episode-card,
body .info-panel,
body .bio-card,
body .reel-card,
body .search input,
body .button,
body .mini-btn,
body .back-top,
body .theme-btn,
body .design-lab,
body .design-lab__toggle,
body .design-lab__actions button,
body .design-lab__presets .theme-btn{
  background:var(--level-2-bg) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
}

body .jump-nav__item:hover,
body .episode-card:hover,
body .info-panel:hover,
body .bio-card:hover,
body .reel-card:hover,
body .search input:hover,
body .button:hover,
body .mini-btn:hover,
body .back-top:hover,
body .theme-btn:hover,
body .design-lab__toggle:hover,
body .design-lab__actions button:hover,
body .design-lab__presets .theme-btn:hover{
  background:var(--level-2-hover) !important;
  border-color:var(--accent) !important;
}

body a,
body a:visited{
  color:var(--link) !important;
}

body .info-panel__back,
body .design-lab__status strong,
body .design-lab__toggle,
body .jump-nav__item{
  color:var(--accent) !important;
}

body .button,
body .mini-btn,
body .back-top,
body .theme-btn,
body .design-lab__actions button,
body .design-lab__presets .theme-btn,
body .search input{
  border-color:var(--line) !important;
}

body .episode-card,
body .info-panel,
body .bio-card,
body .reel-card,
body .jump-nav__item,
body .search input,
body .button,
body .mini-btn,
body .back-top,
body .theme-btn,
body .intro-card,
body .hero__copy,
body .hero__visual,
body .archive,
body .background,
body .site-footer,
body .design-lab{
  box-shadow:none;
}

body .search input:focus,
body .design-lab input[type="color"]:focus,
body .design-lab select:focus{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent) !important;
  outline:none;
}

body .theme-switcher--footer .theme-btn[aria-pressed="true"],
body .design-lab__presets .theme-btn[aria-pressed="true"]{
  border-color:var(--accent) !important;
  color:var(--accent) !important;
  box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent) !important;
}

/* v70 – Gradienten endgültig blockieren */
body .intro-card,
body .intro-card:hover,
body .intro-card:focus-within,
body .info-panel,
body .info-panel:hover,
body .info-panel:focus-within,
body .background .info-panel,
body .background .info-panel:hover,
body .background .info-panel:focus-within{
  background:var(--level-1-bg) !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

body .info-panel,
body .info-panel:hover,
body .info-panel:focus-within,
body .background .info-panel,
body .background .info-panel:hover,
body .background .info-panel:focus-within{
  background:var(--level-2-bg) !important;
}

body .intro-card:hover,
body .intro-card:focus-within{
  border-color:var(--line) !important;
}

body .info-panel:hover,
body .info-panel:focus-within,
body .background .info-panel:hover,
body .background .info-panel:focus-within{
  background:var(--level-2-hover) !important;
  border-color:var(--accent) !important;
}

/* v72 – Sichtbarkeit des Hover-Reglers verbessert */
.design-lab{
  max-height:min(86vh, 820px);
  overflow:auto;
}

.design-lab__grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.design-lab__mini-hint{
  margin:6px 0 10px;
  color:var(--muted);
  font:400 .9rem/1.45 var(--font-text);
}

@media (max-width: 640px){
  .design-lab__grid{
    grid-template-columns:1fr;
  }
}

/* v73 – Hover-Regler deutlich sichtbar */
.design-lab__grid--colors .design-lab__label-wide{
  grid-column:1 / -1;
}

.design-lab__label-accent{
  border:2px solid var(--accent);
  border-radius:20px;
  padding:14px 16px 12px;
  background:var(--level-2-bg);
}

.design-lab__label-accent small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font:400 .85rem/1.35 var(--font-ui);
}

/* v76 – Floating player vollständig an das Farbsystem gekoppelt */

body .floating-player{
  background:var(--level-1-bg) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
  backdrop-filter:none !important;
}

body .floating-player__label{
  color:var(--text) !important;
}

body .floating-player__title{
  color:var(--text) !important;
}

body .floating-player__times,
body .floating-player__speed-label{
  color:var(--muted) !important;
}

body .floating-player__button,
body .floating-player__speed{
  background:var(--level-2-bg) !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
}

body .floating-player__button:hover,
body .floating-player__button:focus-visible,
body .floating-player__speed:hover,
body .floating-player__speed:focus-visible{
  background:var(--level-2-hover) !important;
  color:var(--text) !important;
  border-color:var(--accent) !important;
  outline:2px solid var(--accent) !important;
  outline-offset:2px !important;
}

body .floating-player__timeline{
  accent-color:var(--accent) !important;
}

body.theme-blue .floating-player,
body.theme-green .floating-player,
body.theme-red .floating-player,
body.theme-forest .floating-player{
  background:var(--level-1-bg) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
}

body.theme-blue .floating-player__timeline,
body.theme-green .floating-player__timeline,
body.theme-red .floating-player__timeline,
body.theme-forest .floating-player__timeline{
  accent-color:var(--accent) !important;
}

/* v78 – Design-Konsole nur per Geheimkürzel öffnen */
.design-lab-toggle{
  display:none !important;
}

/* v78 – Hover-Fläche 2 nur noch im Folgenarchiv und bei klar interaktiven Archiv-Elementen */
.intro-card:hover,
.info-panel:hover,
.background .info-panel:hover,
.bio-card:hover,
.reel-card:hover{
  background:var(--level-2-bg) !important;
  background-image:none !important;
  border-color:var(--line) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.04) !important;
  transform:none !important;
}

.archive .episode-card:hover{
  background:var(--level-2-hover) !important;
  background-image:none !important;
  border-color:var(--accent) !important;
}

.archive .jump-nav__item:hover{
  background:var(--level-2-hover) !important;
  background-image:none !important;
  border-color:var(--accent) !important;
}

/* Statische Bereiche bewusst ruhig halten */
.intro-card,
.info-panel,
.bio-card,
.reel-card{
  transition:background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

/* v79 – Hover strikt nur noch im Folgenarchiv */
.intro-card:hover,
.info-panel:hover,
.background .info-panel:hover,
.bio-card:hover,
.reel-card:hover,
.background .bio-card:hover,
.background .reel-card:hover,
section .intro-card:hover,
section .info-panel:hover,
section .bio-card:hover,
section .reel-card:hover{
  background:var(--level-2-bg) !important;
  background-image:none !important;
  border-color:var(--line) !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
}

/* Auch innere Hover-Zustände in ruhigen Content-Bereichen neutralisieren */
.intro-card *:hover,
.info-panel *:hover,
.bio-card *:hover,
.reel-card *:hover{
  background-image:none !important;
}

/* Hover bleibt nur im Archivbereich sichtbar */
.archive .episode-card:hover,
.archive .jump-nav__item:hover,
.archive .reel-card:hover,
.archive .bio-card:hover,
.archive .info-panel:hover{
  background:var(--level-2-hover) !important;
  background-image:none !important;
  border-color:var(--accent) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.05) !important;
}

/* Falls übergeordnete Sammelregeln im Altbestand existieren, hier bewusst neutralisieren */
.intro-card:is(:hover, :focus, :focus-within),
.info-panel:is(:hover, :focus, :focus-within),
.bio-card:is(:hover, :focus, :focus-within),
.reel-card:is(:hover, :focus, :focus-within){
  background-color:var(--level-2-bg) !important;
  background-image:none !important;
}

/* v81 – Footer-Farbschalter entfernt */
.theme-switcher--footer:not(.design-lab__presets){
  display:none !important;
}

/* v86 – Design-Konsole vereinfacht: nur Defaults, keine Stil-Presets */
.design-lab__defaults{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.design-default-btn[aria-pressed="true"]{
  border-color:var(--accent) !important;
  background:var(--level-2-hover) !important;
}

/* v89 – Aktionsbuttons vollständig sichtbar */
.design-lab__actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
}

.design-lab__actions .design-lab__btn{
  display:block !important;
  width:100% !important;
  white-space:normal !important;
}

#designLabExportBlue{
  display:block !important;
  visibility:visible !important;
}

/* =====================================================
   v2 – Linkfarben getrennt
   --accent = Navigationsbuttons
   --link = Links im Text
   --link-external = externe Textlinks
   ===================================================== */
body a,
body a:visited,
body .hero__subtitle a,
body .intro-card a,
body .info-panel a,
body .bio-card a,
body .footer-legal__column a{
  color:var(--link) !important;
}

body a:hover,
body a:focus-visible,
body .hero__subtitle a:hover,
body .intro-card a:hover,
body .info-panel a:hover,
body .bio-card a:hover,
body .footer-legal__column a:hover{
  color:var(--link) !important;
}

body a.external-link,
body a.external-link:visited,
body .info-panel a.external-link,
body .bio-card a.external-link,
body .footer-legal__column a.external-link{
  color:var(--link-external) !important;
}

body a.external-link:hover,
body a.external-link:focus-visible,
body .info-panel a.external-link:hover,
body .bio-card a.external-link:hover,
body .footer-legal__column a.external-link:hover{
  color:var(--link-external) !important;
}

body .jump-nav__item,
body .jump-nav__item:visited,
body .button,
body .button:visited,
body .mini-btn,
body .mini-btn:visited,
body .back-top,
body .back-top:visited,
body .theme-btn,
body .theme-btn:visited,
body .design-lab__actions button,
body .design-lab__presets .theme-btn,
body .design-default-btn{
  color:var(--accent) !important;
}

body .jump-nav__item:hover,
body .button:hover,
body .mini-btn:hover,
body .back-top:hover,
body .theme-btn:hover,
body .design-lab__actions button:hover,
body .design-lab__presets .theme-btn:hover,
body .design-default-btn:hover{
  color:var(--accent) !important;
}

/* Hero links as external textlinks */
.hero__copy a{color:var(--link-external);}
.hero__copy a:hover{color:var(--link-external);}

/* v5 – Hover-Struktur funktional statt hierarchisch
   Keine Hover-Farbe für Ebene 1 und 3.
   Hover-Farbe nur für Folgendetails (.follow-detail). */

/* Ruhige Rahmen ohne Hover-Farbwechsel */
body .hero__copy:hover,
body .hero__visual:hover,
body .intro-card:hover,
body .background:hover,
body .site-footer:hover,
body .info-panel:hover,
body .background .info-panel:hover,
body .bio-card:hover,
body .reel-card:hover,
body .jump-nav__item:hover{
  background:var(--level-1-bg) !important;
  background-image:none !important;
  border-color:var(--line) !important;
  box-shadow:none !important;
  transform:none !important;
}

/* Ebene 2: Hover ausschließlich für Folgendetails */
body .follow-detail:hover,
body .archive .follow-detail:hover{
  background:var(--level-2-hover) !important;
  background-image:none !important;
  border-color:var(--accent) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.05) !important;
  transform:translateY(-2px) !important;
}

/* Ebene 3 bleibt ruhig, auch innerhalb der Folgendetails */
body .follow-detail .bio-card:hover,
body .follow-detail .reel-card:hover,
body .follow-detail .info-panel:hover,
body .follow-detail * .bio-card:hover,
body .follow-detail * .reel-card:hover,
body .follow-detail * .info-panel:hover{
  background:inherit !important;
  border-color:inherit !important;
  box-shadow:none !important;
  transform:none !important;
}

/* v10 – Hover nur für Folgendetails, nicht im Bereich Hintergrund */
.background .jump-nav__item:hover,
.background .info-panel:hover,
.background .bio-card:hover{
  background:#ffffff;
  box-shadow:none;
}

body.theme-green .background .jump-nav__item:hover,
body.theme-green .background .info-panel:hover,
body.theme-green .background .bio-card:hover{
  border-color:#bfd0b4;
}

body.theme-blue .background .jump-nav__item:hover,
body.theme-blue .background .info-panel:hover,
body.theme-blue .background .bio-card:hover{
  border-color:#bccde0;
}

body.theme-red .background .jump-nav__item:hover,
body.theme-red .background .info-panel:hover,
body.theme-red .background .bio-card:hover{
  border-color:#ddc2c2;
}

body.theme-forest .background .jump-nav__item:hover,
body.theme-forest .background .info-panel:hover,
body.theme-forest .background .bio-card:hover{
  border-color:#c4d3b8;
}

.episode-card.follow-detail:hover{
  background:var(--level-2-hover);
}

body.theme-green .episode-card.follow-detail:hover,
body.theme-blue .episode-card.follow-detail:hover,
body.theme-red .episode-card.follow-detail:hover,
body.theme-forest .episode-card.follow-detail:hover{
  background:var(--level-2-hover);
}

/* v7b – gezielte Korrekturen nach Test */
body .archive{
  margin-bottom:28px !important;
}

body .floating-player,
body.theme-blue .floating-player,
body.theme-green .floating-player,
body.theme-red .floating-player,
body.theme-forest .floating-player{
  background:var(--level-2-hover) !important;
  background-image:none !important;
}

/* =====================================================
   n32 merged build
   Basis: funktionierendes styles_modern_n7b.css
   Ergänzt um spätere n31-Fixes ab v9 bis v26
   Zusätzlich: erster ::root-Fehler zu :root korrigiert
   ===================================================== */

/* v9 – aktive Folge sichtbar + Floating-Player mit Folgennummer */
body .episode-card.is-playing,
body.theme-blue .episode-card.is-playing,
body.theme-green .episode-card.is-playing,
body.theme-red .episode-card.is-playing,
body.theme-forest .episode-card.is-playing{
  background:var(--line) !important;
  background-image:none !important;
  border-color:var(--line-strong) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.10) !important;
}

body .episode-card.is-playing:hover,
body.theme-blue .episode-card.is-playing:hover,
body.theme-green .episode-card.is-playing:hover,
body.theme-red .episode-card.is-playing:hover,
body.theme-forest .episode-card.is-playing:hover{
  background:var(--line) !important;
}

body .episode-card.is-playing .episode-card__nr,
body .episode-card.is-playing .episode-title-text,
body .episode-card.is-playing .episode-card__date,
body .episode-card.is-playing h3{
  color:inherit !important;
}

/* v10 – aktive Folge per Inline-Style-Logik zusätzlich absichern */
body .episode-card.is-playing,
body.theme-blue .episode-card.is-playing,
body.theme-green .episode-card.is-playing,
body.theme-red .episode-card.is-playing,
body.theme-forest .episode-card.is-playing{
  background-color:var(--line) !important;
  background:var(--line) !important;
  background-image:none !important;
  border-color:var(--line-strong) !important;
}

/* v11 – aktive Folge zusätzlich über Inline-Style-Flag absichern */
body .episode-card.is-playing[style],
body.theme-blue .episode-card.is-playing[style],
body.theme-green .episode-card.is-playing[style],
body.theme-red .episode-card.is-playing[style],
body.theme-forest .episode-card.is-playing[style]{
  background:var(--line) !important;
  background-image:none !important;
  border-color:var(--line-strong) !important;
}

/* v13 – Ebene 1 Abstände zuverlässig vereinheitlichen */
body .page > section{
  margin:0 !important;
}

body .page > section + section{
  margin-top:28px !important;
}

/* v15 – Podcast-Polish: aktive Folge klarer, Player ruhiger */
body .episode-card{
  position:relative;
  transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body .episode-card.is-playing,
body.theme-blue .episode-card.is-playing,
body.theme-green .episode-card.is-playing,
body.theme-red .episode-card.is-playing,
body.theme-forest .episode-card.is-playing{
  background:var(--line) !important;
  background-image:none !important;
  border-color:var(--line-strong) !important;
  box-shadow:inset 4px 0 0 var(--accent), 0 14px 30px rgba(0,0,0,.10) !important;
}

body .episode-card.is-playing .episode-card__nr,
body.theme-blue .episode-card.is-playing .episode-card__nr,
body.theme-green .episode-card.is-playing .episode-card__nr,
body.theme-red .episode-card.is-playing .episode-card__nr,
body.theme-forest .episode-card.is-playing .episode-card__nr{
  font-weight:700;
}

body .floating-player,
body.theme-blue .floating-player,
body.theme-green .floating-player,
body.theme-red .floating-player,
body.theme-forest .floating-player{
  border-top:1px solid var(--line-strong) !important;
  box-shadow:0 -10px 24px rgba(0,0,0,.12) !important;
}

/* v15b – sichtbarer Podcast-Polish */
body .episode-card,
body.theme-blue .episode-card,
body.theme-green .episode-card,
body.theme-red .episode-card,
body.theme-forest .episode-card{
  position:relative;
  overflow:hidden;
}

body .episode-card.is-playing,
body.theme-blue .episode-card.is-playing,
body.theme-green .episode-card.is-playing,
body.theme-red .episode-card.is-playing,
body.theme-forest .episode-card.is-playing{
  background:var(--line) !important;
  background-image:none !important;
  border-color:var(--accent) !important;
  box-shadow:inset 6px 0 0 var(--accent), 0 14px 30px rgba(0,0,0,.10) !important;
}

body .episode-card.is-playing::after,
body.theme-blue .episode-card.is-playing::after,
body.theme-green .episode-card.is-playing::after,
body.theme-red .episode-card.is-playing::after,
body.theme-forest .episode-card.is-playing::after{
  content:"Wiedergabe aktiv";
  position:absolute;
  top:12px;
  right:12px;
  padding:4px 10px;
  border-radius:999px;
  background:var(--accent);
  color:var(--bg);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  line-height:1;
  z-index:2;
}

body .episode-card.is-playing .episode-card__nr,
body.theme-blue .episode-card.is-playing .episode-card__nr,
body.theme-green .episode-card.is-playing .episode-card__nr,
body.theme-red .episode-card.is-playing .episode-card__nr,
body.theme-forest .episode-card.is-playing .episode-card__nr{
  font-weight:700 !important;
}

body .floating-player,
body.theme-blue .floating-player,
body.theme-green .floating-player,
body.theme-red .floating-player,
body.theme-forest .floating-player{
  border-top:2px solid var(--accent) !important;
  box-shadow:0 -14px 34px rgba(0,0,0,.18) !important;
}

/* v16 sichtbarer Podcast-Polish */
body .episode-card,
body.theme-blue .episode-card,
body.theme-green .episode-card,
body.theme-red .episode-card,
body.theme-forest .episode-card{
  position:relative !important;
  overflow:visible !important;
}

body .episode-card.is-playing,
body.theme-blue .episode-card.is-playing,
body.theme-green .episode-card.is-playing,
body.theme-red .episode-card.is-playing,
body.theme-forest .episode-card.is-playing{
  background:var(--line) !important;
  border:2px solid var(--accent) !important;
  box-shadow:inset 10px 0 0 var(--accent), 0 16px 36px rgba(0,0,0,.14) !important;
}

body .episode-card.is-playing::after,
body.theme-blue .episode-card.is-playing::after,
body.theme-green .episode-card.is-playing::after,
body.theme-red .episode-card.is-playing::after,
body.theme-forest .episode-card.is-playing::after{
  content:"Wiedergabe aktiv" !important;
  display:inline-flex !important;
  align-items:center !important;
  position:absolute !important;
  top:-12px !important;
  right:14px !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  border:2px solid var(--accent) !important;
  background:#ffffff !important;
  color:var(--accent) !important;
  font-size:.74rem !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
  z-index:50 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.10) !important;
}

body .episode-card.is-playing .episode-card__nr,
body.theme-blue .episode-card.is-playing .episode-card__nr,
body.theme-green .episode-card.is-playing .episode-card__nr,
body.theme-red .episode-card.is-playing .episode-card__nr,
body.theme-forest .episode-card.is-playing .episode-card__nr{
  font-weight:800 !important;
  color:var(--accent) !important;
}

body .floating-player,
body.theme-blue .floating-player,
body.theme-green .floating-player,
body.theme-red .floating-player,
body.theme-forest .floating-player{
  border-top:4px solid var(--accent) !important;
  outline:2px solid color-mix(in srgb, var(--accent) 20%, transparent) !important;
  box-shadow:0 -16px 40px rgba(0,0,0,.20) !important;
}

/* v17 visible podcast polish */
body .episode-card,
body.theme-blue .episode-card,
body.theme-green .episode-card,
body.theme-red .episode-card,
body.theme-forest .episode-card{
  position:relative;
}

body .episode-card.is-playing,
body.theme-blue .episode-card.is-playing,
body.theme-green .episode-card.is-playing,
body.theme-red .episode-card.is-playing,
body.theme-forest .episode-card.is-playing{
  box-shadow:inset 8px 0 0 var(--accent), 0 14px 30px rgba(0,0,0,.10) !important;
}

body .playing-badge{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  background:var(--accent);
  color:var(--accent-contrast, #fff);
  border:1px solid var(--accent);
  font-size:12px;
  font-weight:700;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body .floating-player,
body.theme-blue .floating-player,
body.theme-green .floating-player,
body.theme-red .floating-player,
body.theme-forest .floating-player{
  border-top:4px solid var(--accent) !important;
  box-shadow:0 -8px 26px rgba(0,0,0,.18) !important;
}

/* v20: visited-state fix for episode action buttons */
body .episode-card__actions a.mini-btn,
body .episode-card__actions a.mini-btn:link,
body .episode-card__actions a.mini-btn:visited,
body .episode-card__actions a.mini-btn:hover,
body .episode-card__actions a.mini-btn:active,
body .episode-card__actions a.mini-btn:focus-visible{
  color:#0f1fb3 !important;
  border-color:#0f1fb3 !important;
  text-decoration:none !important;
}

body .episode-card__actions a.mini-btn:hover,
body .episode-card__actions a.mini-btn:focus-visible{
  background:#f5e7da !important;
}

/* v21 – Folgenbuttons ohne visited-Link-Effekt */
body .episode-card__actions .mini-btn--external{
  appearance:none;
  -webkit-appearance:none;
  text-decoration:none !important;
}

body .episode-card__actions .mini-btn--external::after{
  content:"↗";
  margin-left:4px;
  font-size:0.75em;
  opacity:0.6;
}

/* v24: better spacing between icon and text in buttons */
.mini-btn{display:inline-flex;align-items:center;gap:6px;}

/* v25: improve readability of episode titles */
.episode-card h3{
  line-height:1.35;
  text-wrap:balance;
}

/* v26: clear focus style for keyboard navigation */
:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
}

/* n33 – Korrektur: Wiedergabe-Hinweis schlicht unter den Buttons */
body .episode-card.is-playing::after,
body.theme-blue .episode-card.is-playing::after,
body.theme-green .episode-card.is-playing::after,
body.theme-red .episode-card.is-playing::after,
body.theme-forest .episode-card.is-playing::after{
  content:none !important;
  display:none !important;
}

body .playing-badge{
  position:static !important;
  top:auto !important;
  right:auto !important;
  z-index:auto !important;
  display:block !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  color:#000 !important;
  font-size:.92rem !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

body .floating-player,
body.theme-blue .floating-player,
body.theme-green .floating-player,
body.theme-red .floating-player,
body.theme-forest .floating-player{
  outline:none !important;
  box-shadow:0 -10px 24px rgba(0,0,0,.12) !important;
}

/* korr stat reb 1 – Mobile-Sprung zum Hintergrundblock vollständig im Sichtfeld */
#hintergrund-menu{
  scroll-margin-top:16px;
}

@media (max-width:720px){
  #hintergrund-menu{
    scroll-margin-top:20px;
  }

  .hero__actions .button--background{
    width:100%;
  }
}

@media (min-width:721px){
  .hero__actions .button--background{
    display:none;
  }
}

/* korr_2 – Design-Konsole ohne statische Kommentare */
.design-lab__hint:empty,
.design-lab__mini-hint:empty,
.design-lab__status:empty{
  display:none;
}

/* v90 – Design-Konsole erweitert: Versionen + CSS-Ausgabe */
.design-lab__version-grid{
  display:grid;
  gap:10px;
}

.design-lab__version-card{
  background:var(--level-2-bg);
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
}

.design-lab__version-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:8px;
}

.design-lab__export{
  width:100%;
  margin-top:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--text);
  font:400 .92rem/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  resize:vertical;
}

.design-lab__status[hidden]{
  display:none !important;
}

@media (min-width:721px){
  .design-lab__version-grid{
    grid-template-columns:1fr 1fr 1fr;
  }
}

/* korr_10 – Design-Konsole kompakter, ohne Eingriff in PHP/JS */
@media (min-width: 981px) and (min-height: 760px) {
  .design-lab{
    width:min(760px, calc(100vw - 32px));
    max-height:calc(100vh - 32px);
    overflow:auto;
  }

  .design-lab__grid--colors{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px 14px;
    align-items:start;
  }

  .design-lab__grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px 14px;
    align-items:start;
  }

  .design-lab__version-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
  }

  .design-lab__version-card{
    padding:10px;
  }

  .design-lab__version-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .design-lab__actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px 10px;
  }

  .design-lab__btn{
    min-height:36px;
  }

  .design-lab__section{
    margin-bottom:12px;
  }

  .design-lab__title{
    margin-bottom:4px;
  }

  .design-lab__export{
    margin-top:10px;
  }
}

@media (max-height: 759px), (max-width: 980px) {
  .design-lab{
    max-height:calc(100vh - 24px);
    overflow:auto;
  }
}

/* korr_11 – Projektziel und Hintergrund immer untereinander über volle Breite */
.intro{
  display:grid;
  grid-template-columns:1fr !important;
  gap:18px !important;
}
@media (min-width:721px){
  .intro{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
}

/* korr_12 – kompakter oberer Bereich */
.project-goal-compact{
  margin:0;
}

@media (min-width:721px){
  .jump-nav{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .jump-nav__item{
    justify-content:center;
    text-align:center;
    min-height:44px;
    padding:8px 10px;
    font-size:0.84rem;
    line-height:1.22;
  }
}

/* korr_14 – hervorgehobener Primärbutton für Suchaufruf */
.jump-nav__item--callout{
  background: var(--accent);
  color:#fff;
  border-color: var(--accent);
  font-weight:700;
}

.jump-nav__item--callout:hover{
  text-decoration:none;
  filter:brightness(1.05);
}

@media (min-width:721px){
  .jump-nav__item--callout{
    grid-column: span 2;
  }
}

/* korr_15 – Suchaufruf schmal, aber farblich hervorgehoben */
.jump-nav__item--callout{
  background: var(--accent);
  color:#fff;
  border-color: var(--accent);
  font-weight:700;
}

/* explizit keine Verbreiterung mehr */
@media (min-width:721px){
  .jump-nav__item--callout{
    grid-column:auto !important;
  }
}

/* korr_16 – Suchaufruf sicher farblich hervorheben */
.jump-nav__item--callout,
.jump-nav__item.jump-nav__item--callout{
  background: var(--accent) !important;
  color: #ffffff !important;
  border-color: var(--accent) !important;
  font-weight:700;
}

.jump-nav__item--callout:hover{
  background: var(--accent) !important;
  color:#ffffff !important;
}

/* korr_17 – Suchaufruf dezent hervorgehoben mit Hintergrundfarbe */
.jump-nav__item--callout,
.jump-nav__item.jump-nav__item--callout{
  background: var(--bg) !important;
  color: var(--text) !important;
  border:2px solid var(--accent) !important;
  font-weight:700;
}

.jump-nav__item--callout:hover{
  background: var(--bg) !important;
  color: var(--text) !important;
  border-color: var(--accent) !important;
}

/* korr_18 – subtiler Hinweis für Suchaufruf */
.jump-nav__item--callout::before{
  content: "🔎 ";
  font-weight: normal;
}

/* sehr dezenter Hover-Effekt */
.jump-nav__item--callout:hover{
  box-shadow: 0 0 0 2px var(--accent) inset;
  transition: box-shadow 0.15s ease;
}

/* korr_19 – subtil hervorgehobener Suchaufruf-Button (Rahmen + feiner Schatten) */
.jump-nav__item--callout{
  border:2px solid var(--accent);
  box-shadow:0 0 0 2px rgba(0,0,0,0.04);
  font-weight:700;
}

.jump-nav__item--callout:hover{
  box-shadow:0 0 0 3px var(--accent);
}

/* Mehrseiten-Struktur */
.start-choice-card{display:flex;flex-direction:column;justify-content:center}
.hero__actions--start{margin-top:0;gap:10px}
.hero__actions--start .button{min-width:220px}
.page--subpage{padding-top:20px}
.section-head--subpage{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.subpage-back{margin:0}
.intro-card--full{grid-column:1 / -1}
.page-start .intro--start{grid-template-columns:1fr 1fr}
@media (max-width:860px){
  .section-head--subpage{flex-direction:column}
  .page-start .intro--start{grid-template-columns:1fr}
}

/* Kompakter Kopfbereich für Unterseiten */
.subpage-hero{
  padding:20px 16px 8px;
}
.subpage-hero__inner{
  width:min(1080px,calc(100% - 32px));
  margin:0 auto;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(204,182,157,.78);
  border-radius:16px;
  backdrop-filter:blur(10px);
  box-shadow:0 12px 28px rgba(56,32,17,.06);
  padding:22px 24px 20px;
}
.subpage-hero__kicker{
  margin:0 0 10px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--muted);
  font-size:.76rem;
}
.subpage-hero__title{
  margin:0;
  line-height:.95;
  color:#4a2318;
  font-size:clamp(2rem,3.2vw,3rem);
}
.subpage-hero__subtitle{
  margin:12px 0 0;
  color:#5e4f46;
  font-size:0.98rem;
  line-height:1.45;
}
@media (max-width:720px){
  .subpage-hero{
    padding:10px 10px 6px;
  }
  .subpage-hero__inner{
    width:min(1080px,calc(100% - 20px));
    padding:14px;
    border-radius:14px;
  }
  .subpage-hero__title{
    font-size:clamp(1.7rem,8vw,2.35rem);
    line-height:1.02;
  }
  .subpage-hero__subtitle{
    font-size:0.88rem;
  }
}

/* Bildleiste im Archiv-Kopfbereich */
.subpage-hero__layout{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.subpage-hero__image img{
  width:220px;
  height:auto;
  border-radius:8px;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
}

@media (max-width:800px){
  .subpage-hero__layout{
    flex-direction:column;
    align-items:flex-start;
  }

  .subpage-hero__image img{
    width:100%;
    max-width:320px;
  }
}

/* v8 – keine seitenweite Schriftskalierung mehr; Typografie kommt aus dem Design-System */
.page-archiv{
  font-size:1em;
}

.page-hintergrund{
  font-size:1em;
}

/* Unterseiten-Kopfbereich an Design-Palette und Kartenoptik angleichen */
.subpage-hero{
  padding:20px 0 8px;
}

.subpage-hero__inner{
  width:min(1080px,calc(100% - 32px));
  max-width:none !important;
  margin-left:auto;
  margin-right:auto;
  background:var(--level-1-bg);
  border:1px solid var(--level-1-border);
  border-radius:16px;
  backdrop-filter:blur(10px);
  box-shadow:0 12px 28px rgba(56,32,17,.06);
  padding:22px 24px 20px;
}

.subpage-hero__title{
  color:var(--text);
}

.subpage-hero__subtitle{
  color:var(--text);
  opacity:.82;
}

.subpage-hero__kicker{
  color:var(--accent);
}

@media (max-width:720px){
  .subpage-hero{
    padding:10px 0 6px;
  }

  .subpage-hero__inner{
    width:min(1080px,calc(100% - 24px));
    padding:14px;
    border-radius:14px;
  }
}

/* Unterseiten-Kopfbereich vollständig an dynamische Rahmen-/Flächenlogik anbinden */
.subpage-hero__inner{
  background:var(--level-1-bg) !important;
  border-color:var(--level-1-border) !important;
}

/* Unterseiten-Kopfbereich exakt wie die oberen Rahmen der Hauptseite */
.subpage-hero__inner{
  background:rgba(255,255,255,.64) !important;
  border:1px solid rgba(204,182,157,.78) !important;
  border-radius:16px !important;
  backdrop-filter:blur(10px) !important;
  box-shadow:0 12px 28px rgba(56,32,17,.06) !important;
}

/* Schrift im Kopfbereich der Unterseiten etwas kleiner */
.subpage-hero__kicker{
  font-size:.68rem !important;
}

.subpage-hero__title{
  font-size:clamp(1.72rem,2.6vw,2.45rem) !important;
  line-height:1.02 !important;
}

.subpage-hero__subtitle{
  font-size:.84rem !important;
  line-height:1.38 !important;
}

@media (max-width:720px){
  .subpage-hero__title{
    font-size:clamp(1.45rem,6.8vw,2rem) !important;
  }

  .subpage-hero__subtitle{
    font-size:.78rem !important;
  }
}

/* KORREKTUR: Kopfbereich-Rahmen exakt wie der große Rahmen darunter */
.subpage-hero__inner{
  border:1px solid var(--line) !important;
  background:var(--level-1-bg) !important;
}

/* Variante: etwas mehr Abstand zwischen Folgenkarten im Archiv */
.page-archiv .episode-card{
  margin-bottom: 18px;
}

/* Kontextzeile über dem Suchfeld im Archiv */

.archiv-context{
  margin:6px 0 10px;
  font-size:0.9rem;
  color:var(--text);
  opacity:.9;
}

/* Neuer minimalistischer Footer */
.site-footer{
  margin-top:40px;
  border-top:1px solid var(--line);
  padding:16px 0 28px;
  text-align:center;
  font-size:.85rem;
}

.site-footer__inner a{
  color:var(--text);
  text-decoration:none;
  margin:0 6px;
}

/* Gerahmte Rechtsseiten */
.legal-panel-wrap{
  width:min(1080px,calc(100% - 32px));
  margin:0 auto;
}

.legal-panel{
  background:var(--level-1-bg);
  border:1px solid var(--line);
  border-radius:16px;
  backdrop-filter:blur(10px);
  box-shadow:0 12px 28px rgba(56,32,17,.06);
  padding:22px 24px 20px;
}

.legal-panel h2{
  margin:0 0 12px;
  line-height:1.1;
  color:var(--text);
}

.legal-panel p{
  margin:0 0 12px;
}

@media (max-width:720px){
  .legal-panel-wrap{
    width:min(1080px,calc(100% - 24px));
  }

  .legal-panel{
    border-radius:14px;
    padding:14px;
  }
}

/* Footer – vertikal und horizontal sauber zentriert */
.site-footer__inner{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  text-align:center;
  font-size:.85rem;
}

.site-footer__inner a{
  color:var(--text);
  text-decoration:none;
  margin:0 6px;
}


/* Footer-Service-Seiten an Farbschema und Schriftlogik anbinden */
.page-impressum .legal-panel,
.page-haftung .legal-panel,
.page-kontakt .legal-panel,
.page-sitemap .legal-panel{
  background:var(--level-1-bg);
  border:1px solid var(--line);
  color:var(--text);
  font-family:var(--font-text);
}

.page-impressum .legal-panel h2,
.page-haftung .legal-panel h2,
.page-kontakt .legal-panel h2,
.page-sitemap .legal-panel h2,
.page-impressum .subpage-hero__title,
.page-haftung .subpage-hero__title,
.page-kontakt .subpage-hero__title,
.page-sitemap .subpage-hero__title{
  color:var(--text);
  font-family:var(--font-text);
}

.page-impressum .legal-panel p,
.page-haftung .legal-panel p,
.page-kontakt .legal-panel p,
.page-sitemap .legal-panel p,
.page-impressum .subpage-hero__kicker,
.page-haftung .subpage-hero__kicker,
.page-kontakt .subpage-hero__kicker,
.page-sitemap .subpage-hero__kicker,
.page-impressum .subpage-hero__subtitle,
.page-haftung .subpage-hero__subtitle,
.page-kontakt .subpage-hero__subtitle,
.page-sitemap .subpage-hero__subtitle{
  color:var(--text);
  font-family:var(--font-text);
}

.page-impressum .subpage-hero__inner,
.page-haftung .subpage-hero__inner,
.page-kontakt .subpage-hero__inner,
.page-sitemap .subpage-hero__inner{
  background:var(--level-1-bg);
  border:1px solid var(--line);
  color:var(--text);
}

/* Footer-Service-Seiten: vollständige Anbindung an Farb- und Schriftschema */
.page-impressum,
.page-haftung,
.page-kontakt,
.page-sitemap{
  color:var(--text);
  font-family:var(--font-text);
}

.page-impressum .subpage-hero__inner,
.page-haftung .subpage-hero__inner,
.page-kontakt .subpage-hero__inner,
.page-sitemap .subpage-hero__inner,
.page-impressum .legal-panel,
.page-haftung .legal-panel,
.page-kontakt .legal-panel,
.page-sitemap .legal-panel{
  background:var(--level-1-bg) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
  box-shadow:0 12px 28px rgba(56,32,17,.06);
}

/* Footer-Service-Seiten: gleiche Designlogik wie übrige Seiten */
.page-impressum .subpage-hero__inner,
.page-haftung .subpage-hero__inner,
.page-kontakt .subpage-hero__inner,
.page-sitemap .subpage-hero__inner,
.page-impressum .legal-panel,
.page-haftung .legal-panel,
.page-kontakt .legal-panel,
.page-sitemap .legal-panel{
  background:var(--level-1-bg) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
}

/* Rücksprung auf Service-Seiten */
.page-impressum .subpage-back,
.page-haftung .subpage-back,
.page-kontakt .subpage-back,
.page-sitemap .subpage-back{
  margin:0 0 12px;
}

/* Einheitlicher Kopfbereich für Service-Seiten */
.service-hero__inner{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

.service-hero__title{
  font-size:clamp(1.72rem,2.6vw,2.45rem) !important;
  line-height:1.02 !important;
}

.service-hero__subtitle{
  font-size:.78rem !important;
  line-height:1.32 !important;
}

.service-hero__back{
  margin:0;
  flex:0 0 auto;
}

@media (max-width:860px){
  .service-hero__inner{
    flex-direction:column;
  }
}

/* Kompakter Kopfbereich für Service-Seiten */
.service-hero__inner{
  padding:12px 18px 10px !important;
  align-items:center;
}

.service-hero__title{
  font-size:clamp(1.15rem,1.6vw,1.4rem) !important;
  line-height:1.05 !important;
}

.service-hero__subtitle{
  font-size:.65rem !important;
  line-height:1.25 !important;
  margin-top:4px !important;
}

.subpage-hero__kicker{
  font-size:.6rem !important;
  letter-spacing:.14em;
  margin-bottom:4px !important;
}

.service-hero__back a{
  font-size:.75rem !important;
}

.service-hero__text{
  max-width:720px;
}

/* Service-Seiten: Inhaltsrahmen bis an den rechten Rand wie Kopf und Fuß */
.legal-panel-wrap{
  width:min(1080px,calc(100% - 32px)) !important;
  max-width:none !important;
  margin:0 auto 20px !important;
}

@media (max-width:720px){
  .legal-panel-wrap{
    width:min(1080px,calc(100% - 24px)) !important;
  }
}

/* FIX: Service-Seiten Inhaltsrahmen exakt gleiche Breite wie Kopf/Fuß */
.page-impressum .legal-panel-wrap,
.page-haftung .legal-panel-wrap,
.page-kontakt .legal-panel-wrap,
.page-sitemap .legal-panel-wrap{
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width:720px){
  .page-impressum .legal-panel-wrap,
  .page-haftung .legal-panel-wrap,
  .page-kontakt .legal-panel-wrap,
  .page-sitemap .legal-panel-wrap{
    width: calc(100% - 24px) !important;
  }
}

/* FIX: Service-Inhaltsrahmen wie Kopf-Rahmen angeordnet:
   .page liefert bereits die Außenbreite, daher Wrapper innen auf volle Breite */
.page-impressum .legal-panel-wrap,
.page-haftung .legal-panel-wrap,
.page-kontakt .legal-panel-wrap,
.page-sitemap .legal-panel-wrap{
  width:100% !important;
  max-width:none !important;
  margin:0 0 20px !important;
  padding:0 !important;
}

.page-impressum .legal-panel,
.page-haftung .legal-panel,
.page-kontakt .legal-panel,
.page-sitemap .legal-panel{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

/* Design-Konsole mit Tabs statt Scrollbereich */
.design-lab{
  overflow:hidden;
}

.design-lab__tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin:0 0 12px;
}

.design-lab__tab{
  appearance:none;
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  background:#fff;
  color:#2f241d;
  padding:7px 8px;
  cursor:pointer;
  font:600 .72rem/1.15 var(--font-ui);
  text-align:center;
}

.design-lab__tab.is-active,
.design-lab__tab[aria-selected="true"]{
  background:var(--line);
  border-color:var(--line);
}

.design-lab__panels{
  min-height:0;
}

.design-lab__panel{
  margin-top:0;
  padding-top:0;
  border-top:none;
}

.design-lab__panel[hidden]{
  display:none !important;
}

.design-lab__section-title{
  margin:0 0 8px;
}

.design-lab__grid{
  gap:8px 10px;
}

.design-lab label{
  gap:4px;
  font:600 .8rem/1.25 var(--font-ui);
}

.design-lab input[type="color"],
.design-lab select{
  min-height:36px;
  border-radius:10px;
  font:500 .85rem/1.2 var(--font-ui);
}

.design-lab__version-grid{
  display:grid;
  gap:8px;
}

.design-lab__version-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background:#fff;
  padding:8px;
}

.design-lab__version-card strong{
  display:block;
  margin-bottom:6px;
  font:700 .8rem/1.2 var(--font-ui);
}

.design-lab__version-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.design-lab__actions{
  gap:8px;
  margin-top:8px;
}

.design-lab__btn{
  padding:8px 10px;
  font:600 .8rem/1.2 var(--font-ui);
}

.design-lab__status{
  margin-top:10px;
  font:400 .78rem/1.35 var(--font-text);
}

.design-lab__export{
  width:100%;
  margin-top:8px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:10px;
  padding:8px;
  font:400 .78rem/1.35 var(--font-ui);
  resize:vertical;
}

@media (max-width:640px){
  .design-lab__tabs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Layout-Korrektur: Footer auf Hauptseiten sauber am Ende, ohne unnötigen Leerraum */
html, body{
  min-height:100%;
}

.site-shell{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.site-footer{
  flex-shrink:0;
}

/* KORREKTUR: Footer-Abstand nur dann, wenn der Floating-Player tatsächlich sichtbar ist */
.site-footer{
  margin-bottom:0 !important;
}

body:has(.floating-player:not([hidden])) .site-footer{
  margin-bottom:200px !important;
}

@media (max-width:980px){
  body:has(.floating-player:not([hidden])) .site-footer{
    margin-bottom:150px !important;
  }
}

@media (max-width:720px){
  body:has(.floating-player:not([hidden])) .site-footer{
    margin-bottom:96px !important;
  }
}

/* FINALE KORREKTUR:
   Kein zusätzlicher Abstand mehr am Footer selbst.
   Abstand für den Player nur noch über body-padding. */
.site-footer{
  margin-bottom:0 !important;
}

body:has(.floating-player:not([hidden])) .site-footer{
  margin-bottom:0 !important;
}

body:has(.floating-player:not([hidden])){
  padding-bottom:140px !important;
}

@media (max-width:980px){
  body:has(.floating-player:not([hidden])){
    padding-bottom:120px !important;
  }
}

@media (max-width:720px){
  body:has(.floating-player:not([hidden])){
    padding-bottom:94px !important;
  }
}

/* Proportionale Abstände für Footer wie bei den übrigen Rahmen */
.site-footer{
  margin-top:16px !important;
  margin-bottom:16px !important;
  padding-top:14px !important;
  padding-bottom:14px !important;
}

body:has(.floating-player:not([hidden])){
  padding-bottom:110px !important;
}

@media (max-width:980px){
  body:has(.floating-player:not([hidden])){
    padding-bottom:102px !important;
  }
}

@media (max-width:720px){
  .site-footer{
    margin-top:12px !important;
    margin-bottom:12px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }

  body:has(.floating-player:not([hidden])){
    padding-bottom:86px !important;
  }
}

/* Sitemap Darstellung */
.sitemap-list{
  list-style:none;
  padding:0;
  margin:10px 0 0;
}
.sitemap-list li{
  margin:6px 0;
}
.sitemap-list a{
  text-decoration:none;
}

/* Platz für Floating Player unterhalb des Footers */
body{
  padding-bottom:120px;
}

@media (max-width:980px){
  body{
    padding-bottom:110px;
  }
}

@media (max-width:720px){
  body{
    padding-bottom:100px;
  }
}

/* Stabile Layout-Lösung: Platz für sichtbaren Floating-Player im normalen Seitenfluss reservieren */
:root{
  --floating-player-offset:0px;
}

html, body{
  min-height:100%;
}

.site-shell{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  padding-bottom:var(--floating-player-offset);
}

.site-footer{
  flex-shrink:0;
  margin-bottom:28px !important;
}

body:has(.floating-player:not([hidden])){
  padding-bottom:0 !important;
}

body:has(.floating-player:not([hidden])) .site-footer{
  margin-bottom:28px !important;
}

@media (max-width:720px){
  .site-footer{
    margin-top:12px !important;
    margin-bottom:16px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }

  body:has(.floating-player:not([hidden])) .site-footer{
    margin-bottom:16px !important;
  }
}


/* --- Startseite v20 landing refresh --- */
.page-start{padding-bottom:18px}
.hero__actions--landing{margin-top:18px;gap:10px}
.hero__actions--landing .button{min-height:44px;padding:0 18px}
.start-overview,.start-feature-grid,.start-paths,.start-topics{display:grid;gap:16px;padding:0 16px 16px;max-width:1240px;margin:0 auto}
.start-feature-grid{grid-template-columns:1.2fr .8fr}
.start-paths{grid-template-columns:repeat(3,minmax(0,1fr))}
.start-lead-card,.featured-episode,.start-purpose-card,.start-path-card,.start-topics-card{padding:24px}
.section-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--muted)}
.start-lead-card__text{margin:0;color:#5d5046;max-width:78ch}
.start-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.start-stat{padding:14px 16px;border-radius:14px;border:1px solid #e7d8c8;background:rgba(255,250,244,.92)}
.start-stat strong{display:block;font-size:1.25rem;line-height:1.1;color:#5a2417}
.start-stat span{display:block;margin-top:4px;color:#6b5c51}
.featured-episode{display:flex;flex-direction:column;justify-content:flex-start}
.featured-episode__nr{margin:0 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.featured-episode h3{margin:0;line-height:1.2;color:#5a2417;font-size:1.38rem}
.featured-episode__date,.featured-episode__text{color:#5d5046}
.featured-episode__date{margin:10px 0 0}
.featured-episode__text{margin:12px 0 0}
.featured-episode__actions{margin-top:18px;gap:10px}
.start-purpose-card p{color:#5d5046}
.start-path-card{display:flex;flex-direction:column;align-items:flex-start}
.start-path-card p{margin:0 0 18px;color:#5d5046}
.start-checklist{margin:0;padding-left:20px;color:#5d5046}
.start-checklist li + li{margin-top:8px}
.topic-chip-grid{display:flex;flex-wrap:wrap;gap:10px}
.topic-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #dcc8b4;background:#fff8f0;color:#5a2417;font-weight:600}
@media (max-width:980px){.start-feature-grid{grid-template-columns:1fr}.start-paths{grid-template-columns:1fr 1fr}.start-stats{grid-template-columns:1fr}}
@media (max-width:760px){.start-overview,.start-feature-grid,.start-paths,.start-topics{padding-left:12px;padding-right:12px}.start-paths{grid-template-columns:1fr}.start-lead-card,.featured-episode,.start-purpose-card,.start-path-card,.start-topics-card{padding:20px}.hero__actions--landing .button{width:100%}}

/* --- Startseite v24 Feinschliff: Innenabstände und Text-Rhythmik --- */
.page-start--historical{
  max-width:1240px;
  margin:0 auto;
  padding:0 16px 18px;
  display:grid;
}
.start-historical-grid,
.start-orientation-grid{
  padding:0;
  margin:0;
}
.start-historical-grid{align-items:start}
.start-orientation-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.start-intro-card,.start-context-card,.start-access-card,.start-orientation-card{
  padding:22px 24px 24px;
  scroll-margin-top:12px;
  display:flex;
  flex-direction:column;
}
.start-intro-card p,.start-context-card p,.start-access-card p,.start-orientation-card p{margin:0 0 12px;color:#5d5046;line-height:1.58}
.start-intro-card p:last-child,.start-context-card p:last-child,.start-access-card p:last-child,.start-orientation-card p:last-child{margin-bottom:0}
.start-intro-card > :first-child,.start-context-card > :first-child,.start-access-card > :first-child,.start-orientation-card > :first-child{margin-top:0}
.start-intro-card h2,.start-context-card h2,.start-access-card h2,.start-orientation-card h2,
.start-intro-card .section-kicker,.start-context-card .section-kicker,.start-access-card .section-kicker,.start-orientation-card .section-kicker{
  position:relative;
  top:0;
}
.start-intro-card .section-kicker,.start-context-card .section-kicker,.start-access-card .section-kicker,.start-orientation-card .section-kicker{margin:0 0 8px}
.start-intro-card h2,.start-context-card h2,.start-access-card h2,.start-orientation-card h2{margin:0 0 14px;line-height:1.12}
.hero__actions--historical{margin-top:18px;gap:10px}
.hero__actions--historical .button,.hero__actions--start-integrated .button{min-height:44px;padding:0 18px}
.hero__actions--start-integrated{margin-top:16px;gap:10px}
.start-inline-meta{display:flex;flex-wrap:wrap;gap:10px 14px;margin:16px 0 0;padding:0;list-style:none;color:var(--muted)}
.start-inline-meta span{display:inline-flex;align-items:center;gap:8px}
.start-inline-meta span:not(:last-child)::after{content:"";display:inline-block;width:1px;height:14px;margin-left:14px;background:rgba(130,103,80,.28)}
.start-orientation-card{height:100%}
.start-list{margin:2px 0 0;padding-left:20px;color:#5d5046}
.start-list li{margin:0;line-height:1.56}
.start-list li+li{margin-top:6px}
@media (max-width:860px){
  .page-start--historical{padding-left:12px;padding-right:12px}
  .start-orientation-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hero__actions--historical .button,.hero__actions--start-integrated .button{width:100%}
  .start-intro-card,.start-context-card,.start-access-card,.start-orientation-card{padding:19px 20px 20px}
  .start-intro-card h2,.start-context-card h2,.start-access-card h2,.start-orientation-card h2{margin-bottom:12px}
  .start-inline-meta{display:block}
  .start-inline-meta span{display:block}
  .start-inline-meta span:not(:last-child)::after{display:none}
  .start-inline-meta span+span{margin-top:6px}
}




/* v80 – Hintergrundseite: Leadtext und ruhigere Inhaltsabstände */
.page-hintergrund{
  font-size:1em;
}

.page-hintergrund .intro-card--full{
  display:block;
}

.page-hintergrund .intro-lead {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1.2rem 0;
}

.page-hintergrund .jump-nav{
  gap:12px;
  margin-top:18px;
}

.page-hintergrund .jump-nav__item{
  min-height:52px;
  padding:12px 16px;
}

.page-hintergrund .background{
  margin-top:16px;
}

.page-hintergrund .background-stack{
  gap:18px;
}

.page-hintergrund .info-panel,
.page-hintergrund .bio-card{
  padding:18px 20px 20px;
}

.page-hintergrund .section__text + .section__text,
.page-hintergrund .info-panel p + .section__text{
  margin-top:18px;
}

.page-hintergrund .section__text h5{
  margin:0 0 8px;
}

@media (max-width:860px){
  .page-hintergrund .jump-nav{
    grid-template-columns:1fr;
  }
}

@media (max-width:720px){
  .page-hintergrund{
    font-size:1em;
  }

  .page-hintergrund .intro-lead {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1.2rem 0;
}

  .page-hintergrund .info-panel,
  .page-hintergrund .bio-card{
    padding:16px;
  }
}




.page-hintergrund .bio-card h4{
  margin:0 0 10px;
  padding:0 0 6px;
  line-height:1.25;
  border-bottom:1px solid #ead8c5;
  color:#5a2417;
}

.page-hintergrund .bio-card p{
  margin:6px 0 10px;
  line-height:1.55;
  color:#5d5046;
}

.page-hintergrund .bio-card p:last-child{
  margin-bottom:0;
}


/* Systemischer Fließtext auf allen Rahmenebenen im Bereich Hintergrund */
.page-hintergrund .intro-card p,
.page-hintergrund .info-panel p,
.page-hintergrund .bio-card p{
  font-size:0.92rem;
  line-height:1.6;
  margin:8px 0 12px;
  color:#5d5046;
}

.page-hintergrund .bio-card h4{
  margin:0 0 12px;
  padding:0;
  border-bottom:1px solid #ead8c5;
  color:#5a2417;
}

.page-hintergrund .intro-card p:last-child,
.page-hintergrund .info-panel p:last-child,
.page-hintergrund .bio-card p:last-child{
  margin-bottom:0;
}

/* v25 – systemischer Layout-Transfer der v24-Feinabstimmung auf Unterseiten */
.page--subpage .archive,
.page--subpage .background,
.page--subpage .intro-card,
.page-impressum .legal-panel,
.page-haftung .legal-panel,
.page-kontakt .legal-panel,
.page-sitemap .legal-panel{
  padding:22px 24px 24px;
}

.page--subpage .section-head,
.page--subpage .filters,
.page--subpage .search-meta,
.page--subpage .jump-nav{
  margin-top:0;
}

.page--subpage .section-head + .jump-nav,
.page--subpage .section-head + .filters,
.page--subpage .filters + .search-meta,
.page--subpage .search-meta + .episode-grid{
  margin-top:16px;
}

.page--subpage .archive h2,
.page--subpage .background h2,
.page--subpage .intro-card h2,
.page-impressum .legal-panel h2,
.page-haftung .legal-panel h2,
.page-kontakt .legal-panel h2,
.page-sitemap .legal-panel h2{
  margin:0 0 14px;
  line-height:1.12;
}

.page--subpage .hero__kicker,
.page--subpage .section-kicker,
.page-impressum .subpage-hero__kicker,
.page-haftung .subpage-hero__kicker,
.page-kontakt .subpage-hero__kicker,
.page-sitemap .subpage-hero__kicker{
  margin:0 0 8px;
}

.page--subpage .archive > p,
.page--subpage .intro-card > p,
.page-impressum .legal-panel p,
.page-haftung .legal-panel p,
.page-kontakt .legal-panel p,
.page-sitemap .legal-panel p{
  margin:0 0 12px;
  line-height:1.58;
}

.page--subpage .info-panel,
.page--subpage .bio-card{
  padding:22px 24px 24px;
}

.page--subpage .info-panel h3,
.page--subpage .bio-card h4{
  margin:0 0 14px;
  padding-bottom:10px;
  line-height:1.16;
}

.page--subpage .info-panel p,
.page--subpage .bio-card p{
  margin:0 0 12px;
  line-height:1.58;
}

.page--subpage .info-panel ul,
.page--subpage .info-panel ol,
.page--subpage .bio-card ul,
.page--subpage .bio-card ol{
  margin:0 0 12px 22px;
}

.page--subpage .info-panel li,
.page--subpage .bio-card li{
  margin:0;
}

.page--subpage .info-panel li + li,
.page--subpage .bio-card li + li{
  margin-top:4px;
}

.page--subpage .info-panel__back{
  margin:16px 0 0;
  padding-top:14px;
}

@media (max-width:640px){
  .page--subpage .archive,
  .page--subpage .background,
  .page--subpage .intro-card,
  .page--subpage .info-panel,
  .page--subpage .bio-card,
  .page-impressum .legal-panel,
  .page-haftung .legal-panel,
  .page-kontakt .legal-panel,
  .page-sitemap .legal-panel{
    padding:19px 20px 20px;
  }

  .page--subpage .section-head + .jump-nav,
  .page--subpage .section-head + .filters,
  .page--subpage .filters + .search-meta,
  .page--subpage .search-meta + .episode-grid{
    margin-top:14px;
  }

  .page--subpage .archive h2,
  .page--subpage .background h2,
  .page--subpage .intro-card h2,
  .page--subpage .info-panel h3,
  .page--subpage .bio-card h4,
  .page-impressum .legal-panel h2,
  .page-haftung .legal-panel h2,
  .page-kontakt .legal-panel h2,
  .page-sitemap .legal-panel h2{
    margin-bottom:12px;
  }
}


/* v39 authors layout + Kubizek link */
#kubizek{scroll-margin-top:8px}
.bio-grid{grid-template-columns:1fr !important;gap:18px !important;}
.page--subpage .bio-card{max-width:none;}


/* v44 – Hero strukturell verdichtet und typografisch beruhigt */
.hero{padding:18px 16px 10px}
.hero__inner{grid-template-columns:minmax(0,1.24fr) minmax(300px,.76fr);gap:14px;align-items:stretch}
.hero__copy{padding:22px 24px 20px}
.hero__visual{padding:14px}
.hero__kicker{margin:0 0 8px;font-size:.74rem;letter-spacing:.16em}
.hero__copy h1{margin:0;line-height:.96}
.hero__subtitle-lines{margin:12px 0 0;display:grid;gap:4px}
.hero__subtitle-line{margin:0;color:#5e4f46;line-height:1.34;font-size:1rem}
.hero__subtitle-line--primary{font-size:1.05rem;font-weight:500;max-width:none}
.hero__actions--historical{margin-top:20px;gap:10px}
.hero__actions--historical .button{min-height:42px;padding:0 17px}
.hero-image{max-width:410px}
.hero-image img{max-height:250px}
.hero-image-note{max-width:410px;margin-top:14px}
@media (min-width:901px){
  .hero__subtitle-line--primary{white-space:nowrap}
}
@media (max-width:980px){
  .hero__inner{grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr)}
  .hero__subtitle-line--primary{white-space:normal}
}
@media (max-width:760px){
  .hero__inner{grid-template-columns:1fr}
  .hero__copy{padding:21px 21px 20px}
  .hero__visual{padding:16px 16px 14px}
  .hero__subtitle-line--primary{white-space:normal}
  .hero-image{max-width:360px}
  .hero-image img{max-height:230px}
}


/* v46 – sichtbarer typografischer Feinschliff */
.page-start--historical .hero{
  padding: 26px 18px 16px;
}
.page-start--historical .hero__inner,
.hero .hero__inner{
  gap: 24px;
  grid-template-columns: minmax(0, 1.28fr) minmax(280px, 0.72fr);
}
.hero .hero__copy{
  padding: 32px 34px 30px;
}
.hero .hero__visual{
  padding: 18px;
}
.hero .hero__kicker{
  margin: 0 0 14px;
  font-size: 0.74rem;
  letter-spacing: 0.18em;
}
.hero h1{
  font-size: clamp(2.35rem, 3.9vw, 3.9rem);
  line-height: 0.92;
}
.hero .hero__subtitle-lines{
  margin: 20px 0 0;
  gap: 8px;
}
.hero .hero__subtitle-line{
  line-height: 1.48;
  font-size: 1rem;
}
.hero .hero__subtitle-line--primary{
  font-size: 1.16rem;
  font-weight: 600;
  white-space: nowrap;
}
.hero .hero__subtitle-lines .hero__subtitle-line:not(.hero__subtitle-line--primary){
  font-size: 0.97rem;
  color: var(--muted);
}
.hero .hero__actions--historical{
  margin-top: 34px;
  gap: 14px;
}
.hero .hero__actions--historical .button{
  min-height: 46px;
  padding: 0 22px;
}
.hero .hero-image{
  max-width: 400px;
}
.hero .hero-image img{
  max-height: 248px;
}
.hero .hero-image-note{
  margin-top: 16px;
  font-size: 0.68rem;
  line-height: 1.4;
}

.page-start .intro-card{
  padding: 28px 32px 30px;
}
.page-start .intro-card h2{
  margin: 0 0 18px;
  line-height: 1.08;
}
.page-start .section-kicker{
  margin: 0 0 10px;
}
.page-start .start-context-card p,
.page-start .start-intro-card p,
.page-start .start-orientation-card p{
  max-width: none;
  margin: 0 0 18px;
  line-height: 1.78;
}
.page-start .start-context-card p:last-child,
.page-start .start-intro-card p:last-child,
.page-start .start-orientation-card p:last-child{
  margin-bottom: 0;
}
.page-start .intro-card a{
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.page--subpage .jump-nav{
  margin-top: 16px;
  gap: 12px;
}
.page--subpage .jump-nav__item{
  padding: 12px 14px;
  font-size: 0.94rem;
  line-height: 1.34;
}
.page--subpage .bio-card h4{
  margin: 0 0 16px;
  padding-bottom: 12px;
  font-size: 1.18rem;
  line-height: 1.2;
}
.page--subpage .bio-card p{
  margin: 0 0 15px;
  line-height: 1.72;
}
.page--subpage .bio-card p:last-child{
  margin-bottom: 0;
}
.page--subpage .bio-card a[target="_blank"]{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

@media (max-width: 980px){
  .hero .hero__inner{
    grid-template-columns: minmax(0, 1.18fr) minmax(260px, 0.82fr);
    gap: 18px;
  }
  .hero .hero__copy{
    padding: 28px 28px 26px;
  }
  .page-start .intro-card{
    padding: 25px 26px 27px;
  }
}
@media (max-width: 760px){
  .hero .hero__inner{
    grid-template-columns: 1fr;
  }
  .hero .hero__copy{
    padding: 24px 22px 24px;
  }
  .hero .hero__subtitle-line--primary{
    white-space: normal;
  }
  .hero .hero__actions--historical{
    margin-top: 26px;
  }
  .hero .hero__actions--historical .button{
    width: 100%;
  }
  .page-start .intro-card{
    padding: 22px 22px 24px;
  }
}

/* v48 – Startseite: einheitliche Rahmenabstände und kompaktere Textführung */
.hero{
  padding:18px 16px 12px;
}
.page-start--historical{
  padding:0 16px 12px;
}

.page-start--historical .intro-card{
  padding:22px 24px 24px;
}
.page-start--historical .intro-card h2{
  margin:0 0 14px;
  line-height:1.12;
}
.page-start--historical .section-kicker{
  margin:0 0 8px;
}
.page-start--historical .start-context-card p,
.page-start--historical .start-intro-card p,
.page-start--historical .start-orientation-card p{
  max-width:none;
  margin:0 0 12px;
  line-height:1.58;
}
.page-start--historical .start-context-card p:last-child,
.page-start--historical .start-intro-card p:last-child,
.page-start--historical .start-orientation-card p:last-child{
  margin-bottom:0;
}
.hero .hero__inner{
  gap:12px;
}
.hero .hero__copy{
  padding:24px 26px 22px;
}
.hero .hero__visual{
  padding:14px;
}
.hero .hero-figure{
  align-items:stretch;
}
.hero .hero-image,
.hero .hero-image-note{
  width:100%;
  max-width:none;
}
.hero .hero-image img{
  width:100%;
  max-height:248px;
}
.hero .hero__actions--historical{
  margin-top:24px;
}
@media (max-width:980px){
  .page-start--historical{
    padding:0 16px 12px;
  }
}
@media (max-width:760px){
  .hero{
    padding:16px 12px 12px;
  }
  .page-start--historical{
    padding:0 12px 12px;
  }
  .page-start--historical .intro-card{
    padding:20px 20px 22px;
  }
}


/* v49: Startseite Inhalt volle Breite, Einordnung ausgeblendet */
.start-orientation-grid--single{grid-template-columns:1fr !important;}
.start-orientation-grid--single > .start-orientation-card{grid-column:1 / -1 !important;}


/* v81 – Hintergrundseite: Leitsatz über volle Kartenbreite und typografisch präsenter */
.page-hintergrund .intro-card--full{
  display:block;
}

.page-hintergrund .intro-lead-wrap{
  width:100%;
  margin:18px 0 0;
}

.page-hintergrund .intro-lead {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1.2rem 0;
}

.page-hintergrund .jump-nav{
  margin-top:20px;
}

@media (max-width:720px){
  .page-hintergrund .intro-lead-wrap{
    margin-top:14px;
  }

  .page-hintergrund .intro-lead {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1.2rem 0;
}
}




/* Archiv-Einleitung: Typografie wie Fließtext in Inhaltsrahmen */
.archiv-context,
.info-panel__text{
  font-size:0.92rem;
  line-height:1.6;
  margin:8px 0 12px;
  color:#5d5046;
}




/* Startseite – finaler Rasterabgleich nur für Hauptseite */
body.page-start .page-start--historical{
  width:min(1240px,calc(100% - 32px));
  max-width:none;
  margin:0 auto;
  padding:0 0 18px;
  display:grid;
  gap:14px;
}

body.page-start .hero{
  padding:20px 0 14px;
}

body.page-start .hero__inner{
  width:min(1240px,calc(100% - 32px));
  max-width:none;
  margin:0 auto;
  gap:14px;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
}

body.page-start .page-start--historical > section,
body.page-start .page-start--historical .start-historical-grid,
body.page-start .page-start--historical .start-orientation-grid{
  margin:0;
  gap:14px;
}

body.page-start .intro--start{
  margin-bottom:0;
}

body.page-start .start-orientation-grid--single{
  grid-template-columns:1fr;
}

body.page-start .site-footer{
  width:min(1240px,calc(100% - 32px));
  max-width:none;
  margin:0 auto 28px;
  padding:0;
}

@media (max-width:720px){
  body.page-start .hero{
    padding:10px 0 8px;
  }

  body.page-start .hero__inner,
  body.page-start .page-start--historical,
  body.page-start .site-footer{
    width:min(1240px,calc(100% - 20px));
  }
}


/* Startseite – letzte Korrektur: nur Abstand zwischen Sendereihe und Inhalt */
body.page-start .page-start--historical{
  gap:12px !important;
}

body.page-start .intro.intro--start{
  margin-bottom:0 !important;
}

body.page-start .start-orientation-grid{
  margin-top:0 !important;
}

body.page-start .site-footer{
  width:min(1240px,calc(100% - 32px)) !important;
  max-width:none !important;
  margin:0 auto 28px !important;
}

@media (max-width:720px){
  body.page-start .site-footer{
    width:min(1240px,calc(100% - 20px)) !important;
  }
}


/* Player Safe Space – verhindert verdeckten Footer */
body.has-floating-player .site-shell{
  padding-bottom:calc(var(--player-safe-space, 140px) + env(safe-area-inset-bottom, 0px));
}

body.page-start.has-floating-player .site-footer{
  margin-bottom:24px;
}






/* =====================================================
   BLUEPRINT STEP 1 – Ebenenmodell 0–3
   Fundament für wiederverwendbare Projektstruktur
   Bewusst minimal-invasiv, optisch nur sehr geringe Wirkung.
   ===================================================== */
:root{
  --container-wide:1240px;
  --container-normal:1080px;
  --space-1:28px;
  --space-2:18px;
  --space-3:12px;
  --text-body:0.92rem;
  --reading-scale:2.00;
  --reading-scale:2.00;
  --text-size-body:var(--text-body);
  --text-title:1.15rem;
  --text-title-large:1.4rem;
  --text-body-small:0.9rem;
  --text-meta:0.8rem;
  --text-lead:1.05rem;
  --text-ui:0.95rem;
  --text-main-title:1.8rem;
  --text-main-hero:1.8rem;
  --text-line-body:1.58;
}

/* Ebene 0 – globaler Hintergrund / Seitenschale */
.site-shell{
  min-height:100vh;
}

/* Ebene 1 – Seitencontainer / Hero / Footer / Hauptrahmen */
.level-1--page,
.level-1--hero,
.level-1--footer,
.level-1--frame,
.level-1-stack{
  box-sizing:border-box;
}

/* Ebene 2 – Sektionen / Inhaltsrahmen */
.level-2--panel{
  box-sizing:border-box;
}

/* Ebene 3 – Inhalte / Fließtext */
.level-3--content p,
.level-2--panel p,
.intro-card p,
.info-panel p,
.legal-panel p,
.episode-card p{
  font-size:var(--text-size-body);
  line-height:var(--text-line-body);
}

.level-3--content p:last-child,
.level-2--panel p:last-child{
  margin-bottom:0;
}

@media (max-width:720px){
  :root{
    --space-1:22px;
    --space-2:14px;
    --space-3:10px;
  }
}


/* =====================================================
   BLUEPRINT STEP 2 – Abstände über Ebenen steuern
   Ziel:
   - Unterseiten Footer-Abstand an Archiv/Hintergrund angleichen
   - Hauptseite Rahmenabstände in den gleichen Rhythmus bringen
   ===================================================== */

/* Ebenenabstände als tatsächliche Layoutwerte */
:root{
  --space-page-to-footer: 28px;
  --space-page-to-footer-mobile: 22px;
  --space-page-stack: 18px;
  --space-page-stack-mobile: 14px;
}

/* Hauptseite: ein echter Stack-Rhythmus */
body.page-start .page-start--historical.level-1--page{
  gap: var(--space-page-stack) !important;
}

body.page-start .page-start--historical.level-1--page > .level-1-stack{
  margin: 0 !important;
}

body.page-start .intro.intro--start.level-1-stack,
body.page-start .start-orientation-grid.level-1-stack{
  gap: var(--space-page-stack) !important;
}

/* Unterseiten: gleiche Stack-Logik */
body.page-hintergrund .background-stack.level-1-stack,
body.page-archiv .episode-grid.level-1-stack{
  gap: var(--space-page-stack) !important;
}

/* Service-Seiten: Abstand zum Footer auf gleiche Systemhöhe ziehen */
.page-impressum .legal-panel-wrap,
.page-haftung .legal-panel-wrap,
.page-kontakt .legal-panel-wrap,
.page-sitemap .legal-panel-wrap{
  margin: 0 auto var(--space-page-stack) !important;
}

/* Footer-Abstand systemisch, nicht größer als nötig */
body.page-start .site-footer.level-1--footer,
body.page-hintergrund .site-footer.level-1--footer,
body.page-archiv .site-footer.level-1--footer,
body.page-impressum .site-footer.level-1--footer,
body.page-haftung .site-footer.level-1--footer,
body.page-kontakt .site-footer.level-1--footer,
body.page-sitemap .site-footer.level-1--footer{
  margin-top: var(--space-page-to-footer) !important;
}

/* Mobile proportional kleiner */
@media (max-width:720px){
  body.page-start .page-start--historical.level-1--page{
    gap: var(--space-page-stack-mobile) !important;
  }

  body.page-start .intro.intro--start.level-1-stack,
  body.page-start .start-orientation-grid.level-1-stack,
  body.page-hintergrund .background-stack.level-1-stack,
  body.page-archiv .episode-grid.level-1-stack{
    gap: var(--space-page-stack-mobile) !important;
  }

  .page-impressum .legal-panel-wrap,
  .page-haftung .legal-panel-wrap,
  .page-kontakt .legal-panel-wrap,
  .page-sitemap .legal-panel-wrap{
    margin-bottom: var(--space-page-stack-mobile) !important;
  }

  body.page-start .site-footer.level-1--footer,
  body.page-hintergrund .site-footer.level-1--footer,
  body.page-archiv .site-footer.level-1--footer,
  body.page-impressum .site-footer.level-1--footer,
  body.page-haftung .site-footer.level-1--footer,
  body.page-kontakt .site-footer.level-1--footer,
  body.page-sitemap .site-footer.level-1--footer{
    margin-top: var(--space-page-to-footer-mobile) !important;
  }
}


/* =====================================================
   BLUEPRINT STEP 3 – Feinkorrektur Seitentypen
   - Hauptseite: größere vertikale Abstände
   - Service-Seiten: kleinerer Abstand vor Footer
   ===================================================== */

/* Hauptseite bewusst etwas luftiger als zuletzt */
body.page-start .page-start--historical.level-1--page{
  gap: 22px !important;
}

body.page-start .intro.intro--start.level-1-stack,
body.page-start .start-orientation-grid.level-1-stack{
  gap: 22px !important;
}

body.page-start .site-footer.level-1--footer{
  margin-top: 30px !important;
}

/* Service-Seiten: Footer deutlich näher an den Inhaltsrahmen */
.page-impressum .legal-panel-wrap,
.page-haftung .legal-panel-wrap,
.page-kontakt .legal-panel-wrap,
.page-sitemap .legal-panel-wrap{
  margin: 0 auto 12px !important;
}

.page-impressum .site-footer.level-1--footer,
.page-haftung .site-footer.level-1--footer,
.page-kontakt .site-footer.level-1--footer,
.page-sitemap .site-footer.level-1--footer{
  margin-top: 12px !important;
}

@media (max-width:720px){
  body.page-start .page-start--historical.level-1--page,
  body.page-start .intro.intro--start.level-1-stack,
  body.page-start .start-orientation-grid.level-1-stack{
    gap: 16px !important;
  }

  body.page-start .site-footer.level-1--footer{
    margin-top: 24px !important;
  }

  .page-impressum .legal-panel-wrap,
  .page-haftung .legal-panel-wrap,
  .page-kontakt .legal-panel-wrap,
  .page-sitemap .legal-panel-wrap{
    margin-bottom: 10px !important;
  }

  .page-impressum .site-footer.level-1--footer,
  .page-haftung .site-footer.level-1--footer,
  .page-kontakt .site-footer.level-1--footer,
  .page-sitemap .site-footer.level-1--footer{
    margin-top: 10px !important;
  }
}


/* =====================================================
   BLUEPRINT STEP 4 – Altregeln Start/Service neutralisiert
   Jetzt greifen Rhythmusregeln tatsächlich sichtbar.
   ===================================================== */

/* Gemeinsamer Seitenrhythmus */
:root{
  --space-rhythm: 18px;
  --space-footer: 28px;
}

/* Startseite */
body.page-start .hero{
  padding-bottom: var(--space-rhythm) !important;
}

body.page-start .page-start--historical{
  display:grid !important;
  gap: var(--space-rhythm) !important;
  padding-bottom: 0 !important;
}

body.page-start .intro.intro--start,
body.page-start .start-historical-grid,
body.page-start .start-orientation-grid{
  margin:0 !important;
  gap: var(--space-rhythm) !important;
}

body.page-start .site-footer{
  margin-top: var(--space-footer) !important;
  margin-bottom: 28px !important;
}

/* Service-Seiten */
.page-impressum .legal-panel-wrap,
.page-haftung .legal-panel-wrap,
.page-kontakt .legal-panel-wrap,
.page-sitemap .legal-panel-wrap{
  margin: 0 auto !important;
}

.page-impressum .site-footer,
.page-haftung .site-footer,
.page-kontakt .site-footer,
.page-sitemap .site-footer{
  margin-top: var(--space-rhythm) !important;
  margin-bottom: 28px !important;
}

/* Mobile */
@media (max-width:720px){
  :root{
    --space-rhythm: 14px;
    --space-footer: 22px;
  }
}


/* =====================================================
   BLUEPRINT STEP 5 – echter Abstandsträger pro Seitentyp
   Erkenntnis:
   - Service-Seiten: großer Leerraum kam von min-height:100vh der site-shell
   - Hauptseite: erster Rahmenabstand kam aus Hero-Padding + Main-Padding,
     nicht aus dem gleichen Stack-Rhythmus wie die übrigen Karten
   ===================================================== */

/* Service-Seiten: Footer direkt nach dem Inhalt statt auf Viewporthöhe "abgehängt" */
body.page-impressum .site-shell,
body.page-haftung .site-shell,
body.page-kontakt .site-shell,
body.page-sitemap .site-shell{
  min-height:auto !important;
}

/* Hauptseite: Hero/Main-Übergang auf denselben Rhythmus wie Karten bringen */
body.page-start .hero{
  padding:20px 0 10px !important;
}

body.page-start .page.page-start--historical{
  padding-top: 14px !important;
  padding-bottom:18px !important;
}

body.page-start .page-start--historical{
  gap:18px !important;
}

body.page-start .intro.intro--start,
body.page-start .start-historical-grid,
body.page-start .start-orientation-grid{
  gap:18px !important;
}

/* Footer bleibt bewusst etwas luftiger */
body.page-start .site-footer,
body.page-hintergrund .site-footer,
body.page-archiv .site-footer,
body.page-impressum .site-footer,
body.page-haftung .site-footer,
body.page-kontakt .site-footer,
body.page-sitemap .site-footer{
  margin-top:28px !important;
}

@media (max-width:720px){
  body.page-start .hero{
    padding:10px 0 8px !important;
  }

  body.page-start .page.page-start--historical{
    padding-top: 14px !important;
    padding-bottom:12px !important;
  }

  body.page-start .page-start--historical,
  body.page-start .intro.intro--start,
  body.page-start .start-historical-grid,
  body.page-start .start-orientation-grid{
    gap:14px !important;
  }

  body.page-start .site-footer,
  body.page-hintergrund .site-footer,
  body.page-archiv .site-footer,
  body.page-impressum .site-footer,
  body.page-haftung .site-footer,
  body.page-kontakt .site-footer,
  body.page-sitemap .site-footer{
    margin-top:22px !important;
  }
}


/* =====================================================
   BLUEPRINT STEP 6 – Hauptseite auf Unterseiten-Rhythmus ziehen
   Ziel: gleiche vertikale Abstände wie Archiv/Hintergrund
   ===================================================== */

/* Unterseiten laufen effektiv mit 18px Panel-Abstand und 28px vor Footer.
   Hauptseite jetzt auf denselben Rhythmus normieren. */
body.page-start .hero{
  padding:20px 0 8px !important;
}

body.page-start .page.page-start--historical{
  padding-top: 14px !important;
  padding-bottom:18px !important;
}

body.page-start .page-start--historical,
body.page-start .intro.intro--start,
body.page-start .start-historical-grid,
body.page-start .start-orientation-grid{
  gap:18px !important;
}

body.page-start .site-footer{
  margin-top:28px !important;
}

@media (max-width:720px){
  body.page-start .hero{
    padding:10px 0 6px !important;
  }

  body.page-start .page.page-start--historical{
    padding-top: 14px !important;
    padding-bottom:12px !important;
  }

  body.page-start .page-start--historical,
  body.page-start .intro.intro--start,
  body.page-start .start-historical-grid,
  body.page-start .start-orientation-grid{
    gap:14px !important;
  }

  body.page-start .site-footer{
    margin-top:22px !important;
  }
}


@media (max-width: 820px){
  .floating-player{
    bottom: 80px !important;
  }
}


/* accessibility fix – Back-Link ohne Unterstreichung + klare Focus/Active-States */
body .back-top,
body .back-top:visited,
body .back-top:hover,
body .back-top:focus-visible,
body .back-top:active{
  text-decoration:none !important;
}

body a[href]:focus-visible,
body button:focus-visible,
body [role="button"]:focus-visible,
body input[type="button"]:focus-visible,
body input[type="submit"]:focus-visible,
body input[type="reset"]:focus-visible,
body select:focus-visible,
body textarea:focus-visible{
  outline:3px solid var(--accent) !important;
  outline-offset:3px !important;
}

body .button:focus-visible,
body .mini-btn:focus-visible,
body .back-top:focus-visible,
body .jump-nav__item:focus-visible,
body .theme-btn:focus-visible,
body .floating-player__button:focus-visible,
body .floating-player__speed:focus-visible{
  box-shadow:0 0 0 3px rgba(255,255,255,0.9), 0 0 0 6px rgba(0,0,0,0.18) !important;
}

body a[href]:active,
body button:active,
body [role="button"]:active,
body input[type="button"]:active,
body input[type="submit"]:active,
body input[type="reset"]:active{
  opacity:.92;
}

body .button:active,
body .mini-btn:active,
body .back-top:active,
body .jump-nav__item:active,
body .theme-btn:active,
body .floating-player__button:active{
  transform:translateY(1px);
}


/* Archiv: Datum und Hinweis klar getrennt */
body.page-archiv .episode-card__date{
  display:block;
  margin:8px 0 0 !important;
}

body.page-archiv .episode-card__note{
  display:block;
  margin:6px 0 0 !important;
  color:var(--muted);
}

body.page-archiv .episode-card__note-label{
  font-weight:600;
}


/* Archiv: Datum oben rechts neben Folgennummer */
body.page-archiv .episode-card__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

body.page-archiv .episode-card__date{
  margin:0 !important;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
}

body.page-archiv .episode-card__nr{
  margin:0 !important;
}

body.page-archiv .episode-title-text{
  margin-top:6px;
}


/* Archiv: Buttons immer unten ausrichten */
body.page-archiv .episode-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

body.page-archiv .episode-card__actions{
  margin-top:auto;
}


/* Fließtext: Hintergrundseite an zentrale Standardschrift anbinden */
body.page-hintergrund .background-copy p,
body.page-hintergrund .background-section p,
body.page-hintergrund .background-panel p,
body.page-hintergrund .background-stack p{
  font-size: var(--text-size-body);
  line-height: var(--text-line-body);
}


/* Titel: nur Archiv + Content-Titel an zentrale Titelgröße anbinden */
body.page-archiv .episode-title-text,
.level-3--content h3,
.level-2--panel h3,
.intro-card h3,
.info-panel h3,
.legal-panel h3{
  font-size: var(--text-title);
}


/* Titel groß: Hauptüberschriften (H1/H2) */
h1, h2{
  font-size: var(--text-title-large);
}


/* Titel groß: reale Projekt-Selektoren an zentrale Titelgröße anbinden */
.hero h1,
.hero__copy h1,
.intro-card h2,
.section-head h2,
.subpage-hero__title,
.service-hero__title{
  font-size: var(--text-title-large) !important;
}


/* Fließtext klein: zunächst nur Hinweiszeilen */
body.page-archiv .episode-card__note{
  font-size: var(--text-body-small) !important;
}


/* Meta / Kleintext – zunächst nur sichere Archiv-Metadaten */
body.page-archiv .episode-card__nr,
body.page-archiv .episode-card__date{
  font-size: var(--text-meta) !important;
}


/* Lead-Text – zunächst nur Beschreibung im linken Kopfbereich der Startseite */
body.page-start .hero__subtitle,
body.page-start .hero__subtitle-lines,
body.page-start .hero__subtitle-line{
  font-size: var(--text-lead) !important;
}


/* UI-Text – zunächst nur sichere Steuerelemente */
body .button,
body .mini-btn,
body .jump-nav__item,
body .search input,
body .search span,
body .design-lab__tab,
body .design-lab__btn,
body .design-lab__close,
body .design-lab-toggle{
  font-size: var(--text-ui) !important;
}


/* UI-Text Erweiterung */
footer a,
.footer a,
button,
.btn{
  font-size: var(--text-ui) !important;
}

/* Lead-Text Erweiterung */
.subpage-intro,
.page-intro{
  font-size: var(--text-lead) !important;
}

/* Meta Erweiterung */
.kicker,
.subpage-kicker{
  font-size: var(--text-meta) !important;
}

/* Haupttitel */
.hero__title{
  font-size: var(--text-main-title) !important;
}


/* Titel Hauptseite – realer Selektor */
body.page-start .hero h1,
body.page-start .hero__copy h1{
  font-size: var(--text-main-hero) !important;
}



/* Hintergrundseite Einleitung → Fließtext groß */
.page-hintergrund .intro,
.page-hintergrund .intro-text{
  font-size: var(--text-body) !important;
}

/* Menü ohne Unterstreichung */
nav a,
.footer a{
  text-decoration: none !important;
}


/* Hintergrund Einleitung – finaler Fix an Fließtext (groß) */
body.page-hintergrund .intro-card p:first-of-type,
body.page-hintergrund .intro-card--full p:first-of-type,
body.page-hintergrund .background p:first-of-type{
  font-size: var(--text-body) !important;
}


/* Archiv Einleitung + Zähler → Fließtext (groß) */
body.page-archiv .intro-card p:first-of-type,
body.page-archiv .archive-intro p:first-of-type,
body.page-archiv .archive-header p:first-of-type{
  font-size: var(--text-body) !important;
}

/* "43 Folgen" */
body.page-archiv .results-count,
body.page-archiv .archive-count,
body.page-archiv .count{
  font-size: var(--text-body) !important;
}


/* Archiv: deaktivierter Anhören-Button kompakt und ruhig */
body.page-archiv .mini-btn--disabled{
  white-space: nowrap;
}


/* Rück-Button auf Unterseiten nach oben, getrennt vom Einleitungstext */
body:not(.page-start) .back-top{
  display:inline-flex;
  margin:0 0 14px 0 !important;
}

body:not(.page-start) main > .back-top{
  align-self:flex-start;
}


/* Sitemap Back Button spacing */
body.page-sitemap .back-top{
  display:inline-block;
  margin-bottom:14px;
}


/* Sitemap: Rück-Button sauber im Kopfbereich ausrichten */
.page-sitemap .service-hero__back{
  margin: 0 !important;
  flex: 0 0 auto;
}

.page-sitemap .service-hero__back .back-top{
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
  margin: 0 !important;
  white-space: nowrap;
  text-decoration: none !important;
}


/* Sitemap: Rück-Button links oben wie auf den anderen Unterseiten */
.page-sitemap main > .back-top{
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
  margin: 0 0 14px 0 !important;
  white-space: nowrap;
  text-decoration: none !important;
}


/* Floating Player: initial verborgen, klare Kopfzeile mit Collapse */
.floating-player[hidden]{
  display:none !important;
}

.floating-player__meta-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.floating-player__collapse{
  appearance:none;
  border:none;
  background:transparent;
  color:rgba(255,255,255,.82);
  cursor:pointer;
  font:inherit;
  line-height:1;
  padding:0 2px;
}

.floating-player__collapse:hover,
.floating-player__collapse:focus-visible{
  color:#fff;
}


.floating-player__close{
  position:absolute;
  top:6px;
  right:8px;
  background:transparent;
  border:none;
  color:#fff;
  font-size:1.1rem;
  cursor:pointer;
}

.floating-player__close:hover{
  opacity:0.8;
}


/* Floating-Player: Close-Button klar sichtbar */
.floating-player__close{
  background:#fff !important;
  color:#1f2c35 !important;
  border:1px solid rgba(31,44,53,.22) !important;
  border-radius:999px;
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  box-shadow:0 1px 4px rgba(0,0,0,.18);
}

.floating-player__close:hover,
.floating-player__close:focus-visible{
  background:#f4f7f9 !important;
  color:#000 !important;
}


/* v_next – Floating-Player kompakter: kurzes Label */
body .floating-player__label{
  margin:0 !important;
  font-size:.72rem !important;
  line-height:1.1 !important;
  letter-spacing:.06em !important;
}

body .floating-player__meta{
  margin-bottom:6px;
}

@media (max-width:640px){
  body .floating-player__meta{
    margin-bottom:5px;
  }
}


/* v_next – Floating-Player kompakter ohne Zusatzzeile */
body .floating-player{
  padding-top:8px !important;
  padding-bottom:8px !important;
}

body .floating-player__meta{
  margin-bottom:3px !important;
}

body .floating-player__meta-head{
  min-height:0 !important;
  margin-bottom:0 !important;
}

body .floating-player__title{
  margin-top:0 !important;
}

body .floating-player__close{
  top:10px !important;
}

@media (max-width:640px){
  body .floating-player{
    padding-top:7px !important;
    padding-bottom:7px !important;
  }

  body .floating-player__meta{
    margin-bottom:2px !important;
  }

  body .floating-player__close{
    top:9px !important;
  }
}

/* Floating-Player-Titel an Vorlage "Fließtext groß" anbinden */
body .floating-player__title{
  font-family: var(--font-text) !important;
  font-size: var(--text-body) !important;
  line-height: var(--text-line-body) !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
}


/* Mobile-Fix: Footer-Text nicht abschneiden */
body{
  overflow-x:hidden;
}

@media (max-width: 720px){
  .site-footer,
  .footer-inner,
  .footer-legal,
  .footer-legal__column{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .site-footer,
  .footer-inner{
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box;
  }
}

/* Mobile-Fix: Platz für aktiven Floating-Player */
@media (max-width: 720px){
  body.has-floating-player{
    padding-bottom:140px !important;
  }
}


/* Mobile-Fix v2: Footer-Menü wirklich auf die vorhandene Struktur anpassen */
@media (max-width: 720px){
  .site-footer__inner{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px 18px !important;
    justify-items:center;
    align-items:start;
    text-align:center;
    font-size:.95rem;
  }

  .site-footer__inner > span{
    display:none !important;
  }

  .site-footer__inner > a{
    display:block;
    margin:0 !important;
    white-space:normal !important;
    line-height:1.35;
  }
}


/* v6 – Leseschrift-Umschalter */
.reading-size-toggle{
  position:fixed;
  top:14px;
  right:14px;
  z-index:1200;
  min-width:44px;
  min-height:44px;
  padding:0 12px;
  border:1px solid var(--level-2-border, #d7e2ee);
  border-radius:999px;
  background:#ffffff;
  color:var(--text);
  box-shadow:0 10px 24px rgba(31,44,53,.12);
  font:700 .92rem/1 var(--font-ui);
  cursor:pointer;
}
.reading-size-toggle:hover{
  background:var(--level-2-hover, #e8eff7);
  text-decoration:none;
}
.reading-size-toggle:focus-visible{
  outline:3px solid rgba(0,10,153,.25);
  outline-offset:2px;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media (max-width:640px){
  .reading-size-toggle{
    top:10px;
    right:10px;
    min-width:42px;
    min-height:42px;
    padding:0 11px;
  }
}



/* v13 – Leseschalter nur für Fließtext groß/klein, gezielt nach Seitentyp */
body.reading-size-large.page-start .flow-text,
body.reading-size-large.page-start .start-context-card p:not(.section-kicker),
body.reading-size-large.page-start .start-intro-card p:not(.section-kicker),
body.reading-size-large.page-start .start-orientation-card p:not(.section-kicker),
body.reading-size-large.page-hintergrund .flow-text,
body.reading-size-large.page-hintergrund .bio-card p,
body.reading-size-large.page-hintergrund .info-panel p:not(.info-panel__back):not(.hero__kicker):not(.intro-lead),
body.reading-size-large.page-hintergrund .section__text p,
body.reading-size-large .flow-list li{
  font-size: calc(var(--text-body) * var(--reading-scale)) !important;
  line-height: 1.72 !important;
}

/* v10 – Leseschalter nur für Fließtext groß/klein */
.flow-text{
  font-size:1em;
  line-height:1.65;
}
.flow-list li{
  line-height:1.65;
}
.intro-lead,
.hero__subtitle,
.hero__subtitle-line,
.hero__meta,
.section-kicker{
  font-size:inherit;
}


/* v14 – Leseschalter nur auf Inhaltsseiten und nicht auf schmalen Devices */
.page-kontakt .reading-size-toggle,
.page-impressum .reading-size-toggle,
.page-haftung .reading-size-toggle,
.page-sitemap .reading-size-toggle,
.page-stats .reading-size-toggle,
.page-archiv .reading-size-toggle{
  display:none !important;
}

@media (max-width: 640px){
  .reading-size-toggle{
    display:none !important;
  }
}


/* v15 – Leseschalter-Skalierung kommt aus dem Design-Tool über --reading-scale */


/* v19 – Unterseiten-Kopfbereiche an die Schriftgrößen-Vorlagen anbinden */
.subpage-hero__kicker,
.page--subpage .hero__kicker,
.page-impressum .subpage-hero__kicker,
.page-haftung .subpage-hero__kicker,
.page-kontakt .subpage-hero__kicker,
.page-sitemap .subpage-hero__kicker{
  font-size:var(--text-meta) !important;
  line-height:1.35 !important;
}

.subpage-hero__title,
.service-hero__title,
.page-impressum .subpage-hero__title,
.page-haftung .subpage-hero__title,
.page-kontakt .subpage-hero__title,
.page-sitemap .subpage-hero__title{
  font-size:var(--text-title) !important;
  line-height:1.05 !important;
}

.subpage-hero__subtitle,
.service-hero__subtitle,
.page-impressum .subpage-hero__subtitle,
.page-haftung .subpage-hero__subtitle,
.page-kontakt .subpage-hero__subtitle,
.page-sitemap .subpage-hero__subtitle{
  font-size:var(--text-lead) !important;
  line-height:1.4 !important;
}

.service-hero__back a,
.subpage-back a{
  font-size:var(--text-ui) !important;
}

@media (max-width:720px){
  .subpage-hero__kicker,
  .page--subpage .hero__kicker,
  .page-impressum .subpage-hero__kicker,
  .page-haftung .subpage-hero__kicker,
  .page-kontakt .subpage-hero__kicker,
  .page-sitemap .subpage-hero__kicker,
  .subpage-hero__title,
  .service-hero__title,
  .page-impressum .subpage-hero__title,
  .page-haftung .subpage-hero__title,
  .page-kontakt .subpage-hero__title,
  .page-sitemap .subpage-hero__title,
  .subpage-hero__subtitle,
  .service-hero__subtitle,
  .page-impressum .subpage-hero__subtitle,
  .page-haftung .subpage-hero__subtitle,
  .page-kontakt .subpage-hero__subtitle,
  .page-sitemap .subpage-hero__subtitle{
    /* auch mobil dieselben Design-Tool-Werte verwenden */
    font-size:inherit;
  }
  .subpage-hero__kicker,
  .page--subpage .hero__kicker,
  .page-impressum .subpage-hero__kicker,
  .page-haftung .subpage-hero__kicker,
  .page-kontakt .subpage-hero__kicker,
  .page-sitemap .subpage-hero__kicker{
    font-size:var(--text-meta) !important;
  }
  .subpage-hero__title,
  .service-hero__title,
  .page-impressum .subpage-hero__title,
  .page-haftung .subpage-hero__title,
  .page-kontakt .subpage-hero__title,
  .page-sitemap .subpage-hero__title{
    font-size:var(--text-title) !important;
  }
  .subpage-hero__subtitle,
  .service-hero__subtitle,
  .page-impressum .subpage-hero__subtitle,
  .page-haftung .subpage-hero__subtitle,
  .page-kontakt .subpage-hero__subtitle,
  .page-sitemap .subpage-hero__subtitle{
    font-size:var(--text-lead) !important;
  }
}


/* v26 – Startseiten-Hero rechts bündig; korrekter Selektor über body.page-start */
body.page-start .hero .hero__visual{
  padding:18px 0 18px 18px !important;
}

body.page-start .hero .hero-figure{
  width:100% !important;
  align-items:stretch !important;
}

body.page-start .hero .hero-image,
body.page-start .hero .hero-image-note{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

body.page-start .hero .hero-image img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
}


/* Live-Version: Design-Tool deaktiviert, damit global immer die Werkeinstellungen aus CSS gelten */
.design-lab-toggle,
.design-lab{
  display:none !important;
}

/* Händisch JSY 20260324 */
:root{
  --bg:#eef1f6;
  --text:#1f2c35;
  --accent:#344dc5;
  --link:#0b3fa8;
  --link-external:undefined;
  --line:#cfdde8;
  --level-1-bg:#ffffff;
  --level-2-bg:#ffffff;
  --level-2-hover:#e8eff7;
  --font-text:Inter, Arial, sans-serif;
  --font-ui:Inter, Arial, sans-serif;
  --text-body:1.1rem;
  --text-title:1.7rem;
  --text-title-large:undefined;
  --text-body-small:0.9rem;
  --text-meta:0.9rem;
  --text-lead:1.3rem;
  --text-ui:1.1rem;
  --text-main-title:undefined;
  --text-main-hero:3.0rem;
  --reading-scale:1.20
}
/* v11 – finaler Startseiten-Hero-Fix: Rahmen behalten, Bild wirklich mittig */
body.page-start .hero .hero__copy{
  min-width:0 !important;
}

body.page-start .hero .hero__subtitle-lines,
body.page-start .hero .hero__subtitle-line,
body.page-start .hero .hero__subtitle-line--primary{
  min-width:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

body.page-start .hero .hero__visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}

body.page-start .hero .hero-figure{
  width:100% !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

body.page-start .hero .hero-image{
  width:100% !important;
  max-width:470px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:18px !important;
}

body.page-start .hero .hero-image img{
  display:block !important;
  width:100% !important;
  max-width:470px !important;
  height:auto !important;
  max-height:none !important;
  margin:0 auto !important;
  border-radius:18px !important;
}

body.page-start .hero .hero-image-note{
  width:auto !important;
  max-width:470px !important;
  margin:12px auto 0 !important;
  text-align:center !important;
}