:root{color-scheme:light;--teal: #58CCC9;--teal-mid: #00A7B6;--teal-light: #E7F8F7;--teal-dark: #052E3A;--text: #17343F;--slate: #709195;--orange: #FD680D;--paper: #FDFDF6;--surface: rgba(255,255,255,.94);--surface-solid: #ffffff;--line: rgba(5, 46, 58, .13);--shadow: 0 18px 45px rgba(5, 46, 58, .12);--shadow-soft: 0 8px 22px rgba(5, 46, 58, .08);--radius: 28px;--max: 1240px}:root[data-theme=dark]{color-scheme:dark;--teal: #58CCC9;--teal-mid: #70E2DF;--teal-light: rgba(88,204,201,.14);--teal-dark: #EAFDFC;--text: #EAFDFC;--slate: #AAC3C6;--orange: #FF7A1A;--paper: #031A22;--surface: rgba(7, 45, 56, .92);--surface-solid: #082B36;--line: rgba(174, 243, 241, .18);--shadow: 0 18px 45px rgba(0, 0, 0, .34);--shadow-soft: 0 8px 22px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 18%,rgba(88,204,201,.18),transparent 21rem),radial-gradient(circle at 92% 18%,rgba(88,204,201,.15),transparent 24rem),var(--paper);color:var(--text);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55;transition:background .2s ease,color .2s ease}img{max-width:100%;height:auto;display:block}a{color:inherit}.skip-link{position:absolute;left:-999px;top:1rem;background:var(--teal-dark);color:var(--paper);padding:.7rem 1rem;border-radius:999px;z-index:1000}.skip-link:focus{left:1rem}.top-brand-header{width:min(var(--max),calc(100% - 44px));margin:0 auto;padding:18px 0 0}.header-art-link{display:flex;justify-content:center;align-items:center;width:min(100%,1160px);min-height:clamp(175px,25vw,345px);margin:0 auto;text-decoration:none;position:relative}.header-art-link:before,.header-art-link:after{content:"";position:absolute;z-index:-1;border-radius:999px;background:#58ccc929}.header-art-link:before{width:260px;height:160px;left:-70px;bottom:18px}.header-art-link:after{width:300px;height:185px;right:-85px;bottom:4px}.header-art-link img{width:min(100%,1120px);object-fit:contain;filter:drop-shadow(0 16px 20px rgba(5,46,58,.06))}:root[data-theme=dark] .header-art-link img{filter:drop-shadow(0 16px 28px rgba(0,0,0,.32))}.nav-shell{margin-top:.75rem;min-height:70px;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-solid) 82%,transparent);border-radius:22px;padding:.7rem .85rem;box-shadow:var(--shadow-soft);position:sticky;top:10px;z-index:100;backdrop-filter:blur(16px)}.nav{display:flex;justify-content:center;align-items:center;gap:clamp(.8rem,2.3vw,2.1rem);font-weight:850}.nav a{text-decoration:none;color:var(--text);padding:.55rem 0;border-bottom:3px solid transparent}.nav a:hover,.nav a.active{color:var(--teal-mid);border-color:var(--teal-mid)}.menu-toggle,.theme-toggle{min-height:44px;border:1px solid var(--line);border-radius:999px;background:var(--surface-solid);color:var(--text);font:inherit;font-weight:850;cursor:pointer;box-shadow:var(--shadow-soft)}.menu-toggle{display:none;align-items:center;gap:.55rem;padding:.58rem .85rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.58rem .85rem}.burger-lines{width:22px;height:14px;position:relative;display:inline-block}.burger-lines:before,.burger-lines:after,.burger-lines{border-top:3px solid var(--teal-mid)}.burger-lines:before,.burger-lines:after{content:"";position:absolute;left:0;width:22px}.burger-lines:before{top:4px}.burger-lines:after{top:11px}main{width:min(var(--max),calc(100% - 44px));margin:0 auto}.hero-clean{padding:clamp(1.4rem,3vw,2.4rem) 0 clamp(2rem,4vw,3.2rem)}.hero-without-art{padding-top:clamp(2rem,5vw,4.2rem)}.intro-panel{width:min(850px,100%);text-align:center;margin:0 auto}.intro-panel h1{margin:0;font-size:clamp(2rem,4.1vw,3.7rem);line-height:1.05;letter-spacing:-.04em;color:var(--teal-dark)}.intro-panel p{margin:.55rem auto;max-width:780px;font-weight:600}.intro-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:52px;min-width:165px;padding:.8rem 1.35rem;border-radius:999px;text-decoration:none;font-weight:900;border:2px solid transparent;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover,.click-card:hover,.clickable-section:hover,.platform-tile:hover,.big-link:hover{transform:translateY(-3px);box-shadow:0 20px 50px #052e3a29}:root[data-theme=dark] .btn:hover,:root[data-theme=dark] .click-card:hover,:root[data-theme=dark] .clickable-section:hover,:root[data-theme=dark] .platform-tile:hover,:root[data-theme=dark] .big-link:hover{box-shadow:0 20px 50px #0000006b}.btn.primary{background:var(--orange);color:#fff}.btn.secondary{background:linear-gradient(135deg,var(--teal-mid),#048FA3);color:#fff}.btn.ghost{background:var(--surface-solid);color:var(--teal-mid);border-color:var(--teal-mid)}.eyebrow{color:var(--teal-mid);font-size:.82rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .55rem}.episode-feature{display:grid;grid-template-columns:minmax(330px,440px) minmax(320px,1fr) 56px;gap:1.5rem;align-items:center;margin:1rem auto 2.2rem;padding:1.05rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;position:relative;transition:transform .18s ease,box-shadow .18s ease}.episode-media{position:relative;border-radius:22px;overflow:hidden;min-height:268px;background:var(--teal-light);display:grid;place-items:center}.episode-media img{width:100%;height:100%;max-height:330px;object-fit:contain;background:linear-gradient(135deg,var(--teal-light),var(--surface-solid))}.card-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;background:var(--teal-mid);color:#04212a;border-radius:999px;padding:.42rem .75rem;font-weight:950;font-size:.78rem;box-shadow:var(--shadow-soft)}.play-bubble{position:absolute;left:1rem;bottom:1rem;width:56px;height:56px;display:grid;place-items:center;border-radius:999px;background:var(--surface-solid);color:var(--teal-mid);font-weight:950;box-shadow:var(--shadow-soft)}.episode-content h2{margin:0 0 .8rem;color:var(--teal-dark);font-size:clamp(1.45rem,2.4vw,2.4rem);line-height:1.08;letter-spacing:-.03em}.meta-row{display:flex;gap:1.2rem;flex-wrap:wrap;color:var(--teal-mid);font-weight:850;font-size:.95rem}.player-row{margin-top:1.2rem;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:1rem}.mini-btn{display:inline-flex;color:#04212a;background:var(--teal-mid);padding:.55rem .9rem;border-radius:999px;font-weight:900}.progress{display:block;height:6px;border-radius:999px;background:#70919547;overflow:hidden}.progress i{display:block;width:28%;height:100%;background:var(--teal-mid);border-radius:999px}.time{font-size:.85rem;font-weight:850;color:var(--text)}.tile-arrow{width:38px;height:38px;display:grid;place-items:center;border:2px solid rgba(0,167,182,.45);border-radius:999px;color:var(--teal-mid);font-size:1.45rem;font-weight:900;line-height:1;background:var(--surface-solid);justify-self:end}.tile-arrow.big{width:46px;height:46px;font-size:2rem}.section{margin:clamp(2.4rem,5vw,4.5rem) 0}.section-title h2,.listen-title h2,.page-hero h1,.text-panel h2,.final-cta h2,.merch-band h2{margin:0;color:var(--teal-dark);font-size:clamp(1.8rem,3vw,3rem);line-height:1.06;letter-spacing:-.035em}.section-title.compact h2{font-size:clamp(1.45rem,2.4vw,2rem)}.two-areas{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:start}.host-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.host-grid.large{max-width:930px}.click-card,.clickable-section{color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.host-tile{min-height:190px;display:grid;grid-template-columns:44% 1fr auto;gap:.9rem;align-items:center;padding:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft)}.host-tile img{width:100%;height:165px;object-fit:contain;background:var(--teal-light);border-radius:18px}.host-tile h3,.guest-tile h3{margin:0 0 .45rem;color:var(--teal-mid);font-size:1.3rem}.host-tile ul{list-style:none;padding:0;margin:0;font-weight:750;font-size:.86rem}.host-tile li{display:flex;gap:.45rem;margin:.25rem 0}.host-tile li:before{content:"✓";color:#04212a;background:var(--teal-mid);border-radius:999px;width:1.05rem;height:1.05rem;display:inline-grid;place-items:center;font-size:.7rem;flex:0 0 1.05rem;margin-top:.12rem}.guest-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.guest-tile{min-height:250px;display:grid;grid-template-rows:140px 1fr auto;padding:.65rem;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft)}.guest-tile img{width:100%;height:140px;object-fit:contain;border-radius:16px;background:var(--teal-light)}.guest-tile h3{margin-top:.75rem;font-size:1.02rem}.guest-tile p{margin:0;font-weight:750;line-height:1.35;font-size:.84rem}.guest-tile .tile-arrow{width:31px;height:31px;font-size:1.2rem;align-self:end}.listen-strip{display:grid;grid-template-columns:210px 1fr;gap:1.2rem;align-items:center;margin:3rem 0 1.4rem}.listen-title h2{font-size:clamp(1.35rem,2.4vw,2rem)}.platform-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem}.platform-tile{min-height:54px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem .7rem;text-decoration:none;font-weight:900;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease;font-size:.9rem}.platform-icon{min-width:31px;height:31px;display:grid;place-items:center;border-radius:999px;background:var(--teal-light);color:var(--teal-mid);font-size:.72rem;font-weight:950}.merch-band{display:grid;grid-template-columns:330px 1fr;gap:2rem;align-items:center;margin:2.2rem 0 4rem;padding:clamp(1.25rem,3vw,2rem);border-radius:var(--radius);background:radial-gradient(circle at 82% 25%,rgba(255,255,255,.18),transparent 13rem),linear-gradient(110deg,rgba(88,204,201,.24),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow)}.merch-products{display:flex;align-items:center;justify-content:center;gap:2rem;min-height:160px}.merch-products img:first-child{width:130px;border-radius:22px;box-shadow:var(--shadow-soft)}.merch-products img:last-child{width:210px;max-height:145px;object-fit:contain;opacity:.9}.footer{margin-top:4rem;background:linear-gradient(135deg,#052e3a,#063f50);color:#fff;padding:2.5rem max(22px,calc((100vw - var(--max)) / 2));display:grid;grid-template-columns:280px 1fr 150px 150px;gap:2rem;align-items:start}.footer img{width:260px;max-height:100px;object-fit:contain}.footer a{color:#fff;text-decoration:none;font-weight:750}.footer-links{display:grid;gap:.65rem}.footer-text{max-width:460px;margin-top:0}.insider,.quote-line{color:var(--teal);font-weight:850}.page-hero{max-width:900px;padding:clamp(3rem,7vw,5rem) 0 1rem}.page-hero.centered{text-align:center;margin-inline:auto}.page-logo{width:220px;margin:0 auto 1rem}.text-panel,.text-tile,.skeleton-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:clamp(1.3rem,3vw,2rem)}.skeleton-card{color:var(--slate);font-weight:800}.skeleton-card.error{color:#ffb4a3}.card-list{display:grid;gap:1rem}.text-tile{position:relative;text-decoration:none;color:inherit}.text-tile h2{margin-top:0;color:var(--teal-dark)}.guest-grid-page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.link-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.big-link{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:20px;background:var(--surface);border:1px solid var(--line);text-decoration:none;font-weight:950;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.big-link.orange{background:var(--orange);color:#fff}.final-cta{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:clamp(1.4rem,3vw,2.2rem)}.muted{color:var(--slate)}@media(max-width:1120px){.two-areas,.listen-strip,.merch-band,.episode-feature{grid-template-columns:1fr}.episode-feature .tile-arrow.big{position:absolute;right:1rem;bottom:1rem}.guest-row,.guest-grid-page,.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.top-brand-header,main{width:min(100% - 24px,var(--max))}.header-art-link{min-height:clamp(160px,45vw,285px)}.nav-shell{grid-template-columns:auto 1fr auto;position:sticky;top:8px}.menu-toggle{display:inline-flex;justify-self:start}.theme-toggle{justify-self:end}.nav{display:none;grid-column:1 / -1;width:100%;justify-content:stretch;align-items:stretch;gap:.45rem;padding-top:.7rem;border-top:1px solid var(--line)}body.menu-open .nav{display:grid}.nav a{display:flex;min-height:48px;align-items:center;padding:.65rem .9rem;border-radius:14px;border-bottom:0;background:var(--teal-light)}.nav a.active{background:var(--teal-mid);color:#04212a}.host-grid,.contact-grid,.link-grid,.final-cta{grid-template-columns:1fr}.host-tile{grid-template-columns:170px 1fr auto}.footer{grid-template-columns:1fr}}@media(max-width:580px){.header-art-link{min-height:150px}.intro-panel h1{font-size:2.1rem}.intro-actions,.player-row{grid-template-columns:1fr;display:grid}.btn{width:100%}.host-tile{grid-template-columns:1fr}.host-tile img{height:240px}.guest-row,.guest-grid-page,.platform-grid{grid-template-columns:1fr}.merch-products{flex-direction:column}.theme-label{display:none}}.legal-text{max-width:980px}.about-host-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,1.6rem)}.about-host-card{position:relative;display:grid;grid-template-columns:minmax(180px,38%) 1fr auto;gap:1.25rem;align-items:center;min-height:330px;padding:clamp(1rem,2.4vw,1.6rem);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;text-decoration:none}.about-host-card img{width:100%;height:285px;object-fit:contain;border-radius:24px;background:var(--teal-light)}.about-host-card h2{margin:0 0 .65rem;color:var(--teal-dark);font-size:clamp(2rem,3.2vw,3.2rem);line-height:1}.about-host-card ul{margin:1rem 0;padding-left:1.1rem;font-weight:750}.about-host-card .mini-btn{width:fit-content}.guest-detail-list{display:grid;gap:1.25rem}.guest-detail-card{display:grid;grid-template-columns:minmax(220px,310px) 1fr;gap:clamp(1rem,3vw,1.7rem);align-items:start;padding:clamp(1rem,2.4vw,1.6rem);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);scroll-margin-top:140px}.guest-detail-image img{width:100%;height:300px;object-fit:contain;border-radius:22px;background:var(--teal-light)}.guest-detail-content h2{margin:0 0 .35rem;color:var(--teal-dark);font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.05}.guest-detail-content h3{margin:.4rem 0 1rem;color:var(--teal-mid);font-size:clamp(1.05rem,2vw,1.35rem)}.mini-link-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.mini-link{display:inline-flex;align-items:center;min-height:38px;padding:.45rem .8rem;border-radius:999px;background:var(--teal-light);color:var(--teal-mid);text-decoration:none;font-weight:900;border:1px solid var(--line)}.legal-text{max-width:980px;overflow-wrap:anywhere}.legal-text h2{margin-top:2rem;margin-bottom:.6rem;font-size:clamp(1.25rem,2vw,1.75rem)}.legal-text p{margin:.75rem 0}.legal-list-item{padding-left:1rem;border-left:3px solid var(--teal-mid);color:var(--slate)}@media(max-width:1050px){.about-host-showcase{grid-template-columns:1fr}}@media(max-width:760px){.about-host-card,.guest-detail-card{grid-template-columns:1fr}.about-host-card img,.guest-detail-image img{height:260px}}.theme-toggle{min-height:34px;min-width:auto;gap:.28rem;padding:.32rem .58rem;font-size:.82rem;line-height:1;box-shadow:none}.theme-icon{font-size:.92rem;line-height:1}.theme-label{font-size:.78rem;line-height:1}.menu-toggle{min-height:40px}a:focus-visible,button:focus-visible,.btn:focus-visible,.click-card:focus-visible,.platform-tile:focus-visible,.big-link:focus-visible{outline:4px solid var(--orange);outline-offset:4px;border-radius:14px}.nav a:focus-visible{outline-offset:7px}@media(max-width:860px){.theme-toggle{min-height:38px;padding:.38rem .55rem}}@media(max-width:580px){.theme-toggle{width:42px;min-width:42px;padding:.35rem}.theme-label{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.audio-player{margin-top:1.15rem;padding:.9rem;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--teal-light) 55%,var(--surface-solid))}.audio-player audio{width:100%;display:block}.audio-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.audio-skip{min-height:38px;padding:.42rem .72rem;border-radius:999px;border:1px solid var(--line);background:var(--surface-solid);color:var(--text);font:inherit;font-size:.88rem;font-weight:900;cursor:pointer}.audio-skip:hover,.audio-skip:focus-visible{background:var(--teal-mid);color:#04212a}.audio-hint{margin:0 0 .55rem;color:var(--slate);font-weight:750}.episode-source-link{display:inline-flex;margin-top:.7rem;color:var(--teal-mid);font-weight:900;text-decoration:none}.episode-source-link:hover{text-decoration:underline}.episode-list-item{display:block}.episode-feature{cursor:default}@media(max-width:580px){.audio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.audio-skip{width:100%}}.episode-description{margin-top:.95rem;border-top:1px solid var(--line);padding-top:.85rem}.episode-description summary{width:fit-content;cursor:pointer;min-height:40px;display:inline-flex;align-items:center;padding:.42rem .78rem;border-radius:999px;border:1px solid var(--line);background:var(--surface-solid);color:var(--teal-mid);font-weight:950}.episode-description summary:hover,.episode-description summary:focus-visible{background:var(--teal-mid);color:#04212a}.episode-description-body{margin-top:.85rem;color:var(--text);font-weight:520}.episode-feature{grid-template-columns:minmax(280px,380px) minmax(320px,1fr)}.episode-list-item{padding:clamp(1rem,2.5vw,1.5rem)}.about-host-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,1.6rem);align-items:start}.about-host-disclosure{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:clip}.about-host-disclosure>summary{list-style:none;cursor:pointer}.about-host-disclosure>summary::-webkit-details-marker{display:none}.about-host-card-v7{display:grid;grid-template-rows:minmax(260px,340px) auto;min-height:560px;color:inherit}.about-host-card-v7 img{width:100%;height:100%;object-fit:contain;background:radial-gradient(circle at 28% 22%,rgba(88,204,201,.22),transparent 13rem),var(--teal-light);padding:.6rem}.about-host-card-v7-content{padding:clamp(1rem,2.2vw,1.55rem)}.about-host-card-v7 h2{margin:.2rem 0 .5rem;color:var(--teal-dark);font-size:clamp(2rem,3.6vw,3.25rem);line-height:.98}.about-host-card-v7 p{margin:.55rem 0}.about-host-card-v7 ul{margin:1rem 0;padding-left:1.15rem;font-weight:780}.about-host-more{display:inline-flex;min-height:42px;align-items:center;padding:.5rem .86rem;margin-top:.45rem;border-radius:999px;background:var(--teal-mid);color:#04212a;font-weight:950}.about-host-detail{padding:0 clamp(1rem,2.2vw,1.55rem) clamp(1.1rem,2.4vw,1.7rem);border-top:1px solid var(--line)}.about-host-detail h3{color:var(--teal-dark);font-size:clamp(1.25rem,2vw,1.7rem)}.usability-note{background:color-mix(in srgb,var(--teal-light) 62%,var(--surface-solid));border:1px solid var(--line);border-radius:22px;padding:1rem 1.2rem;font-weight:750}@media(max-width:980px){.about-host-showcase{grid-template-columns:1fr}.about-host-card-v7{min-height:auto}}@media(max-width:580px){.about-host-card-v7{grid-template-rows:260px auto}.episode-feature{grid-template-columns:1fr}}.team-section{margin-top:clamp(2.4rem,5vw,4.4rem)}.team-section .section-title{max-width:850px;margin-bottom:1.2rem}.team-section .section-title p:not(.eyebrow){color:var(--slate);font-weight:700}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,2vw,1.3rem)}.team-tile{display:grid;grid-template-rows:minmax(230px,300px) 1fr;min-height:520px;overflow:clip;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;color:inherit}.team-tile img{width:100%;height:100%;object-fit:contain;padding:.6rem;background:radial-gradient(circle at 25% 18%,rgba(88,204,201,.22),transparent 13rem),var(--teal-light)}.team-tile>div{padding:clamp(1rem,2.3vw,1.45rem)}.team-tile h3{margin:.25rem 0 .65rem;color:var(--teal-dark);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1}.team-tile p{margin:.45rem 0;font-weight:650}.team-more{display:inline-flex;min-height:40px;align-items:center;margin-top:.85rem;padding:.48rem .82rem;border-radius:999px;background:var(--teal-mid);color:#04212a;font-weight:950}.team-tile-coming{border-style:dashed}.guest-home-section{margin-top:clamp(2rem,4vw,3.6rem)}@media(max-width:1050px){.team-grid{grid-template-columns:1fr}.team-tile{grid-template-columns:minmax(230px,38%) 1fr;grid-template-rows:auto;min-height:300px}}@media(max-width:680px){.team-tile{grid-template-columns:1fr;grid-template-rows:260px auto}}.clean-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;align-items:stretch}.clean-link-grid .link-card{min-height:132px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;text-decoration:none}.clean-link-grid .link-card h3{margin:0 0 .35rem}.clean-link-grid .link-card p{margin:0}.clean-link-grid .link-icon{width:3rem;height:3rem;border-radius:999px;display:inline-grid;place-items:center;background:var(--teal-soft);color:var(--dark);font-weight:800}.clean-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.5rem}.clean-link-grid .link-card{background:var(--card);border:1px solid rgba(5,46,58,.12);border-radius:1.4rem;padding:1.2rem;min-height:132px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;text-decoration:none;color:inherit;box-shadow:0 14px 36px #052e3a14}.clean-link-grid .link-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px #052e3a1f}.clean-link-grid .link-card h3{margin:0 0 .35rem;color:var(--dark)}.clean-link-grid .link-card p{margin:0;color:var(--muted)}.clean-link-grid .link-icon{width:3.1rem;height:3.1rem;border-radius:999px;display:inline-grid;place-items:center;background:var(--teal-soft);color:var(--dark);font-weight:800;font-size:1.15rem}.contact-link-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:620px){.clean-link-grid .link-card{grid-template-columns:auto 1fr}.clean-link-grid .tile-arrow{display:none}}@media(min-width:861px){.top-brand-header .nav-shell{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;min-height:4rem!important}.top-brand-header .menu-toggle{display:none!important}.top-brand-header .nav#main-nav{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;width:auto!important;max-width:calc(100vw - 18rem)!important;margin:0!important;padding:0!important;text-align:center!important}.top-brand-header .nav#main-nav>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-width:5.4rem!important;padding:.65rem .75rem!important;white-space:nowrap!important}.top-brand-header .theme-toggle{margin-left:auto!important;flex:0 0 auto!important;width:2.35rem!important;height:2.35rem!important;min-width:2.35rem!important;min-height:2.35rem!important;max-width:2.35rem!important;padding:0!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.top-brand-header .theme-toggle .theme-icon{font-size:1.05rem!important;line-height:1!important;margin:0!important}.top-brand-header .theme-toggle .theme-label{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:860px){.top-brand-header .nav-shell{display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:.7rem!important}.top-brand-header .menu-toggle{display:inline-flex!important}.top-brand-header .nav#main-nav{grid-column:1 / -1!important;position:static!important;transform:none!important;width:100%!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;text-align:center!important}.top-brand-header .nav#main-nav>a{display:inline-flex!important;justify-content:center!important;text-align:center!important;min-width:5.4rem!important}}.linktree-hero{text-align:center}.linktree-hero .page-logo{margin-left:auto;margin-right:auto}.section-heading.centered{text-align:center;max-width:760px;margin:0 auto 1.5rem}.section-heading.centered p{margin-left:auto;margin-right:auto}.platform-button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem}.platform-button{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.2rem;padding:1rem 1.15rem;border-radius:1.35rem;background:var(--surface, #fff);border:1px solid rgba(5,46,58,.13);box-shadow:0 16px 42px #052e3a14;text-decoration:none;color:var(--text);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.platform-button:hover,.platform-button:focus-visible{transform:translateY(-2px);box-shadow:0 22px 55px #052e3a1f;border-color:#fd680d73}.platform-name{font-weight:800;font-size:1.05rem}.platform-action{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.45rem .75rem;background:#58ccc92e;font-size:.86rem;font-weight:800;white-space:nowrap}.support-grid,.contact-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.link-section-card{padding:clamp(1.2rem,2.5vw,1.8rem);border-radius:1.5rem;background:var(--surface, #fff);border:1px solid rgba(5,46,58,.13);box-shadow:0 18px 45px #052e3a14}.link-section-card h3{margin-top:.2rem}.link-section-card .btn{margin-top:.8rem}.merch-card{background:radial-gradient(circle at top right,rgba(253,104,13,.16),transparent 36%),var(--surface, #fff)}@media(max-width:640px){.platform-button{min-height:3.8rem}.platform-action{font-size:.8rem}}.merch-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:center;gap:clamp(1.2rem,4vw,3rem)}.merch-hero-content{padding:clamp(1.4rem,4vw,2.4rem);border-radius:1.8rem;background:radial-gradient(circle at top right,rgba(253,104,13,.16),transparent 34%),radial-gradient(circle at bottom left,rgba(88,204,201,.18),transparent 36%),var(--surface, #fff);border:1px solid rgba(5,46,58,.12);box-shadow:0 22px 60px #052e3a1a}.merch-hero-content .page-logo{max-width:180px;margin-bottom:1rem}.merch-quote-card{padding:clamp(1.4rem,4vw,2.2rem);border-radius:1.8rem;background:var(--teal-dark, #052e3a);color:#fff;box-shadow:0 22px 60px #052e3a29;transform:rotate(1deg)}.merch-quote-card p{margin:0;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.12;font-weight:900}.merch-quote-card p+p{margin-top:.7rem;color:var(--teal-light, #8cdbd8)}.merch-ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.merch-idea-card{padding:clamp(1.3rem,3vw,2rem)}@media(max-width:820px){.merch-hero,.merch-ideas{grid-template-columns:1fr}.merch-quote-card{transform:none}}.guest-magazine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(1rem,2.5vw,1.5rem)}.guest-story-card{overflow:hidden;border-radius:1.7rem;background:var(--surface, #fff);border:1px solid rgba(5,46,58,.12);box-shadow:0 20px 55px #052e3a17;display:flex;flex-direction:column}.guest-image-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:radial-gradient(circle at top right,rgba(253,104,13,.16),transparent 34%),radial-gradient(circle at bottom left,rgba(88,204,201,.2),transparent 36%),var(--teal-dark, #052e3a)}.guest-image-wrap img{width:100%;height:100%;object-fit:cover}.guest-image-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:clamp(2.4rem,6vw,4rem);font-weight:900;letter-spacing:.06em}.guest-status-badge{position:absolute;left:1rem;top:1rem;display:inline-flex;align-items:center;border-radius:999px;padding:.42rem .75rem;font-size:.78rem;font-weight:900;background:#ffffffeb;color:var(--teal-dark, #052e3a);box-shadow:0 10px 26px #052e3a1f}.guest-status-badge.is-published{background:#58ccc9f2}.guest-status-badge.is-recorded{background:#fffffff2}.guest-status-badge.is-planned,.guest-status-badge.is-preparing{background:#fd680df2;color:#fff}.guest-story-content{padding:clamp(1.2rem,2.7vw,1.8rem);display:flex;flex-direction:column;gap:.55rem}.guest-story-content h2,.guest-story-content h3{margin:0}.guest-story-content h3{font-size:1.05rem;color:var(--muted, #709195)}.guest-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.3rem 0}.guest-meta span{display:inline-flex;align-items:center;border-radius:999px;padding:.32rem .6rem;background:#58ccc929;font-size:.82rem;font-weight:800}.guest-description p{margin:.45rem 0 0}.guest-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.guest-links a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.48rem .75rem;background:#052e3a14;color:var(--text);text-decoration:none;font-weight:800;font-size:.88rem}.guest-links a:hover,.guest-links a:focus-visible{background:#fd680d24}.guest-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:clamp(1.2rem,2.5vw,1.8rem)}.guest-overview-card{overflow:hidden;border-radius:1.8rem;background:var(--surface, #fff);border:1px solid rgba(5,46,58,.12);box-shadow:0 22px 58px #052e3a17;display:flex;flex-direction:column}.guest-photo-link{display:block;aspect-ratio:16 / 10.5;overflow:hidden;background:radial-gradient(circle at top right,rgba(253,104,13,.16),transparent 34%),radial-gradient(circle at bottom left,rgba(88,204,201,.2),transparent 36%),var(--teal-dark, #052e3a)}.guest-photo-link img,.guest-detail-image img{width:100%;height:100%;object-fit:cover}.guest-photo-link img{transition:transform .22s ease}.guest-overview-card:hover .guest-photo-link img{transform:scale(1.035)}.guest-photo-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:clamp(2.4rem,6vw,4rem);font-weight:900;letter-spacing:.06em}.guest-overview-content{padding:clamp(1.25rem,2.8vw,1.8rem);display:flex;flex-direction:column;gap:.55rem}.guest-overview-content h2,.guest-overview-content h3{margin:0}.guest-overview-content h3{font-size:1.05rem;color:var(--muted, #709195);line-height:1.35}.guest-card-meta-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.35rem}.guest-status-pill,.guest-date-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.34rem .65rem;font-size:.8rem;font-weight:900;line-height:1}.guest-status-pill{background:#58ccc933;color:var(--teal-dark, #052e3a)}.guest-status-pill.is-published{background:#58ccc952}.guest-status-pill.is-recorded{background:#fd680d29}.guest-status-pill.is-planned,.guest-status-pill.is-preparing{background:#fd680d38}.guest-date-pill{background:#052e3a12;color:var(--text)}.guest-more-link{margin-top:auto;width:fit-content}.guest-detail-hero{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:clamp(1.2rem,4vw,3rem);align-items:center}.guest-detail-image{aspect-ratio:4 / 3;overflow:hidden;border-radius:2rem;background:var(--teal-dark, #052e3a);box-shadow:0 24px 70px #052e3a24}.guest-detail-intro{padding:clamp(1.2rem,3vw,2rem)}.guest-detail-intro h1{margin-bottom:.35rem}.guest-detail-intro h2{margin-top:0;color:var(--muted, #709195);font-size:clamp(1.2rem,2.4vw,1.65rem)}.guest-detail-lead{font-size:1.08rem}.back-link{display:inline-flex;margin-bottom:1rem;font-weight:800;text-decoration:none}.guest-detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.36fr);gap:1rem;align-items:start}.guest-detail-text{padding:clamp(1.3rem,3vw,2rem)}.guest-detail-links{padding:clamp(1.2rem,2.6vw,1.6rem);border-radius:1.5rem;background:var(--surface, #fff);border:1px solid rgba(5,46,58,.12);box-shadow:0 18px 45px #052e3a14}@media(max-width:820px){.guest-detail-hero,.guest-detail-body{grid-template-columns:1fr}.guest-detail-intro{padding-left:0;padding-right:0}}.contact-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:clamp(1.2rem,4vw,3rem)}.contact-hero-text{padding:clamp(1.4rem,4vw,2.4rem);border-radius:1.8rem;background:radial-gradient(circle at top right,rgba(88,204,201,.2),transparent 34%),radial-gradient(circle at bottom left,rgba(253,104,13,.12),transparent 36%),var(--surface, #fff);border:1px solid rgba(5,46,58,.12);box-shadow:0 22px 60px #052e3a17}.contact-hero-note{padding:clamp(1.3rem,3vw,2rem);border-radius:1.7rem;background:var(--teal-dark, #052e3a);color:#fff;box-shadow:0 22px 60px #052e3a24}.contact-hero-note p{margin:0;font-size:1.05rem}.contact-hero-note strong{display:block;margin-top:.5rem;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1;color:var(--teal-light, #8cdbd8)}.contact-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.5rem)}.contact-card{position:relative;padding:clamp(1.4rem,3vw,2rem);border-radius:1.8rem;background:var(--surface, #fff);border:1px solid rgba(5,46,58,.12);box-shadow:0 20px 55px #052e3a17;overflow:hidden}.contact-card:after{content:"";position:absolute;right:-3rem;top:-3rem;width:9rem;height:9rem;border-radius:999px;background:#58ccc929;pointer-events:none}.contact-card-highlight:after{background:#fd680d29}.contact-card-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:999px;background:#58ccc92e;font-size:1.35rem;margin-bottom:1rem}.contact-card-highlight .contact-card-icon{background:#fd680d29}.contact-card h2{margin-top:.2rem}.contact-mail{margin-top:1rem;font-weight:900;word-break:break-word}.contact-card .btn{margin-top:.8rem}@media(max-width:820px){.contact-hero,.contact-card-grid{grid-template-columns:1fr}}.about-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:clamp(1.2rem,4vw,3rem)}.about-hero-text{padding:clamp(1.4rem,4vw,2.4rem);border-radius:1.8rem;background:radial-gradient(circle at top right,rgba(88,204,201,.2),transparent 34%),radial-gradient(circle at bottom left,rgba(253,104,13,.12),transparent 36%),var(--surface, #fff);border:1px solid rgba(5,46,58,.12);box-shadow:0 22px 60px #052e3a17}.about-hero-card{padding:clamp(1.3rem,3vw,2rem);border-radius:1.8rem;background:var(--teal-dark, #052e3a);color:#fff;box-shadow:0 22px 60px #052e3a24;transform:rotate(-1deg)}.about-hero-card p{margin:0;font-size:clamp(1.25rem,2.5vw,1.8rem);font-weight:800;line-height:1.12}.about-hero-card p+p{margin-top:.45rem}.about-hero-card strong{display:block;margin-top:.8rem;font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.05;color:var(--teal-light, #8cdbd8)}.about-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(1.2rem,2.5vw,1.8rem)}.about-team-card{overflow:hidden;border-radius:1.8rem;background:var(--surface, #fff);border:1px solid rgba(5,46,58,.12);box-shadow:0 22px 58px #052e3a17}.about-team-image{aspect-ratio:16 / 11;overflow:hidden;background:radial-gradient(circle at top right,rgba(253,104,13,.14),transparent 34%),radial-gradient(circle at bottom left,rgba(88,204,201,.22),transparent 36%),var(--teal-dark, #052e3a)}.about-team-image img{width:100%;height:100%;object-fit:cover}.about-team-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:clamp(2.5rem,6vw,4rem);font-weight:900}.about-team-content{padding:clamp(1.25rem,2.8vw,1.9rem)}.about-team-content h2{margin-top:.1rem;margin-bottom:.5rem}.about-team-short{font-size:1.02rem}.trait-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.trait-list span{display:inline-flex;align-items:center;border-radius:999px;padding:.36rem .68rem;background:#58ccc92b;font-size:.84rem;font-weight:850}.about-details{margin-top:1.1rem;border-top:1px solid rgba(5,46,58,.12);padding-top:1rem}.about-details summary{cursor:pointer;font-weight:900;color:var(--teal-dark, #052e3a)}.about-details summary::marker{color:var(--orange, #fd680d)}.about-details p{margin:.75rem 0 0}.about-why-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);gap:clamp(1rem,2.5vw,1.5rem);align-items:stretch}.about-why-card{padding:clamp(1.3rem,3vw,2rem)}.about-quote-card{display:flex;align-items:center;padding:clamp(1.3rem,3vw,2rem);border-radius:1.7rem;background:radial-gradient(circle at top right,rgba(253,104,13,.2),transparent 42%),var(--teal-dark, #052e3a);color:#fff;box-shadow:0 20px 55px #052e3a1f}.about-quote-card p{margin:0;font-size:clamp(1.25rem,2.7vw,1.8rem);font-weight:900;line-height:1.15}@media(max-width:820px){.about-hero,.about-why-section{grid-template-columns:1fr}.about-hero-card{transform:none}}.about-team-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:clamp(1.2rem,2.5vw,1.8rem)}.team-overview-card{overflow:hidden;border-radius:1.8rem;background:var(--surface, #fff);border:1px solid rgba(5,46,58,.12);box-shadow:0 22px 58px #052e3a17;display:flex;flex-direction:column}.team-photo-link{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;overflow:hidden;background:radial-gradient(circle at top right,rgba(253,104,13,.14),transparent 34%),radial-gradient(circle at bottom left,rgba(88,204,201,.22),transparent 36%),var(--teal-dark, #052e3a)}.team-photo-link img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .22s ease}.team-overview-card:hover .team-photo-link img{transform:scale(1.025)}.team-overview-content{padding:clamp(1.25rem,2.8vw,1.9rem);display:flex;flex-direction:column;gap:.65rem;flex:1}.team-overview-content h2{margin:0}.team-more-link{width:fit-content;margin-top:auto}.about-details{display:none!important}.team-detail-hero{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:clamp(1.2rem,4vw,3rem);align-items:center}.team-detail-image{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;overflow:hidden;border-radius:2rem;background:radial-gradient(circle at top right,rgba(253,104,13,.14),transparent 34%),radial-gradient(circle at bottom left,rgba(88,204,201,.22),transparent 36%),var(--teal-dark, #052e3a);box-shadow:0 24px 70px #052e3a24}.team-detail-image img{width:100%;height:100%;object-fit:contain;object-position:center}.team-detail-intro{padding:clamp(1.2rem,3vw,2rem)}.team-detail-intro h1{margin-bottom:.45rem}.team-detail-lead{font-size:1.1rem}.team-detail-body{display:grid;grid-template-columns:minmax(0,1fr)}.team-detail-text{padding:clamp(1.3rem,3vw,2rem)}.team-detail-text p:first-child{margin-top:0}@media(max-width:820px){.team-detail-hero{grid-template-columns:1fr}.team-detail-intro{padding-left:0;padding-right:0}}.guest-photo-link,.guest-image-wrap,.guest-detail-image{background:radial-gradient(circle at top right,rgba(253,104,13,.16),transparent 34%),radial-gradient(circle at bottom left,rgba(88,204,201,.22),transparent 36%),var(--teal-dark, #052e3a)}.guest-photo-link{aspect-ratio:4 / 3;padding:.7rem;box-sizing:border-box}.guest-photo-link img{width:100%;height:100%;object-fit:contain!important;object-position:center center;border-radius:1.2rem}.guest-detail-image{padding:.9rem;box-sizing:border-box}.guest-detail-image img{width:100%;height:100%;object-fit:contain!important;object-position:center center;border-radius:1.2rem}.guest-image-wrap img{object-fit:contain!important;object-position:center center}

/* === TYPO3 Footer Fix === */
.spaer-typo-footer {
  max-width: 1180px;
  margin: 3rem auto 2rem;
  padding: 0 1rem;
  color: var(--text, #17343f);
}

.spaer-typo-footer-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: start;
  background: rgba(255, 250, 242, .88);
  border: 1px solid rgba(31, 41, 51, .12);
  border-radius: 2rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  box-shadow: 0 20px 60px rgba(31, 41, 51, .12);
}

.spaer-typo-footer-brand img {
  display: block;
  width: min(360px, 100%);
  height: auto;
  margin: 0 0 1rem;
}

.spaer-typo-footer-brand p {
  max-width: 46rem;
  margin: 0 0 .8rem;
  color: var(--muted, #667085);
  line-height: 1.65;
}

.spaer-typo-footer-quote {
  color: var(--brand-dark, #2e7188) !important;
  font-weight: 800;
}

.spaer-typo-footer-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.spaer-typo-footer-links h2 {
  margin: 0 0 .7rem;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--brand-dark, #2e7188);
}

.spaer-typo-footer-links a {
  display: block;
  width: fit-content;
  margin: .35rem 0;
  color: var(--muted, #667085);
  text-decoration: none;
  font-weight: 700;
}

.spaer-typo-footer-links a:hover {
  color: var(--brand, #50a7c2);
  text-decoration: underline;
}

[data-theme="dark"] .spaer-typo-footer-inner {
  background: rgba(17, 24, 39, .86);
  border-color: rgba(255, 255, 255, .12);
}

@media (max-width: 820px) {
  .spaer-typo-footer-inner {
    grid-template-columns: 1fr;
  }

  .spaer-typo-footer-links {
    grid-template-columns: 1fr;
  }
}

/* === TYPO3 Gäste-Kacheln === */
.guest-grid-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.2rem;
}

.guest-grid-page .guest-tile {
  min-height: 100%;
  align-items: center;
}

.guest-grid-page .guest-tile img {
  width: 5.8rem;
  height: 5.8rem;
  object-fit: contain;
  background: rgba(255,255,255,.62);
  border-radius: 1.2rem;
  padding: .35rem;
}

.guest-grid-page .guest-tile h3 {
  margin-bottom: .25rem;
}

.guest-grid-page .guest-tile p {
  line-height: 1.45;
}

/* === FINAL: Gäste-Kacheln als Eyecatcher === */
.guest-grid-page {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 1.4rem !important;
}

.guest-grid-page .guest-tile {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  min-height: 100% !important;
  padding: 1rem !important;
  text-align: left !important;
}

.guest-grid-page .guest-tile img {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: rgba(255, 255, 255, .72) !important;
  border-radius: 1.4rem !important;
  padding: .7rem !important;
  margin: 0 auto !important;
}

.guest-grid-page .guest-tile > div {
  width: 100% !important;
}

.guest-grid-page .guest-tile h3 {
  margin: 0 0 .35rem !important;
  font-size: 1.25rem !important;
}

.guest-grid-page .guest-tile p {
  margin: 0 !important;
  line-height: 1.5 !important;
}

.guest-grid-page .tile-arrow {
  position: absolute !important;
  right: 1.1rem !important;
  bottom: 1rem !important;
}

@media (max-width: 720px) {
  .guest-grid-page {
    grid-template-columns: 1fr !important;
  }

  .guest-grid-page .guest-tile img {
    height: 210px !important;
  }
}

/* === TYPO3 Über-uns-Kacheln === */
.about-grid-page {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 1.4rem !important;
}

.about-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  min-height: 100% !important;
  padding: 1rem !important;
  text-decoration: none !important;
}

.about-card img {
  display: block !important;
  width: 100% !important;
  height: 280px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: rgba(255, 255, 255, .72) !important;
  border-radius: 1.4rem !important;
  padding: .7rem !important;
  margin: 0 auto !important;
}

.about-card h2 {
  margin: 0 0 .45rem !important;
}

.about-card p {
  line-height: 1.55 !important;
}

.about-card .tile-arrow {
  position: absolute !important;
  right: 1.1rem !important;
  bottom: 1rem !important;
}

@media (max-width: 720px) {
  .about-grid-page {
    grid-template-columns: 1fr !important;
  }

  .about-card img {
    height: 230px !important;
  }
}

/* === TYPO3 Links-Seite === */
.linktree-hero {
  background: var(--panel, #fffaf2);
  border: 1px solid var(--border, rgba(31, 41, 51, .12));
  border-radius: 2rem;
  padding: clamp(2rem, 5vw, 4rem);
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12));
}

.linktree-hero h1 {
  max-width: 900px;
}

.linktree-hero p:last-child {
  max-width: 720px;
  color: var(--muted, #667085);
  font-size: 1.15rem;
  line-height: 1.65;
}

.link-section-card {
  position: relative;
  background: var(--panel, #fffaf2);
  border: 1px solid var(--border, rgba(31, 41, 51, .12));
  border-radius: 2rem;
  padding: clamp(1.4rem, 3vw, 2rem);
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12));
  text-decoration: none;
}

.platform-button-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.platform-button {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-height: 4.4rem;
  padding: 1rem 1.2rem;
  border-radius: 1.3rem;
  background: rgba(255, 255, 255, .72);
  border: 1px solid var(--border, rgba(31, 41, 51, .12));
  text-decoration: none;
  font-weight: 850;
}

.platform-button:hover {
  transform: translateY(-2px);
  background: var(--brand, #50a7c2);
  color: white;
}

.support-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.2rem;
}

.support-grid .link-section-card {
  min-height: 100%;
}

.support-grid .link-section-card p {
  line-height: 1.55;
}

.contact-link-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

[data-theme="dark"] .platform-button {
  background: rgba(255,255,255,.08);
}

@media (max-width: 720px) {
  .platform-button-grid,
  .support-grid {
    grid-template-columns: 1fr;
  }

  .contact-link-grid .btn {
    width: 100%;
    justify-content: center;
  }
}

/* === FINAL: TYPO3 Links-Seite kompakt als Linktree === */
.spaer-links-page {
  max-width: 760px !important;
  margin: 0 auto !important;
}

.spaer-links-profile {
  text-align: center !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2.2rem !important;
  padding: clamp(2rem, 5vw, 3rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-links-profile img {
  width: 130px !important;
  height: 130px !important;
  object-fit: contain !important;
  margin: 0 auto 1rem !important;
  display: block !important;
  background: rgba(255,255,255,.68) !important;
  border-radius: 2rem !important;
  padding: .8rem !important;
}

.spaer-links-profile h1 {
  font-size: clamp(2.2rem, 6vw, 4.2rem) !important;
  margin: 0 0 1rem !important;
}

.spaer-links-profile p:last-child {
  max-width: 560px !important;
  margin: 0 auto !important;
  color: var(--muted, #667085) !important;
  line-height: 1.65 !important;
  font-size: 1.08rem !important;
}

.spaer-link-group {
  margin-top: 1.6rem !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  padding: clamp(1.2rem, 3vw, 1.6rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-link-group h2 {
  margin: 0 0 1rem !important;
  font-size: 1.25rem !important;
}

.spaer-big-link {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 1rem !important;
  min-height: 76px !important;
  margin: .75rem 0 !important;
  padding: .95rem 1rem !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 1.35rem !important;
  color: var(--text, #17343f) !important;
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(31, 41, 51, .07) !important;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.spaer-big-link:hover {
  transform: translateY(-3px) !important;
  background: rgba(80, 167, 194, .13) !important;
  box-shadow: 0 18px 38px rgba(31, 41, 51, .12) !important;
}

.spaer-big-link.primary {
  background: linear-gradient(135deg, rgba(80, 167, 194, .95), rgba(46, 113, 136, .95)) !important;
  color: white !important;
}

.spaer-big-link.instagram {
  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,229,240,.9)) !important;
}

.spaer-big-link.merch {
  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,241,217,.95)) !important;
}

.spaer-link-icon {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 1rem !important;
  background: rgba(80, 167, 194, .16) !important;
  color: var(--brand-dark, #2e7188) !important;
  font-weight: 900 !important;
  font-size: .9rem !important;
}

.spaer-big-link.primary .spaer-link-icon {
  background: rgba(255,255,255,.22) !important;
  color: white !important;
}

.spaer-big-link strong {
  display: block !important;
  font-size: 1.05rem !important;
  margin-bottom: .15rem !important;
}

.spaer-big-link small {
  display: block !important;
  color: var(--muted, #667085) !important;
  line-height: 1.35 !important;
  font-size: .9rem !important;
}

.spaer-big-link.primary small {
  color: rgba(255,255,255,.82) !important;
}

.spaer-big-link em {
  font-style: normal !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  color: var(--brand, #50a7c2) !important;
}

.spaer-big-link.primary em {
  color: white !important;
}

[data-theme="dark"] .spaer-links-profile,
[data-theme="dark"] .spaer-link-group {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-big-link {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-big-link small {
  color: rgba(255,255,255,.68) !important;
}

@media (max-width: 640px) {
  .spaer-links-page {
    max-width: none !important;
  }

  .spaer-big-link {
    grid-template-columns: auto 1fr !important;
  }

  .spaer-big-link em {
    display: none !important;
  }

  .spaer-links-profile img {
    width: 110px !important;
    height: 110px !important;
  }
}

/* === TYPO3 Kontakt-Seite === */
.contact-hero {
  text-align: center;
}

.contact-hero p:last-child {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.contact-card-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 1.4rem !important;
}

.contact-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 1rem !important;
  align-items: start !important;
  min-height: 100% !important;
  padding: clamp(1.4rem, 3vw, 2rem) !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
  text-decoration: none !important;
}

.contact-card-icon {
  display: grid !important;
  place-items: center !important;
  width: 4rem !important;
  height: 4rem !important;
  border-radius: 1.3rem !important;
  background: rgba(80, 167, 194, .16) !important;
  color: var(--brand-dark, #2e7188) !important;
  font-weight: 900 !important;
  font-size: 1.5rem !important;
}

.contact-card h2 {
  margin: 0 0 .6rem !important;
  font-size: clamp(1.35rem, 3vw, 1.9rem) !important;
}

.contact-card p {
  line-height: 1.6 !important;
}

.contact-card .tile-arrow {
  position: absolute !important;
  right: 1.2rem !important;
  bottom: 1rem !important;
}

.contact-note {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[data-theme="dark"] .contact-card {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

@media (max-width: 720px) {
  .contact-card {
    grid-template-columns: 1fr !important;
  }
}

/* === FINAL: TYPO3 Kontaktseite sauberer === */
.spaer-contact-page {
  max-width: 820px !important;
  margin: 0 auto !important;
}

.spaer-contact-hero {
  text-align: center !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2.2rem !important;
  padding: clamp(2rem, 5vw, 3.5rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-contact-hero h1 {
  margin: 0 0 1rem !important;
  font-size: clamp(2.6rem, 7vw, 5rem) !important;
}

.spaer-contact-hero p:last-child {
  max-width: 600px !important;
  margin: 0 auto !important;
  color: var(--muted, #667085) !important;
  font-size: 1.12rem !important;
  line-height: 1.65 !important;
}

.spaer-contact-actions {
  display: grid !important;
  gap: 1rem !important;
  margin-top: 1.5rem !important;
}

.spaer-contact-big {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 1rem !important;
  min-height: 92px !important;
  padding: 1.1rem 1.2rem !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 1.6rem !important;
  box-shadow: 0 14px 42px rgba(31, 41, 51, .10) !important;
  text-decoration: none !important;
  color: var(--text, #17343f) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.spaer-contact-big:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 54px rgba(31, 41, 51, .14) !important;
  background: rgba(80, 167, 194, .12) !important;
}

.spaer-contact-big.primary {
  background: linear-gradient(135deg, rgba(80,167,194,.96), rgba(46,113,136,.96)) !important;
  color: white !important;
}

.spaer-contact-icon {
  display: grid !important;
  place-items: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 1.2rem !important;
  background: rgba(80, 167, 194, .16) !important;
  color: var(--brand-dark, #2e7188) !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
}

.spaer-contact-big.primary .spaer-contact-icon {
  background: rgba(255,255,255,.22) !important;
  color: white !important;
}

.spaer-contact-big strong {
  display: block !important;
  font-size: 1.25rem !important;
  margin-bottom: .2rem !important;
}

.spaer-contact-big small {
  display: block !important;
  color: var(--muted, #667085) !important;
  line-height: 1.45 !important;
}

.spaer-contact-big.primary small {
  color: rgba(255,255,255,.84) !important;
}

.spaer-contact-big em {
  font-style: normal !important;
  font-size: 2.2rem !important;
  color: var(--brand, #50a7c2) !important;
}

.spaer-contact-big.primary em {
  color: white !important;
}

.spaer-contact-note {
  margin-top: 1.5rem !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 1.8rem !important;
  padding: clamp(1.4rem, 3vw, 2rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-contact-note h2 {
  margin: 0 0 .7rem !important;
}

.spaer-contact-note p:last-child {
  color: var(--muted, #667085) !important;
  line-height: 1.65 !important;
}

/* === FINAL: TYPO3 Footer schmal wie Menü, ohne Linkspalten === */
.spaer-typo-footer {
  max-width: 980px !important;
  margin: 3rem auto 2rem !important;
  padding: 0 1rem !important;
}

.spaer-typo-footer-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 2rem !important;
  align-items: center !important;
  background: rgba(255, 250, 242, .9) !important;
  border: 1px solid rgba(31, 41, 51, .12) !important;
  border-radius: 2rem !important;
  padding: clamp(1.4rem, 3vw, 2rem) !important;
  box-shadow: 0 20px 60px rgba(31, 41, 51, .12) !important;
}

.spaer-typo-footer-brand img {
  width: min(250px, 100%) !important;
  margin: 0 0 .9rem !important;
}

.spaer-typo-footer-brand p {
  max-width: 520px !important;
  margin: 0 0 .55rem !important;
  color: var(--muted, #667085) !important;
  line-height: 1.55 !important;
}

.spaer-typo-footer-quote {
  color: var(--brand-dark, #2e7188) !important;
  font-weight: 900 !important;
}

.spaer-typo-footer-legal {
  display: flex !important;
  flex-direction: column !important;
  gap: .6rem !important;
  align-items: flex-end !important;
}

.spaer-typo-footer-legal a {
  color: var(--text, #17343f) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

.spaer-typo-footer-legal a:hover {
  color: var(--brand, #50a7c2) !important;
  text-decoration: underline !important;
}

[data-theme="dark"] .spaer-contact-hero,
[data-theme="dark"] .spaer-contact-big,
[data-theme="dark"] .spaer-contact-note,
[data-theme="dark"] .spaer-typo-footer-inner {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-contact-big small,
[data-theme="dark"] .spaer-contact-note p:last-child,
[data-theme="dark"] .spaer-typo-footer-brand p {
  color: rgba(255,255,255,.68) !important;
}

@media (max-width: 720px) {
  .spaer-contact-big {
    grid-template-columns: auto 1fr !important;
  }

  .spaer-contact-big em {
    display: none !important;
  }

  .spaer-typo-footer-inner {
    grid-template-columns: 1fr !important;
  }

  .spaer-typo-footer-legal {
    align-items: flex-start !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}

/* === FINAL: Footer exakt so breit wie weißer Menü-Kasten === */
:root {
  --spaer-menu-width: 980px;
}

/* weißer Menü-Kasten */
.top-brand-header .nav-shell {
  width: min(calc(100vw - 2rem), var(--spaer-menu-width)) !important;
  max-width: var(--spaer-menu-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Footer-Außenbreite exakt wie Menü */
.spaer-typo-footer {
  width: min(calc(100vw - 2rem), var(--spaer-menu-width)) !important;
  max-width: var(--spaer-menu-width) !important;
  margin: 3rem auto 2rem !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* eigentlicher weißer Footer-Kasten */
.spaer-typo-footer-inner {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* alte Footer-Linkspalten endgültig ausblenden, falls noch vorhanden */
.spaer-typo-footer-links {
  display: none !important;
}

/* === FINAL FIX: einheitliche SPÄR-Breiten und saubere Standardseiten === */
:root {
  --spaer-box-width: 1040px;
}

/* Menü-Kasten */
.top-brand-header .nav-shell {
  width: min(calc(100vw - 2rem), var(--spaer-box-width)) !important;
  max-width: var(--spaer-box-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hauptinhalt auf gleiche Breite bringen */
main {
  max-width: none !important;
}

main > .page-hero,
main > .section,
.spaer-contact-page,
.spaer-links-page {
  width: min(calc(100vw - 2rem), var(--spaer-box-width)) !important;
  max-width: var(--spaer-box-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* normale Unterseiten wieder als richtiger Kasten */
main > .page-hero {
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  padding: clamp(2rem, 5vw, 4rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

/* leere weiße Inhaltskästen auf Standardseiten entschärfen */
main > .section.text-panel {
  min-height: 0 !important;
}

/* wenn TYPO3 keinen Inhalt ausgibt, wirkt der Kasten nicht wie ein leerer Balken */
main > .section.text-panel:empty {
  display: none !important;
}

/* Kontaktseite innerhalb der gleichen Breite */
.spaer-contact-page {
  display: block !important;
}

.spaer-contact-hero,
.spaer-contact-actions,
.spaer-contact-note {
  width: 100% !important;
  max-width: none !important;
}

/* Kontaktbuttons als große breite Karten */
.spaer-contact-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
}

/* Footer exakt gleiche Außenbreite wie Menü/Inhalt */
.spaer-typo-footer {
  width: min(calc(100vw - 2rem), var(--spaer-box-width)) !important;
  max-width: var(--spaer-box-width) !important;
  margin: 3rem auto 2rem !important;
  padding: 0 !important;
}

.spaer-typo-footer-inner {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 2rem !important;
  background: rgba(255, 250, 242, .92) !important;
  border: 1px solid rgba(31, 41, 51, .12) !important;
  border-radius: 2rem !important;
  padding: clamp(1.4rem, 3vw, 2rem) !important;
  box-shadow: 0 20px 60px rgba(31, 41, 51, .12) !important;
}

.spaer-typo-footer-brand {
  min-width: 0 !important;
}

.spaer-typo-footer-brand img {
  width: 230px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 .8rem !important;
}

.spaer-typo-footer-brand p {
  max-width: 560px !important;
  margin: 0 0 .45rem !important;
  line-height: 1.55 !important;
  color: var(--muted, #667085) !important;
}

.spaer-typo-footer-quote {
  color: var(--brand-dark, #2e7188) !important;
  font-weight: 900 !important;
}

.spaer-typo-footer-links {
  display: none !important;
}

.spaer-typo-footer-legal {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .65rem !important;
  align-items: flex-end !important;
}

.spaer-typo-footer-legal a {
  color: var(--text, #17343f) !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

.spaer-typo-footer-legal a:hover {
  color: var(--brand, #50a7c2) !important;
  text-decoration: underline !important;
}

[data-theme="dark"] main > .page-hero,
[data-theme="dark"] .spaer-typo-footer-inner {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-typo-footer-brand p {
  color: rgba(255,255,255,.68) !important;
}

@media (max-width: 760px) {
  .spaer-typo-footer-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .spaer-typo-footer-legal {
    align-items: flex-start !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}

/* === FINAL: Startseite auf gleiche Breite wie Menü bringen === */
main > .hero-clean,
main > #latest-episode,
main > .team-section,
main > .guest-home-section,
main > .listen-strip,
main > .merch-band,
main > .final-cta {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Hero-Innenpanel nicht breiter als der äußere Rahmen */
.hero-clean .intro-panel {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* aktuelle Folge ebenfalls begrenzen */
.episode-feature {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Team/Gäste/Plattformen dürfen nicht ausbrechen */
.team-grid,
.guest-row,
.platform-grid,
.merch-band,
.final-cta {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Merch-Band nicht breiter als Menü */
main > .merch-band {
  display: grid !important;
}

/* mobile sauber */
@media (max-width: 760px) {
  main > .hero-clean,
  main > #latest-episode,
  main > .team-section,
  main > .guest-home-section,
  main > .listen-strip,
  main > .merch-band,
  main > .final-cta {
    width: calc(100vw - 2rem) !important;
  }
}

/* === TYPO3 Merch-Seite === */
.spaer-merch-page {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin: 0 auto !important;
}

.spaer-merch-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr) !important;
  gap: clamp(1.5rem, 4vw, 3rem) !important;
  align-items: center !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2.2rem !important;
  padding: clamp(2rem, 5vw, 4rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-merch-hero h1 {
  margin: 0 0 1rem !important;
  font-size: clamp(2.4rem, 6vw, 4.8rem) !important;
  line-height: .95 !important;
}

.spaer-merch-hero p {
  max-width: 640px !important;
  color: var(--muted, #667085) !important;
  font-size: 1.12rem !important;
  line-height: 1.65 !important;
}

.spaer-merch-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .9rem !important;
  margin-top: 1.4rem !important;
}

.spaer-merch-visual {
  position: relative !important;
  min-height: 320px !important;
  display: grid !important;
  place-items: center !important;
}

.spaer-merch-visual img:first-child {
  width: min(320px, 100%) !important;
  height: auto !important;
  border-radius: 2rem !important;
  box-shadow: 0 22px 60px rgba(31, 41, 51, .16) !important;
  transform: rotate(-3deg) !important;
}

.spaer-merch-visual img:last-child {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 130px !important;
  height: 130px !important;
  object-fit: contain !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 1.6rem !important;
  padding: .8rem !important;
  box-shadow: 0 18px 42px rgba(31, 41, 51, .14) !important;
}

.spaer-merch-quote {
  margin-top: 1.5rem !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  padding: clamp(1.5rem, 4vw, 2.4rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-merch-quote h2 {
  margin: 0 0 .8rem !important;
}

.spaer-merch-quote p:last-child {
  color: var(--muted, #667085) !important;
  line-height: 1.65 !important;
}

.spaer-merch-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1.2rem !important;
  margin-top: 1.5rem !important;
}

.spaer-merch-grid article {
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 1.8rem !important;
  padding: 1.5rem !important;
  box-shadow: 0 14px 42px rgba(31, 41, 51, .10) !important;
}

.spaer-merch-grid span {
  display: grid !important;
  place-items: center !important;
  width: 3.4rem !important;
  height: 3.4rem !important;
  border-radius: 1.1rem !important;
  background: rgba(80, 167, 194, .16) !important;
  font-size: 1.5rem !important;
  margin-bottom: 1rem !important;
}

.spaer-merch-grid h2 {
  margin: 0 0 .6rem !important;
}

.spaer-merch-grid p {
  color: var(--muted, #667085) !important;
  line-height: 1.6 !important;
}

[data-theme="dark"] .spaer-merch-hero,
[data-theme="dark"] .spaer-merch-quote,
[data-theme="dark"] .spaer-merch-grid article {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-merch-hero p,
[data-theme="dark"] .spaer-merch-quote p:last-child,
[data-theme="dark"] .spaer-merch-grid p {
  color: rgba(255,255,255,.68) !important;
}

@media (max-width: 850px) {
  .spaer-merch-hero {
    grid-template-columns: 1fr !important;
  }

  .spaer-merch-visual {
    min-height: 260px !important;
  }

  .spaer-merch-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .spaer-merch-actions .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .spaer-merch-visual img:last-child {
    width: 100px !important;
    height: 100px !important;
  }
}

/* === TYPO3 Folgen aus RSS === */
.spaer-episodes-list {
  display: grid !important;
  gap: 1.5rem !important;
}

.spaer-episode-card {
  display: grid !important;
  grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr) !important;
  gap: clamp(1.2rem, 3vw, 2rem) !important;
  align-items: stretch !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  padding: 1rem !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-episode-card > img {
  width: 100% !important;
  height: 100% !important;
  min-height: 240px !important;
  max-height: 340px !important;
  object-fit: cover !important;
  border-radius: 1.4rem !important;
  background: rgba(255,255,255,.75) !important;
}

.spaer-episode-card-content {
  padding: clamp(1rem, 3vw, 1.6rem) !important;
}

.spaer-episode-card-content h2 {
  margin: 0 0 .8rem !important;
  font-size: clamp(1.55rem, 3vw, 2.4rem) !important;
  line-height: 1.05 !important;
}

.spaer-episode-card-content p {
  color: var(--muted, #667085) !important;
  line-height: 1.65 !important;
}

.spaer-episode-actions {
  display: grid !important;
  gap: .8rem !important;
  margin-top: 1rem !important;
}

.spaer-episode-actions audio,
.audio-actions audio {
  width: 100% !important;
}

[data-theme="dark"] .spaer-episode-card {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-episode-card-content p {
  color: rgba(255,255,255,.68) !important;
}

@media (max-width: 820px) {
  .spaer-episode-card {
    grid-template-columns: 1fr !important;
  }

  .spaer-episode-card > img {
    height: 260px !important;
  }
}

/* === FINAL FIX: Mobile Navigation wieder als Burger-Menü === */

/* Desktop: normale Navigation sichtbar, Burger versteckt */
.top-brand-header .menu-toggle {
  display: none !important;
}

.top-brand-header .nav {
  display: flex !important;
}

/* Mobile: Burger sichtbar, Navigation zunächst versteckt */
@media (max-width: 820px) {
  .top-brand-header .nav-shell {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: .75rem !important;
    padding: .65rem .75rem !important;
  }

  .top-brand-header .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(31, 41, 51, .12) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.82) !important;
    color: var(--text, #17343f) !important;
    cursor: pointer !important;
    z-index: 20 !important;
  }

  .top-brand-header .menu-toggle span,
  .top-brand-header .menu-toggle::before,
  .top-brand-header .menu-toggle::after {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    background: currentColor !important;
    border-radius: 999px !important;
    transition: transform .2s ease, opacity .2s ease !important;
  }

  .top-brand-header .menu-toggle {
    flex-direction: column !important;
    gap: 4px !important;
  }

  .top-brand-header .nav {
    display: none !important;
    position: absolute !important;
    top: calc(100% + .6rem) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 15 !important;
    padding: .75rem !important;
    background: rgba(255, 250, 242, .98) !important;
    border: 1px solid rgba(31, 41, 51, .12) !important;
    border-radius: 1.4rem !important;
    box-shadow: 0 20px 60px rgba(31, 41, 51, .18) !important;
  }

  .top-brand-header .nav a {
    display: block !important;
    padding: .9rem 1rem !important;
    border-radius: 1rem !important;
    text-align: left !important;
    font-size: 1rem !important;
  }

  .top-brand-header .nav a:hover {
    background: rgba(80, 167, 194, .14) !important;
  }

  html[data-menu="open"] .top-brand-header .nav,
  body.menu-open .top-brand-header .nav {
    display: grid !important;
    gap: .25rem !important;
  }

  html[data-menu="open"] .top-brand-header .menu-toggle span,
  body.menu-open .top-brand-header .menu-toggle span {
    opacity: 0 !important;
  }

  html[data-menu="open"] .top-brand-header .menu-toggle::before,
  body.menu-open .top-brand-header .menu-toggle::before {
    transform: translateY(6px) rotate(45deg) !important;
  }

  html[data-menu="open"] .top-brand-header .menu-toggle::after,
  body.menu-open .top-brand-header .menu-toggle::after {
    transform: translateY(-6px) rotate(-45deg) !important;
  }

  [data-theme="dark"] .top-brand-header .menu-toggle,
  [data-theme="dark"] .top-brand-header .nav {
    background: rgba(17, 24, 39, .96) !important;
    border-color: rgba(255,255,255,.12) !important;
  }
}

/* === HARD FIX: Mobiles Burger-Menü sauber einklappen === */

@media (min-width: 821px) {
  .top-brand-header .menu-toggle {
    display: none !important;
  }

  .top-brand-header .nav {
    display: flex !important;
  }
}

@media (max-width: 820px) {
  .top-brand-header .nav-shell {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 58px !important;
    padding: .55rem .75rem !important;
    overflow: visible !important;
  }

  .top-brand-header .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border: 1px solid rgba(31, 41, 51, .14) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.9) !important;
    color: var(--text, #17343f) !important;
    cursor: pointer !important;
    z-index: 50 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .top-brand-header .menu-toggle span,
  .top-brand-header .menu-toggle::before,
  .top-brand-header .menu-toggle::after {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background: currentColor !important;
    border-radius: 999px !important;
    transition: transform .2s ease, opacity .2s ease !important;
  }

  /* Standard: Menü IMMER zu */
  .top-brand-header .nav {
    display: none !important;
    position: absolute !important;
    top: calc(100% + .7rem) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 40 !important;
    padding: .85rem !important;
    background: rgba(255, 250, 242, .98) !important;
    border: 1px solid rgba(31, 41, 51, .12) !important;
    border-radius: 1.4rem !important;
    box-shadow: 0 20px 60px rgba(31, 41, 51, .18) !important;
  }

  /* Nur mit unserem neuen Status öffnen */
  html[data-spaer-menu="open"] .top-brand-header .nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .35rem !important;
  }

  .top-brand-header .nav a {
    display: block !important;
    padding: .9rem 1rem !important;
    border-radius: 1rem !important;
    background: rgba(80, 167, 194, .12) !important;
    color: var(--text, #17343f) !important;
    text-align: left !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  .top-brand-header .nav a:hover {
    background: rgba(80, 167, 194, .22) !important;
  }

  html[data-spaer-menu="open"] .top-brand-header .menu-toggle span {
    opacity: 0 !important;
  }

  html[data-spaer-menu="open"] .top-brand-header .menu-toggle::before {
    transform: translateY(6px) rotate(45deg) !important;
  }

  html[data-spaer-menu="open"] .top-brand-header .menu-toggle::after {
    transform: translateY(-6px) rotate(-45deg) !important;
  }

  .top-brand-header .theme-toggle {
    position: static !important;
    z-index: 50 !important;
  }

  [data-theme="dark"] .top-brand-header .menu-toggle,
  [data-theme="dark"] .top-brand-header .nav {
    background: rgba(17, 24, 39, .96) !important;
    border-color: rgba(255,255,255,.12) !important;
  }
}

/* === HARD RESET: Navigation nur noch über neue Klassen === */

.nav-shell {
  position: relative !important;
}

/* alte Navigation/Button-Klassen neutralisieren */
.top-brand-header .menu-toggle,
.top-brand-header .nav {
  display: none !important;
}

/* Desktop */
.spaer-burger {
  display: none !important;
}

.spaer-main-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .6rem !important;
}

.spaer-main-nav a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .65rem .85rem !important;
  border-radius: 999px !important;
  color: var(--text, #17343f) !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.spaer-main-nav a:hover {
  background: rgba(80, 167, 194, .14) !important;
}

/* Mobil */
@media (max-width: 820px) {
  .top-brand-header .nav-shell {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 58px !important;
    padding: .55rem .75rem !important;
    overflow: visible !important;
  }

  .spaer-burger {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    border: 1px solid rgba(31, 41, 51, .14) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .92) !important;
    color: var(--text, #17343f) !important;
    cursor: pointer !important;
    z-index: 100 !important;
    box-shadow: 0 10px 28px rgba(31, 41, 51, .10) !important;
  }

  .spaer-burger span {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background: currentColor !important;
    border-radius: 999px !important;
    transition: transform .2s ease, opacity .2s ease !important;
  }

  .spaer-main-nav {
    display: none !important;
    position: absolute !important;
    top: calc(100% + .7rem) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 90 !important;
    padding: .85rem !important;
    background: rgba(255, 250, 242, .98) !important;
    border: 1px solid rgba(31, 41, 51, .12) !important;
    border-radius: 1.4rem !important;
    box-shadow: 0 22px 62px rgba(31, 41, 51, .18) !important;
  }

  html[data-spaer-menu-open="1"] .spaer-main-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .45rem !important;
  }

  .spaer-main-nav a {
    display: block !important;
    padding: .95rem 1rem !important;
    border-radius: 1rem !important;
    background: rgba(80, 167, 194, .13) !important;
    text-align: left !important;
    font-size: 1rem !important;
  }

  html[data-spaer-menu-open="1"] .spaer-burger span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  html[data-spaer-menu-open="1"] .spaer-burger span:nth-child(2) {
    opacity: 0 !important;
  }

  html[data-spaer-menu-open="1"] .spaer-burger span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  .theme-toggle {
    position: static !important;
    z-index: 100 !important;
  }

  [data-theme="dark"] .spaer-burger,
  [data-theme="dark"] .spaer-main-nav {
    background: rgba(17, 24, 39, .96) !important;
    border-color: rgba(255,255,255,.12) !important;
  }
}

/* === FINAL: Folgen-Seite optisch auf SPÄR-Breite und Kartenlayout === */
.spaer-episodes-list {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  gap: 1.4rem !important;
}

.spaer-episode-card {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 1.4rem !important;
  align-items: stretch !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  padding: 1rem !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-episode-card > img {
  width: 100% !important;
  height: 100% !important;
  min-height: 230px !important;
  object-fit: cover !important;
  border-radius: 1.35rem !important;
  background: rgba(255,255,255,.75) !important;
}

.spaer-episode-card-content {
  padding: clamp(1rem, 2.5vw, 1.5rem) !important;
  min-width: 0 !important;
}

.spaer-episode-card-content h2 {
  margin: 0 0 .7rem !important;
  font-size: clamp(1.45rem, 3vw, 2.2rem) !important;
  line-height: 1.08 !important;
}

.spaer-episode-card-content p {
  color: var(--muted, #667085) !important;
  line-height: 1.65 !important;
}

.spaer-episode-actions {
  display: grid !important;
  gap: .8rem !important;
  margin-top: 1rem !important;
}

.spaer-episode-actions audio {
  width: 100% !important;
}

[data-theme="dark"] .spaer-episode-card {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-episode-card-content p {
  color: rgba(255,255,255,.68) !important;
}

@media (max-width: 820px) {
  .spaer-episode-card {
    grid-template-columns: 1fr !important;
  }

  .spaer-episode-card > img {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
  }
}

/* === TYPO3 Detailseiten für Gäste, Über uns und Standardseiten === */
.spaer-detail-page {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin: 0 auto !important;
}

.spaer-detail-hero {
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2.2rem !important;
  padding: clamp(2rem, 5vw, 4rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-detail-hero h1 {
  margin: 0 0 1rem !important;
  font-size: clamp(2.4rem, 6vw, 4.8rem) !important;
  line-height: .95 !important;
}

.spaer-detail-hero p:last-child {
  max-width: 680px !important;
  color: var(--muted, #667085) !important;
  font-size: 1.08rem !important;
  line-height: 1.65 !important;
}

.spaer-detail-content {
  margin-top: 1.5rem !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  padding: clamp(1.5rem, 4vw, 2.5rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-detail-content:empty {
  display: none !important;
}

.spaer-detail-content h1,
.spaer-detail-content h2,
.spaer-detail-content h3 {
  margin-top: 0 !important;
}

.spaer-detail-content p,
.spaer-detail-content li {
  color: var(--muted, #667085) !important;
  line-height: 1.75 !important;
  font-size: 1.03rem !important;
}

.spaer-detail-content img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 1.4rem !important;
}

[data-theme="dark"] .spaer-detail-hero,
[data-theme="dark"] .spaer-detail-content {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-detail-hero p:last-child,
[data-theme="dark"] .spaer-detail-content p,
[data-theme="dark"] .spaer-detail-content li {
  color: rgba(255,255,255,.68) !important;
}

/* === FINAL: Detailseiten-Titel kompakter === */
.spaer-detail-hero {
  padding: clamp(1.8rem, 4vw, 3rem) !important;
}

.spaer-detail-hero h1 {
  font-size: clamp(2.1rem, 4.5vw, 3.6rem) !important;
  line-height: 1.05 !important;
  max-width: 900px !important;
}

.spaer-detail-hero .eyebrow {
  margin-bottom: .8rem !important;
}

@media (max-width: 720px) {
  .spaer-detail-hero h1 {
    font-size: clamp(2rem, 10vw, 2.8rem) !important;
  }
}

/* === Gästeseiten: Social-Links als Buttons === */
.spaer-detail-content a[href*="instagram.com"],
.spaer-detail-content a[href*="open.spotify.com"],
.spaer-detail-content a[href*="podcasts.apple.com"],
.spaer-detail-content a[href*="youtube.com"],
.spaer-detail-content a[href*="cast.spaer-podcast.de"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: .6rem !important;
  width: fit-content !important;
  margin: .35rem .45rem .35rem 0 !important;
  padding: .85rem 1.1rem !important;
  border-radius: 999px !important;
  background: rgba(80, 167, 194, .15) !important;
  border: 1px solid rgba(80, 167, 194, .28) !important;
  color: var(--text, #17343f) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(31, 41, 51, .08) !important;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.spaer-detail-content a[href*="instagram.com"]::before {
  content: "Instagram" !important;
  display: inline-grid !important;
  place-items: center !important;
  min-width: 2.1rem !important;
  height: 2.1rem !important;
  padding: 0 .55rem !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .72) !important;
  color: var(--brand-dark, #2e7188) !important;
  font-size: .72rem !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.spaer-detail-content a[href*="instagram.com"]:hover,
.spaer-detail-content a[href*="open.spotify.com"]:hover,
.spaer-detail-content a[href*="podcasts.apple.com"]:hover,
.spaer-detail-content a[href*="youtube.com"]:hover,
.spaer-detail-content a[href*="cast.spaer-podcast.de"]:hover {
  transform: translateY(-2px) !important;
  background: rgba(80, 167, 194, .24) !important;
  box-shadow: 0 16px 38px rgba(31, 41, 51, .12) !important;
}

[data-theme="dark"] .spaer-detail-content a[href*="instagram.com"],
[data-theme="dark"] .spaer-detail-content a[href*="open.spotify.com"],
[data-theme="dark"] .spaer-detail-content a[href*="podcasts.apple.com"],
[data-theme="dark"] .spaer-detail-content a[href*="youtube.com"],
[data-theme="dark"] .spaer-detail-content a[href*="cast.spaer-podcast.de"] {
  background: rgba(80, 167, 194, .18) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
}

[data-theme="dark"] .spaer-detail-content a[href*="instagram.com"]::before {
  background: rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.9) !important;
}

/* === Detailseiten: Podcast-Player und Plattform-Links === */
.spaer-episode-embed {
  margin-top: 1rem !important;
  padding: clamp(1.2rem, 3vw, 1.8rem) !important;
  background: rgba(80, 167, 194, .10) !important;
  border: 1px solid rgba(80, 167, 194, .24) !important;
  border-radius: 1.6rem !important;
}

.spaer-episode-embed h3 {
  margin: 0 0 .8rem !important;
}

.spaer-episode-embed p {
  margin-bottom: 1rem !important;
}

.spaer-episode-embed audio {
  width: 100% !important;
  margin: .6rem 0 1rem !important;
}

.spaer-platform-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .7rem !important;
  margin-top: 1rem !important;
}

.spaer-platform-links a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  padding: .8rem 1rem !important;
  border-radius: 999px !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid rgba(31, 41, 51, .12) !important;
  color: var(--text, #17343f) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 26px rgba(31, 41, 51, .08) !important;
}

.spaer-platform-links a:hover {
  transform: translateY(-2px) !important;
  background: rgba(80, 167, 194, .16) !important;
}

[data-theme="dark"] .spaer-episode-embed {
  background: rgba(80, 167, 194, .14) !important;
  border-color: rgba(255,255,255,.14) !important;
}

[data-theme="dark"] .spaer-platform-links a {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
}

/* === Externe Links auf Detailseiten als einheitliche Online-Buttons === */
.spaer-detail-content a[href^="http"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: .6rem !important;
  width: fit-content !important;
  margin: .35rem .45rem .35rem 0 !important;
  padding: .85rem 1.1rem !important;
  border-radius: 999px !important;
  background: rgba(80, 167, 194, .15) !important;
  border: 1px solid rgba(80, 167, 194, .28) !important;
  color: var(--text, #17343f) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(31, 41, 51, .08) !important;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.spaer-detail-content a[href^="http"]:hover {
  transform: translateY(-2px) !important;
  background: rgba(80, 167, 194, .24) !important;
  box-shadow: 0 16px 38px rgba(31, 41, 51, .12) !important;
}

/* Badge links vorn */
.spaer-detail-content a[href^="http"]::before {
  content: "Webseite" !important;
  display: inline-grid !important;
  place-items: center !important;
  min-width: 2.2rem !important;
  height: 2.2rem !important;
  padding: 0 .65rem !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .72) !important;
  color: var(--brand-dark, #2e7188) !important;
  font-size: .72rem !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

/* Plattform-spezifische Labels */
.spaer-detail-content a[href*="instagram.com"]::before {
  content: "Instagram" !important;
}

.spaer-detail-content a[href*="facebook.com"]::before {
  content: "Facebook" !important;
}

.spaer-detail-content a[href*="fb.com"]::before {
  content: "Facebook" !important;
}

.spaer-detail-content a[href*="youtube.com"]::before,
.spaer-detail-content a[href*="youtu.be"]::before {
  content: "YouTube" !important;
}

.spaer-detail-content a[href*="spotify.com"]::before {
  content: "Spotify" !important;
}

.spaer-detail-content a[href*="deezer.com"]::before {
  content: "Deezer" !important;
}

.spaer-detail-content a[href*="amazon."]::before {
  content: "Amazon" !important;
}

[data-theme="dark"] .spaer-detail-content a[href^="http"] {
  background: rgba(80, 167, 194, .18) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
}

[data-theme="dark"] .spaer-detail-content a[href^="http"]::before {
  background: rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.9) !important;
}

/* === Box: Online finden === */
.spaer-online-box {
  margin-top: 1.2rem !important;
  padding: clamp(1.2rem, 3vw, 1.8rem) !important;
  background: rgba(80, 167, 194, .10) !important;
  border: 1px solid rgba(80, 167, 194, .22) !important;
  border-radius: 1.6rem !important;
}

.spaer-online-box h3,
.spaer-online-box h2 {
  margin: 0 0 .6rem !important;
  font-size: clamp(1.2rem, 2vw, 1.5rem) !important;
}

.spaer-online-box p {
  margin: 0 0 .8rem !important;
}

.spaer-online-box p:last-child {
  margin-bottom: 0 !important;
}

.spaer-online-box .spaer-online-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .7rem !important;
  margin-top: .8rem !important;
}

.spaer-online-box .spaer-online-links p,
.spaer-online-box .spaer-online-links a {
  margin: 0 !important;
}

[data-theme="dark"] .spaer-online-box {
  background: rgba(80, 167, 194, .14) !important;
  border-color: rgba(255,255,255,.14) !important;
}

/* === Gästeseiten: wiederverwendbare Vorlage === */
.spaer-guest-template {
  display: grid !important;
  gap: 1.2rem !important;
}

.spaer-guest-info-box {
  padding: clamp(1.2rem, 3vw, 1.8rem) !important;
  background: rgba(255,255,255,.55) !important;
  border: 1px solid rgba(31, 41, 51, .10) !important;
  border-radius: 1.6rem !important;
}

.spaer-guest-info-box h2,
.spaer-guest-info-box h3 {
  margin: 0 0 .8rem !important;
}

.spaer-topic-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
  margin-top: .9rem !important;
}

.spaer-topic-list span {
  display: inline-flex !important;
  align-items: center !important;
  padding: .55rem .8rem !important;
  border-radius: 999px !important;
  background: rgba(80, 167, 194, .14) !important;
  border: 1px solid rgba(80, 167, 194, .24) !important;
  color: var(--text, #17343f) !important;
  font-weight: 800 !important;
  font-size: .92rem !important;
}

.spaer-guest-template .spaer-episode-embed,
.spaer-guest-template .spaer-online-box {
  margin-top: 0 !important;
}

[data-theme="dark"] .spaer-guest-info-box {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-topic-list span {
  background: rgba(80, 167, 194, .18) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.9) !important;
}

/* === HARD FIX: Online-Box Links immer als Buttons === */
.spaer-online-box .spaer-online-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .7rem !important;
  margin-top: .9rem !important;
}

.spaer-online-box .spaer-online-links a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: .85rem 1.1rem !important;
  border-radius: 999px !important;
  background: rgba(80, 167, 194, .15) !important;
  border: 1px solid rgba(80, 167, 194, .28) !important;
  color: var(--text, #17343f) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(31, 41, 51, .08) !important;
}

.spaer-online-box .spaer-online-links a:hover {
  transform: translateY(-2px) !important;
  background: rgba(80, 167, 194, .24) !important;
  box-shadow: 0 16px 38px rgba(31, 41, 51, .12) !important;
}

[data-theme="dark"] .spaer-online-box .spaer-online-links a {
  background: rgba(80, 167, 194, .18) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
}

/* === Startseite: bearbeitbare Backend-Kacheln === */
.spaer-home-content {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin: 1.5rem auto 0 !important;
  display: grid !important;
  gap: 1.5rem !important;
}

.spaer-home-content .frame {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.spaer-home-block {
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  padding: clamp(1.5rem, 4vw, 2.4rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-home-block h2 {
  margin: 0 0 .8rem !important;
  font-size: clamp(1.8rem, 4vw, 3rem) !important;
  line-height: 1.05 !important;
}

.spaer-home-block > p {
  color: var(--muted, #667085) !important;
  line-height: 1.65 !important;
}

.spaer-home-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1rem !important;
  margin-top: 1.2rem !important;
}

.spaer-home-card {
  display: flex !important;
  flex-direction: column !important;
  gap: .85rem !important;
  min-height: 100% !important;
  padding: 1rem !important;
  background: rgba(255,255,255,.68) !important;
  border: 1px solid rgba(31, 41, 51, .10) !important;
  border-radius: 1.5rem !important;
  color: var(--text, #17343f) !important;
  text-decoration: none !important;
  box-shadow: 0 12px 34px rgba(31, 41, 51, .08) !important;
}

.spaer-home-card:hover {
  transform: translateY(-2px) !important;
  background: rgba(80, 167, 194, .13) !important;
}

.spaer-home-card img {
  width: 100% !important;
  height: 220px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: rgba(255,255,255,.72) !important;
  border-radius: 1.2rem !important;
  padding: .6rem !important;
}

.spaer-home-card h3 {
  margin: 0 0 .35rem !important;
  font-size: 1.3rem !important;
}

.spaer-home-card p {
  margin: 0 !important;
  color: var(--muted, #667085) !important;
  line-height: 1.55 !important;
}

.spaer-home-link-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: .8rem !important;
  margin-top: 1.2rem !important;
}

.spaer-home-link-grid a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  padding: .9rem 1rem !important;
  border-radius: 999px !important;
  background: rgba(80, 167, 194, .15) !important;
  border: 1px solid rgba(80, 167, 194, .28) !important;
  color: var(--text, #17343f) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.spaer-home-link-grid a:hover {
  background: rgba(80, 167, 194, .24) !important;
  transform: translateY(-2px) !important;
}

.spaer-home-cta {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1rem !important;
}

.spaer-home-cta a {
  display: block !important;
  padding: 1.3rem !important;
  border-radius: 1.5rem !important;
  background: rgba(80, 167, 194, .15) !important;
  color: var(--text, #17343f) !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

.spaer-home-cta a strong {
  display: block !important;
  font-size: 1.25rem !important;
  margin-bottom: .35rem !important;
}

.spaer-home-cta a span {
  display: block !important;
  color: var(--muted, #667085) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

[data-theme="dark"] .spaer-home-block {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-home-card {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-home-card p,
[data-theme="dark"] .spaer-home-block > p,
[data-theme="dark"] .spaer-home-cta a span {
  color: rgba(255,255,255,.68) !important;
}

[data-theme="dark"] .spaer-home-link-grid a,
[data-theme="dark"] .spaer-home-cta a {
  background: rgba(80, 167, 194, .18) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
}

/* === Gäste-Seite: Kacheln aus TYPO3-Inhaltselementen === */
.spaer-guests-page {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin: 0 auto !important;
}

.spaer-guests-editor-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 1.4rem !important;
  margin-top: 1.5rem !important;
}

/* jedes TYPO3 Inhaltselement wird zur Karte */
.spaer-guests-editor-grid .frame {
  margin: 0 !important;
  padding: 1rem !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
  overflow: hidden !important;
}

/* Text & Medien sauber als Karte */
.spaer-guests-editor-grid .frame-type-textmedia,
.spaer-guests-editor-grid .frame-type-textpic {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

/* Bilder in den Karten */
.spaer-guests-editor-grid img {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: rgba(255,255,255,.72) !important;
  border-radius: 1.4rem !important;
  padding: .7rem !important;
}

/* TYPO3 Galerie-Abstände entschärfen */
.spaer-guests-editor-grid .ce-gallery,
.spaer-guests-editor-grid .ce-row,
.spaer-guests-editor-grid .ce-column,
.spaer-guests-editor-grid figure {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Überschrift */
.spaer-guests-editor-grid h2,
.spaer-guests-editor-grid h3,
.spaer-guests-editor-grid .ce-headline {
  margin: 0 0 .5rem !important;
  font-size: 1.35rem !important;
  line-height: 1.15 !important;
}

/* Text */
.spaer-guests-editor-grid p {
  color: var(--muted, #667085) !important;
  line-height: 1.55 !important;
}

/* Links in Gästekarten als Button */
.spaer-guests-editor-grid .ce-bodytext a,
.spaer-guests-editor-grid p a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin-top: .7rem !important;
  padding: .75rem 1rem !important;
  border-radius: 999px !important;
  background: rgba(80, 167, 194, .15) !important;
  border: 1px solid rgba(80, 167, 194, .28) !important;
  color: var(--text, #17343f) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.spaer-guests-editor-grid .ce-bodytext a:hover,
.spaer-guests-editor-grid p a:hover {
  background: rgba(80, 167, 194, .24) !important;
  transform: translateY(-2px) !important;
}

[data-theme="dark"] .spaer-guests-editor-grid .frame {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-guests-editor-grid p {
  color: rgba(255,255,255,.68) !important;
}

[data-theme="dark"] .spaer-guests-editor-grid .ce-bodytext a,
[data-theme="dark"] .spaer-guests-editor-grid p a {
  background: rgba(80, 167, 194, .18) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
}

/* === WYSIWYG-Kachelbereiche: Startseite und Gäste-Seite === */
.wysiwyg-card-area {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin: 1.5rem auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 1.4rem !important;
}

/* Text-Elemente ohne Bild werden Abschnittsüberschriften über volle Breite */
.wysiwyg-card-area .frame-type-text {
  grid-column: 1 / -1 !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  padding: clamp(1.5rem, 4vw, 2.4rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

/* Text & Medien wird automatisch zur Kachel */
.wysiwyg-card-area .frame-type-textmedia,
.wysiwyg-card-area .frame-type-textpic {
  margin: 0 !important;
  padding: 1rem !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
  overflow: hidden !important;
}

/* allgemeine Frames entschärfen */
.wysiwyg-card-area .frame {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Bilder in Kacheln */
.wysiwyg-card-area .frame-type-textmedia img,
.wysiwyg-card-area .frame-type-textpic img {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: rgba(255,255,255,.72) !important;
  border-radius: 1.4rem !important;
  padding: .7rem !important;
}

/* TYPO3 Bildcontainer neutralisieren */
.wysiwyg-card-area .ce-gallery,
.wysiwyg-card-area .ce-row,
.wysiwyg-card-area .ce-column,
.wysiwyg-card-area figure {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Überschriften */
.wysiwyg-card-area h1,
.wysiwyg-card-area h2,
.wysiwyg-card-area h3,
.wysiwyg-card-area .ce-headline {
  margin-top: 0 !important;
  margin-bottom: .6rem !important;
  line-height: 1.15 !important;
}

.wysiwyg-card-area .frame-type-text h2,
.wysiwyg-card-area .frame-type-text h3 {
  font-size: clamp(1.8rem, 4vw, 3rem) !important;
}

.wysiwyg-card-area .frame-type-textmedia h2,
.wysiwyg-card-area .frame-type-textmedia h3,
.wysiwyg-card-area .frame-type-textpic h2,
.wysiwyg-card-area .frame-type-textpic h3 {
  font-size: 1.35rem !important;
}

/* Texte */
.wysiwyg-card-area p,
.wysiwyg-card-area li {
  color: var(--muted, #667085) !important;
  line-height: 1.6 !important;
}

/* Links in Kacheln als Button */
.wysiwyg-card-area .ce-bodytext a,
.wysiwyg-card-area p a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin-top: .7rem !important;
  padding: .75rem 1rem !important;
  border-radius: 999px !important;
  background: rgba(80, 167, 194, .15) !important;
  border: 1px solid rgba(80, 167, 194, .28) !important;
  color: var(--text, #17343f) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(31, 41, 51, .08) !important;
}

.wysiwyg-card-area .ce-bodytext a:hover,
.wysiwyg-card-area p a:hover {
  background: rgba(80, 167, 194, .24) !important;
  transform: translateY(-2px) !important;
}

[data-theme="dark"] .wysiwyg-card-area .frame-type-text,
[data-theme="dark"] .wysiwyg-card-area .frame-type-textmedia,
[data-theme="dark"] .wysiwyg-card-area .frame-type-textpic {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .wysiwyg-card-area p,
[data-theme="dark"] .wysiwyg-card-area li {
  color: rgba(255,255,255,.68) !important;
}

[data-theme="dark"] .wysiwyg-card-area .ce-bodytext a,
[data-theme="dark"] .wysiwyg-card-area p a {
  background: rgba(80, 167, 194, .18) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
}

@media (max-width: 720px) {
  .wysiwyg-card-area {
    grid-template-columns: 1fr !important;
  }

  .wysiwyg-card-area .frame-type-textmedia img,
  .wysiwyg-card-area .frame-type-textpic img {
    height: 210px !important;
  }
}

/* === Über-uns-Seite: Backend-/WYSIWYG-Kacheln === */
.spaer-about-page {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin: 0 auto !important;
}

.spaer-about-editor-grid {
  margin-top: 1.5rem !important;
}

/* === Über-uns-Seite: Backend-/WYSIWYG-Kacheln === */
.spaer-about-page {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin: 0 auto !important;
}

.spaer-about-editor-grid {
  margin-top: 1.5rem !important;
}

/* === Startseite: automatische Gästekacheln und Podcastlinks === */
.spaer-home-auto-guests,
.spaer-home-auto-links {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin: 1.5rem auto 0 !important;
}

.spaer-home-auto-heading {
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  padding: clamp(1.5rem, 4vw, 2.4rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-home-auto-heading h2 {
  margin: 0 0 .8rem !important;
  font-size: clamp(1.8rem, 4vw, 3rem) !important;
  line-height: 1.05 !important;
}

.spaer-home-auto-heading p:last-child {
  color: var(--muted, #667085) !important;
  line-height: 1.65 !important;
}

.spaer-home-auto-guest-grid {
  width: 100% !important;
  max-width: none !important;
  margin-top: 1.2rem !important;
}

.spaer-home-auto-more,
.spaer-home-auto-links .spaer-home-link-grid {
  margin-top: 1rem !important;
}

[data-theme="dark"] .spaer-home-auto-heading {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-home-auto-heading p:last-child {
  color: rgba(255,255,255,.68) !important;
}

/* === Folgen-Seite: Plattformlinks und ausklappbare Beschreibungen === */
.spaer-episodes-page {
  width: 100%;
}

.spaer-platform-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  margin-top: 1.5rem !important;
}

.spaer-platform-strip a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: .75rem 1rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .14)) !important;
  background: rgba(80, 167, 194, .12) !important;
  color: var(--text, #1f2933) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.spaer-platform-strip a:hover {
  transform: translateY(-1px);
}

.spaer-episodes-list {
  width: min(calc(100vw - 2rem), var(--spaer-box-width, 1040px)) !important;
  max-width: var(--spaer-box-width, 1040px) !important;
  margin: 1.5rem auto 0 !important;
  display: grid !important;
  gap: 1rem !important;
}

.spaer-episode-card {
  display: grid !important;
  grid-template-columns: minmax(140px, 220px) 1fr !important;
  gap: clamp(1rem, 3vw, 1.5rem) !important;
  align-items: start !important;
  background: var(--panel, #fffaf2) !important;
  border: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  border-radius: 2rem !important;
  padding: clamp(1rem, 3vw, 1.5rem) !important;
  box-shadow: var(--shadow, 0 20px 60px rgba(31, 41, 51, .12)) !important;
}

.spaer-episode-cover img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 1.4rem !important;
  display: block !important;
}

.spaer-episode-text h2 {
  margin: .2rem 0 .75rem !important;
  font-size: clamp(1.35rem, 3vw, 2rem) !important;
  line-height: 1.15 !important;
}

.spaer-episode-text audio {
  width: 100% !important;
  margin: .9rem 0 !important;
}

.spaer-episode-details {
  margin-top: .75rem !important;
  border-top: 1px solid var(--border, rgba(31, 41, 51, .12)) !important;
  padding-top: .75rem !important;
}

.spaer-episode-details summary {
  cursor: pointer !important;
  font-weight: 800 !important;
  color: var(--accent, #50A7C2) !important;
}

.spaer-episode-longtext {
  margin-top: .8rem !important;
  color: var(--muted, #667085) !important;
  line-height: 1.7 !important;
}

[data-theme="dark"] .spaer-platform-strip a {
  background: rgba(80, 167, 194, .18) !important;
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.14) !important;
}

[data-theme="dark"] .spaer-episode-card {
  background: rgba(17, 24, 39, .86) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] .spaer-episode-longtext {
  color: rgba(255,255,255,.72) !important;
}

@media (max-width: 720px) {
  .spaer-episode-card {
    grid-template-columns: 1fr !important;
  }

  .spaer-episode-cover img {
    max-width: 220px !important;
  }
}

/* === Folgen-Seite: Plattformlinks mittig === */
.spaer-episodes-page .spaer-platform-strip {
  justify-content: center !important;
  text-align: center !important;
}

.spaer-episodes-page .intro-panel {
  text-align: center !important;
}

.spaer-episodes-page .intro-panel .eyebrow,
.spaer-episodes-page .intro-panel h1,
.spaer-episodes-page .intro-panel p {
  text-align: center !important;
}

/* === Hauptmenü Desktop zentrieren === */
@media (min-width: 821px) {
  .spaer-main-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .spaer-main-nav ul,
  .spaer-main-nav .menu,
  .spaer-main-nav > div {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: .35rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .spaer-main-nav a {
    text-align: center !important;
    white-space: nowrap !important;
  }
}

/* === SPÄR Mobile Menü Hardfix === */
@media (min-width: 821px) {
  .spaer-burger {
    display: none !important;
  }

  .spaer-main-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

@media (max-width: 820px) {
  body {
    overflow-x: hidden !important;
  }

  .spaer-burger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 999px !important;
    border: 1px solid var(--border, rgba(31,41,51,.14)) !important;
    background: var(--panel, #fffaf2) !important;
    color: var(--text, #1f2933) !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    z-index: 10001 !important;
  }

  .spaer-main-nav {
    display: none !important;
    position: absolute !important;
    left: 1rem !important;
    right: 1rem !important;
    top: calc(100% + .75rem) !important;
    z-index: 10000 !important;
    background: var(--panel, #fffaf2) !important;
    border: 1px solid var(--border, rgba(31,41,51,.14)) !important;
    border-radius: 1.4rem !important;
    padding: .8rem !important;
    box-shadow: 0 20px 60px rgba(31,41,51,.18) !important;
  }

  .spaer-main-nav.is-open,
  body.spaer-menu-open .spaer-main-nav {
    display: block !important;
  }

  .spaer-main-nav ul,
  .spaer-main-nav .menu,
  .spaer-main-nav > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .4rem !important;
    width: 100% !important;
  }

  .spaer-main-nav a {
    display: block !important;
    width: 100% !important;
    padding: .85rem 1rem !important;
    text-align: center !important;
    border-radius: 999px !important;
    text-decoration: none !important;
  }

  [data-theme="dark"] .spaer-burger,
  [data-theme="dark"] .spaer-main-nav {
    background: rgba(17, 24, 39, .96) !important;
    color: rgba(255,255,255,.92) !important;
    border-color: rgba(255,255,255,.14) !important;
  }
}

/* === SPÄR dynamisches Hauptmenü aus TYPO3-Seitenbaum === */
.spaer-main-nav ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: .35rem !important;
}

.spaer-main-nav li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.spaer-main-nav .is-current > a,
.spaer-main-nav .is-active > a {
  background: rgba(80, 167, 194, .18) !important;
}

@media (max-width: 820px) {
  .spaer-main-nav ul {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  .spaer-main-nav li,
  .spaer-main-nav a {
    width: 100% !important;
  }
}