@import url("../../fonts/fonts.css");
/* Die Neue Zeit TV – plantilla Sitehold (diseño A5 «Hellblau»). Generado por make_plantilla.py. */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Raleway,system-ui,sans-serif;font-variant-numeric:lining-nums;font-size:17px;line-height:1.6;color:var(--text);background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
section{padding:88px 0}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--akzent);margin-bottom:14px}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(30px,4vw,44px);margin:0}
.sec-head p{margin:0;max-width:520px;color:var(--leise)}
/* Kopf */
.kopf{--kopf-h:78px}@media (max-width:560px){.kopf{--kopf-h:68px}}
.kopf{position:sticky;top:0;z-index:50;background:var(--kopf-bg);border-bottom:1px solid var(--linie)}
.kopf-in{display:flex;align-items:center;gap:28px;height:78px}
.marke img{height:46px;width:auto}
.menu{display:flex;align-items:center;gap:4px;margin-left:auto}
.menu a{text-decoration:none;font-size:14px;font-weight:600;padding:10px 12px;color:var(--kopf-text);border-radius:6px}
.menu a:hover{background:var(--hover)}
.menu a.spenden-btn{background:var(--btn-bg);color:var(--btn-text);padding:10px 18px;margin-left:8px}
.burger{display:none;margin-left:auto;width:46px;height:46px;border:0;background:transparent;cursor:pointer;position:relative}
.burger span,.burger::before,.burger::after{content:"";position:absolute;left:11px;right:11px;height:2px;background:var(--kopf-text);transition:.25s}
.burger span{top:22px}.burger::before{top:15px}.burger::after{top:29px}
.menu-offen .burger span{opacity:0}.menu-offen .burger::before{top:22px;transform:rotate(45deg)}.menu-offen .burger::after{top:22px;transform:rotate(-45deg)}
/* Player */
.player{position:relative;border-radius:var(--r);overflow:hidden;background:#0b0f2e;box-shadow:0 30px 60px -20px rgba(8,12,50,.55)}
.player video{display:block;width:100%;aspect-ratio:16/9;background:#0b0f2e}
.live-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;background:rgba(10,14,48,.72);color:#fff;font-size:12px;font-weight:700;letter-spacing:.14em;padding:6px 12px;border-radius:99px;pointer-events:none}
.live-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#e8414b;box-shadow:0 0 0 3px rgba(232,65,75,.3)}
.radio{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--r);background:var(--radio-bg);color:var(--radio-text)}
.radio-btn{flex:none;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;background:var(--btn-bg);position:relative}
.radio-btn::before{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-left:15px solid var(--btn-text);border-top:10px solid transparent;border-bottom:10px solid transparent;transform:translateX(2px)}
.radio.spielt .radio-btn::before{width:14px;height:18px;border:0;border-left:4px solid var(--btn-text);border-right:4px solid var(--btn-text);transform:none}
.radio-txt{display:flex;flex-direction:column;line-height:1.3}
.radio-titel{font-weight:700}
.radio-sub{font-size:14px;opacity:.75}
.eq{margin-left:auto;display:flex;gap:3px;align-items:end;height:22px}
.eq i{width:4px;background:currentColor;opacity:.5;border-radius:2px}
.eq i:nth-child(1){height:40%}.eq i:nth-child(2){height:80%}.eq i:nth-child(3){height:55%}.eq i:nth-child(4){height:100%}.eq i:nth-child(5){height:35%}
.radio.spielt .eq i{animation:eq 1s infinite alternate}.radio.spielt .eq i:nth-child(2n){animation-delay:-.4s}
@keyframes eq{to{height:20%}}
/* Aktuelles */
.aktuell-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}
.sendung:first-child{grid-row:span 2;justify-content:end;background:var(--top-bg);color:var(--top-text);min-height:340px}
.sendung:first-child h3{font-size:clamp(22px,2.2vw,28px)}
.sendung:first-child p,.sendung:first-child .nr{color:inherit;opacity:.85}
.sendung{padding:26px;border-radius:var(--r);background:var(--karte);border:1px solid var(--linie);display:flex;flex-direction:column}
.sendung .nr{font-size:13px;font-weight:700;color:var(--akzent);letter-spacing:.12em;margin-bottom:10px}
.sendung h3{font-size:19px;line-height:1.3}
.sendung p{font-size:15px;color:var(--leise);margin:0}
.hinweis{margin-top:28px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.hinweis p{margin:0;color:var(--leise)}
.link-btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;padding:12px 20px;border-radius:var(--r-btn);border:1.5px solid currentColor;color:var(--akzent);font-size:15px}
.link-btn::after{content:"→"}
/* Sendeformate */
.formate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.format{border-radius:var(--r);overflow:hidden;background:var(--karte);border:1px solid var(--linie);display:flex;flex-direction:column}
.format img{width:100%;aspect-ratio:4/3;object-fit:cover}
.format-body{padding:22px 22px 26px}
.format h3{font-size:22px}
.format ul{list-style:none;margin:0;padding:0}
.format li{font-size:15px;padding:8px 0;border-top:1px solid var(--linie);color:var(--leise)}
/* Programm */
.programm{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.plan-rahmen{display:block;background:#1b2160}
.plan{display:block;width:100%;height:720px;border:0}
.plan-pdf{font-weight:700;color:var(--akzent)}
.zeitleiste{list-style:none;margin:0;padding:0;border-left:2px solid var(--linie)}
.zeitleiste li{position:relative;padding:12px 0 12px 28px}
.zeitleiste li::before{content:"";position:absolute;left:-7px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--akzent)}
.zeitleiste li.jetzt::before{background:var(--akzent);box-shadow:0 0 0 5px var(--akzent-weich)}
.zeitleiste .zeit{font-weight:800;font-variant-numeric:tabular-nums;margin-right:12px;color:var(--akzent)}
.zeitleiste .titel{font-weight:700}
.zeitleiste .notiz{display:block;font-size:14px;color:var(--leise)}
.zeitleiste .jetzt-tag{display:none;margin-left:10px;font-size:11px;font-weight:800;letter-spacing:.12em;background:#e8414b;color:#fff;padding:2px 8px;border-radius:99px;vertical-align:2px}
.zeitleiste li.jetzt .jetzt-tag{display:inline-block}
.morgen{list-style:none;margin:8px 0 0;padding:0}
.morgen li{padding:2px 0!important;font-size:14px;color:var(--leise)}
.morgen li::before{display:none}
/* Empfang */
.empfang-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.weg{padding:28px 24px;border-radius:var(--r);background:var(--karte);border:1px solid var(--linie)}
.weg .ico{width:48px;height:48px;border-radius:12px;background:var(--akzent-weich);margin-bottom:18px;position:relative}
.weg .ico::after{content:"";position:absolute;inset:12px;background:var(--akzent);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.weg h3{font-size:19px;margin-bottom:4px}
.weg .daten{font-weight:700;font-size:14px;color:var(--akzent);margin-bottom:12px}
.weg p{font-size:15px;color:var(--leise);margin:0}
.reichweite{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.reichweite div{padding:22px 0;border-top:2px solid var(--akzent)}
.reichweite strong{display:block;font-size:40px;font-weight:800;line-height:1.1}
.reichweite span{color:var(--leise);font-size:15px}
.hotline{margin-top:24px;font-size:15px;color:var(--leise)}
/* App */
.app{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center}
.app-phone{width:220px;border-radius:30px;padding:10px;background:#111;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.app-phone img{border-radius:22px;width:100%}
.stores{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.store{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;text-decoration:none;padding:10px 18px;border-radius:10px;font-size:15px;font-weight:600}
.store::before{content:"";width:20px;height:20px;background:#fff;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
/* Philosophie */
.philo{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.philo blockquote{margin:0;font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.2;font-style:italic}
.philo-bild{border-radius:var(--r);overflow:hidden}
/* Spenden */
.spenden{background:var(--spenden-bg);color:var(--spenden-text)}
.spenden-in{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.spenden h2{font-size:clamp(28px,3.4vw,40px)}
.konten{display:grid;gap:16px}
.konto{padding:22px 24px;border-radius:var(--r);background:var(--konto-bg);border:1px solid var(--konto-linie)}
.konto h3{font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;opacity:.8}
.konto p{margin:0;font-size:15px}
.konto .iban{font-size:19px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}
/* Fuss */
.fuss{background:var(--fuss-bg);color:var(--fuss-text);padding:64px 0 28px}
.fuss-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
.fuss img{height:60px;width:auto;margin-bottom:18px}
.fuss h4{font-size:14px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:14px}
.fuss p{margin:0 0 4px;font-size:15px}
.fuss a{text-decoration:none}
.fuss a:hover{text-decoration:underline}
.kontakt-zeile{display:flex;gap:10px;align-items:center}
.kontakt-zeile::before{content:"";width:16px;height:16px;flex:none;background:currentColor;opacity:.7;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.fuss-unten{margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px;opacity:.8}
.fuss-unten nav{display:flex;gap:20px}
.mail-btn{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:12px 20px;border-radius:var(--r-btn);background:#e9ebf5;color:#1d256b!important;font-weight:700;font-size:15px}
.mail-btn::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
/* Icons (máscaras SVG, como en Bild und Ton) */
.i-sat{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 10a10 10 0 0 0 10 10L4 10z'/%3E%3Cpath d='M9 15l4-4M14 4a6 6 0 0 1 6 6M14 8a2 2 0 0 1 2 2'/%3E%3C/svg%3E")}
.i-kabel{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='2' y='5' width='20' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 18v3'/%3E%3C/svg%3E")}
.i-app{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2.5'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
.i-roku{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 3l14 9-14 9V3z'/%3E%3C/svg%3E")}
.i-tel{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E")}
.i-fax{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M6 9V3h12v6M6 18H4V9h16v9h-2M6 14h12v7H6z'/%3E%3C/svg%3E")}
.i-mail{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
.i-apple{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.4 12.6c0-2.4 2-3.5 2-3.6-1.1-1.6-2.8-1.8-3.4-1.8-1.4-.2-2.8.8-3.5.8s-1.9-.8-3.1-.8A4.6 4.6 0 0 0 4.5 9.6c-1.7 2.9-.4 7.2 1.2 9.6.8 1.2 1.8 2.5 3 2.4 1.2 0 1.7-.8 3.1-.8s1.9.8 3.1.8c1.3 0 2.1-1.2 2.9-2.4a10 10 0 0 0 1.3-2.7 4.2 4.2 0 0 1-2.7-3.9zM14.1 5.5A4.2 4.2 0 0 0 15.1 2.5a4.3 4.3 0 0 0-2.8 1.4 4 4 0 0 0-1 2.9 3.5 3.5 0 0 0 2.8-1.3z'/%3E%3C/svg%3E")}
.i-play{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3.5v17l8.6-8.5zM13.6 13l2.4 2.4-10 5.6zm0-2L6 3l10 5.6zM17 9.2l3.3 1.9a1 1 0 0 1 0 1.8L17 14.8 14.3 12z'/%3E%3C/svg%3E")}
@media (max-width:1080px){
 .aktuell-grid{grid-template-columns:1fr 1fr}.sendung:first-child{grid-row:auto;grid-column:1/-1;min-height:260px}
 .menu a{padding:8px 8px;font-size:13px}
 .formate-grid,.empfang-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
 .burger{display:block}
 .menu{display:none;position:fixed;inset:78px 0 0;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 40px;background:var(--menu-bg);overflow:auto}
 .menu-offen .menu{display:flex}
 .menu a{font-size:22px;padding:16px 4px;border-bottom:1px solid var(--linie);border-radius:0;color:var(--menu-text)}
 .menu a.spenden-btn{margin:20px 0 0;text-align:center;border-radius:var(--r-btn);border:0}
 .programm,.philo,.spenden-in,.app{grid-template-columns:1fr;gap:36px}
 .app-phone{width:170px}
 section{padding:64px 0}
 .fuss-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
 body{font-size:16px}
 .wrap{width:calc(100% - 32px)}
 .formate-grid,.empfang-grid,.reichweite,.aktuell-grid{grid-template-columns:1fr}
 .reichweite{gap:0}
 .kopf-in{height:68px}.marke img{height:38px}
 .menu{inset:68px 0 0}
 .konto .iban{font-size:16px}
 .plan{height:640px}
 .radio{padding:12px}
 .eq{display:none}
}

:root{--bg:#0d1236;--text:#e9ebf5;--leise:#a9aed0;--akzent:#c9cde3;--akzent-weich:rgba(201,205,227,.14);
--linie:rgba(201,205,227,.14);--karte:#141a48;--r:14px;--r-btn:99px;--kopf-bg:rgba(13,18,54,.92);--kopf-text:#e9ebf5;
--hover:rgba(255,255,255,.08);--btn-bg:#e9ebf5;--btn-text:#1d256b;--menu-bg:#0d1236;--menu-text:#fff;
--radio-bg:#1d256b;--radio-text:#fff;--top-bg:linear-gradient(160deg,#2b3590,#1d256b);--top-text:#fff;--spenden-bg:linear-gradient(120deg,#242c77,#1d256b 60%,#151c58);--spenden-text:#fff;
--konto-bg:rgba(255,255,255,.07);--konto-linie:rgba(255,255,255,.15);--fuss-bg:#080b26;--fuss-text:#d6d9ea}
.hero{padding:72px 0 96px;background:linear-gradient(180deg,#0d1236 0%,rgba(13,18,54,.75) 45%,rgba(13,18,54,.2) 80%,#0d1236),url(../../images/bild-neuer-stern.jpg) center bottom/cover}
.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(44px,6vw,76px);font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.hero .claim{font-size:clamp(19px,1.8vw,23px);color:var(--akzent);font-weight:500;margin-bottom:22px}
.hero .lead{color:var(--leise);margin-bottom:30px}
.aktuell{background:#0a0f2d}
.sendung{background:linear-gradient(180deg,#161d50,#11173f)}
.format img{filter:saturate(.95)}
.programm-wrap{background:#0a0f2d}
.philo-bild img{width:100%;aspect-ratio:4/3;object-fit:cover}
.app-sec{background:linear-gradient(180deg,#0d1236,#141a48)}
.store{background:#e9ebf5;color:#1d256b}.store::before{background:#1d256b}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero{padding:40px 0 56px}}

.player,.live-badge,.radio,.radio-btn,.sendung,.format,.weg,.weg .ico,.konto,.link-btn,.store,.mail-btn,
.menu a,.menu a.spenden-btn,.philo-bild,.hero-karte,.app-phone,.app-phone img,.plan-rahmen{border-radius:0!important}

main>section .sendung{background:var(--karte)}
main>section .sendung:first-child{background:linear-gradient(160deg,#3a46a8,#242c77);color:#fff}
.store{background:#fff;color:#1d256b}.store::before{background:#1d256b}
main>section.aktuell{background:#dfe3f5;color:#141a4f;--text:#141a4f;--leise:#3f4777;--akzent:#1d256b;--akzent-weich:rgba(29,37,107,.1);--linie:rgba(29,37,107,.16);--karte:rgba(255,255,255,.45)}
main>section.programm-wrap{background:#1d256b;color:#eef0fa;--text:#eef0fa;--leise:#c3c8e6;--akzent:#dfe3f7;--akzent-weich:rgba(223,227,247,.14);--linie:rgba(223,227,247,.16);--karte:rgba(255,255,255,.06)}
main>section.formate-sec{background:#cdd4ef;color:#141a4f;--text:#141a4f;--leise:#3f4777;--akzent:#1d256b;--akzent-weich:rgba(29,37,107,.1);--linie:rgba(29,37,107,.16);--karte:rgba(255,255,255,.45)}
main>section.empfang-sec{background:#dfe3f5;color:#141a4f;--text:#141a4f;--leise:#3f4777;--akzent:#1d256b;--akzent-weich:rgba(29,37,107,.1);--linie:rgba(29,37,107,.16);--karte:rgba(255,255,255,.45)}
main>section.app-sec{background:#242c77;color:#eef0fa;--text:#eef0fa;--leise:#c3c8e6;--akzent:#dfe3f7;--akzent-weich:rgba(223,227,247,.14);--linie:rgba(223,227,247,.16);--karte:rgba(255,255,255,.06)}
main>section#philosophie{background:#cdd4ef;color:#141a4f;--text:#141a4f;--leise:#3f4777;--akzent:#1d256b;--akzent-weich:rgba(29,37,107,.1);--linie:rgba(29,37,107,.16);--karte:rgba(255,255,255,.45)}
main>section.spenden{background:#1d256b;color:#eef0fa;--text:#eef0fa;--leise:#c3c8e6;--akzent:#dfe3f7;--akzent-weich:rgba(223,227,247,.14);--linie:rgba(223,227,247,.16);--karte:rgba(255,255,255,.06)}

.fuss{background:#141a4f}
main>section .sendung:first-child{color:#fff}
.formate-sec .format,.empfang-sec .weg{background:#eef0fa;border-color:transparent}
.aktuell .sendung:not(:first-child){background:#eef0fa;border-color:transparent}
.spenden .link-btn{color:#fff;margin-top:8px}
main>section.sp-intro{background:#dfe3f5;color:#141a4f;--text:#141a4f;--leise:#3f4777;--akzent:#1d256b;--akzent-weich:rgba(29,37,107,.1);--linie:rgba(29,37,107,.16);--karte:rgba(255,255,255,.45)}
main>section.sp-brief{background:#1d256b;color:#eef0fa;--text:#eef0fa;--leise:#c3c8e6;--akzent:#dfe3f7;--akzent-weich:rgba(223,227,247,.14);--linie:rgba(223,227,247,.16);--karte:rgba(255,255,255,.06)}
main>section.sp-konten{background:#cdd4ef;color:#141a4f;--text:#141a4f;--leise:#3f4777;--akzent:#1d256b;--akzent-weich:rgba(29,37,107,.1);--linie:rgba(29,37,107,.16);--karte:rgba(255,255,255,.45)}

.seite-hero{padding:96px 0 84px;color:#fff;background:linear-gradient(100deg,rgba(13,18,54,.96) 0%,rgba(29,37,107,.85) 50%,rgba(29,37,107,.35)),url(../../images/bild-neuer-stern.jpg) center 60%/cover}
.seite-hero h1{font-size:clamp(40px,6vw,68px);margin:0 0 12px}
.seite-hero .eyebrow{color:#c9cde3}
.seite-hero p{max-width:620px;font-size:20px;color:#dfe2f2;margin:0}
.seite-hero .krumen{font-size:14px;margin-bottom:26px;color:#c9cde3}.krumen a{color:#fff}
.sp-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.sp-intro h2,.sp-konten h2{font-size:clamp(28px,3.4vw,40px)}
.sp-intro p{color:var(--leise)}
.sp-bild img{width:100%;aspect-ratio:4/5;object-fit:cover;box-shadow:24px 24px 0 #1d256b}
.sp-brief .wrap{max-width:860px}
.sp-brief h2{font-size:clamp(24px,3vw,34px);font-style:italic;font-weight:600;margin-bottom:22px}
.sp-brief p{font-size:19px;line-height:1.75;color:#dfe2f2}
.sp-brief .dank{font-size:22px;font-weight:700;color:#fff;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}
.sp-konten-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sp-konten .konto{background:#eef0fa;border:0;border-top:4px solid #1d256b;padding:30px 32px}
.sp-konten .konto h3{color:#1d256b;opacity:1}
.sp-konten .konto .iban{font-size:22px;margin:14px 0 4px;color:#141a4f}
.paypal-btn{display:inline-flex;margin-top:22px;padding:13px 22px;background:#1d256b;color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.paypal-btn::after{content:"→";margin-left:10px}
@media (max-width:900px){.sp-intro-grid,.sp-konten-grid{grid-template-columns:1fr;gap:32px}.sp-bild{max-width:420px}}
@media (max-width:560px){.seite-hero{padding:64px 0 56px}.sp-konten .konto{padding:24px 20px}.sp-konten .konto .iban{font-size:17px}.sp-bild img{box-shadow:12px 12px 0 #1d256b}}

@media (max-width:900px){
 body.menu-offen{overflow:hidden}
 .burger{z-index:3}
 .menu{display:flex;position:fixed;inset:var(--kopf-h) 0 0;flex-direction:column;align-items:stretch;gap:0;
  padding:30px 24px 48px;overflow:auto;isolation:isolate;background:#0d1236;counter-reset:mm;visibility:hidden;
  clip-path:circle(0 at calc(100% - 42px) 0);transition:clip-path .55s cubic-bezier(.65,0,.35,1),visibility 0s linear .55s}
 .menu-offen .menu{visibility:visible;clip-path:circle(150vmax at calc(100% - 42px) 0);transition:clip-path .7s cubic-bezier(.65,0,.35,1)}
 .menu::before{content:"";position:absolute;inset:-40px;z-index:-2;background:url(../../images/bild-neuer-stern.jpg) center bottom/cover;
  filter:blur(3px) saturate(1.2);animation:mm-zoom 26s ease-in-out infinite alternate}
 .menu::after{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(55% 40% at 80% 8%,rgba(150,165,255,.38),transparent 70%),
   linear-gradient(175deg,rgba(13,18,54,.94) 0%,rgba(29,37,107,.82) 50%,rgba(36,44,119,.3) 100%);
  background-size:180% 180%,100% 100%;animation:mm-glanz 11s ease-in-out infinite alternate}
 .menu a{counter-increment:mm;display:flex;align-items:baseline;gap:18px;font-size:clamp(24px,7vw,30px);font-weight:700;
  letter-spacing:-.01em;padding:15px 2px;color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(201,205,227,.2);
  border-radius:0;opacity:0;transform:translateY(24px);transition:opacity .45s,transform .5s cubic-bezier(.2,.7,.2,1),padding-left .25s}
 .menu a::before{content:"0" counter(mm);font-size:12px;font-weight:700;letter-spacing:.18em;color:#9aa3e0;min-width:24px}
 .menu a:hover,.menu a:focus-visible{background:transparent;padding-left:12px}
 .menu-offen .menu a{opacity:1;transform:none}
 .menu-offen .menu a:nth-child(1){transition-delay:.18s,.18s,0s}.menu-offen .menu a:nth-child(2){transition-delay:.24s,.24s,0s}
 .menu-offen .menu a:nth-child(3){transition-delay:.3s,.3s,0s}.menu-offen .menu a:nth-child(4){transition-delay:.36s,.36s,0s}
 .menu-offen .menu a:nth-child(5){transition-delay:.42s,.42s,0s}.menu-offen .menu a:nth-child(6){transition-delay:.48s,.48s,0s}
 .menu-offen .menu a:nth-child(7){transition-delay:.54s,.54s,0s}.menu-offen .menu a:nth-child(8){transition-delay:.6s,.6s,0s}
 .menu-offen .menu a:nth-child(9){transition-delay:.66s,.66s,0s}
 .menu a.spenden-btn{justify-content:center;margin:30px 0 0;padding:17px;background:#e9ebf5;color:#1d256b;font-size:17px;border:0}
 .menu a.spenden-btn::before{content:none}
 .menu-offen .kopf{background:#0d1236}
}
@keyframes mm-zoom{from{transform:scale(1.08)}to{transform:scale(1.3) translate(-4%,3%)}}
@keyframes mm-glanz{from{background-position:0 0,0 0}to{background-position:100% 100%,0 0}}
@media (prefers-reduced-motion:reduce){.menu,.menu a,.menu::before,.menu::after{transition:none!important;animation:none!important}}
main>section.s-hell1{background:#dfe3f5;color:#141a4f;--text:#141a4f;--leise:#3f4777;--akzent:#1d256b;--akzent-weich:rgba(29,37,107,.1);--linie:rgba(29,37,107,.16);--karte:rgba(255,255,255,.45)}
main>section.s-hell2{background:#cdd4ef;color:#141a4f;--text:#141a4f;--leise:#3f4777;--akzent:#1d256b;--akzent-weich:rgba(29,37,107,.1);--linie:rgba(29,37,107,.16);--karte:rgba(255,255,255,.45)}
main>section.s-marine{background:#1d256b;color:#eef0fa;--text:#eef0fa;--leise:#c3c8e6;--akzent:#dfe3f7;--akzent-weich:rgba(223,227,247,.14);--linie:rgba(223,227,247,.16);--karte:rgba(255,255,255,.06)}
main>section.s-app{background:#242c77;color:#eef0fa;--text:#eef0fa;--leise:#c3c8e6;--akzent:#dfe3f7;--akzent-weich:rgba(223,227,247,.14);--linie:rgba(223,227,247,.16);--karte:rgba(255,255,255,.06)}
.seite-hero.bg-bild-neuer-stern{background:linear-gradient(100deg,rgba(13,18,54,.96) 0%,rgba(29,37,107,.85) 50%,rgba(29,37,107,.35)),url(../../images/bild-neuer-stern.jpg) center 55%/cover}
.seite-hero.bg-bild-meditationen{background:linear-gradient(100deg,rgba(13,18,54,.96) 0%,rgba(29,37,107,.85) 50%,rgba(29,37,107,.35)),url(../../images/bild-meditationen.jpg) center 55%/cover}
.seite-hero.bg-bild-natur-tiere{background:linear-gradient(100deg,rgba(13,18,54,.96) 0%,rgba(29,37,107,.85) 50%,rgba(29,37,107,.35)),url(../../images/bild-natur-tiere.jpg) center 55%/cover}
.seite-hero.bg-bild-lebenshilfe{background:linear-gradient(100deg,rgba(13,18,54,.96) 0%,rgba(29,37,107,.85) 50%,rgba(29,37,107,.35)),url(../../images/bild-lebenshilfe.jpg) center 55%/cover}
.seite-hero.bg-bild-kinder{background:linear-gradient(100deg,rgba(13,18,54,.96) 0%,rgba(29,37,107,.85) 50%,rgba(29,37,107,.35)),url(../../images/bild-kinder.jpg) center 55%/cover}
.seite-hero.bg-bild-zeitgeschehen{background:linear-gradient(100deg,rgba(13,18,54,.96) 0%,rgba(29,37,107,.85) 50%,rgba(29,37,107,.35)),url(../../images/bild-zeitgeschehen.jpg) center 55%/cover}

/* ── Ajustes de la plantilla Sitehold sobre el diseño A5 ── */
/* Reproductor de Sitehold con el aspecto del diseño: marino, esquinas rectas, sin la etiqueta «En emisión»
   (va vacía desde pipeline.py; la marca LIVE es la del propio diseño, arriba a la izquierda). */
.wb-player{--wb-player-accent:#3a46a8;--wb-player-bar:#141a4f}
.player .wb-player{padding:0}
.player .live-badge{z-index:3}
/* El botón grande de Sitehold va centrado y tapaba el rótulo del logo en el póster: se baja al tercio inferior. */
.player .wb-player-big{top:80%}
/* En la barra de la radio la barra de volumen abierta apretaba el texto «Web-Radio · live»: solo play y silencio. */
.radio .wb-player-vol{display:none}
.wb-player-golive{display:none!important}
.radio .wb-player{padding:0;flex:none}
.radio .wb-player-bar{background:transparent;padding:0;gap:4px;border-radius:0}
.radio .wb-pb-round{width:52px;height:52px;min-width:52px;border-radius:0;background:var(--btn-bg);color:var(--btn-text)}
.radio .wb-pb-round:hover{background:#c9cde3}
.radio .wb-pb-round svg{width:24px;height:24px}
.radio .wb-player-live{display:none!important}
.radio:has(.wb-player.is-playing) .eq i{animation:eq 1s infinite alternate}
.radio:has(.wb-player.is-playing) .eq i:nth-child(2n){animation-delay:-.4s}
.radio-txt{min-width:0}
/* Menú: página actual */
.menu a.aktiv{background:var(--hover)}
@media (max-width:900px){.menu a.aktiv{background:transparent;color:#c9d0ff}.menu a.aktiv::before{color:#fff}}
/* Subpáginas: cabecera con foto, migas */
.seite-hero.schlicht{background:linear-gradient(120deg,#141a4f,#1d256b 60%,#242c77);padding:80px 0 64px}
.krumen a{text-decoration:none}.krumen a:hover{text-decoration:underline}
.sub-lead{max-width:760px;color:var(--leise);margin-bottom:36px}
/* Sendeformate: tarjetas con enlace y subpáginas */
.format-body .link-btn{margin-top:18px}
.format h3 a{text-decoration:none}.format h3 a:hover{text-decoration:underline}
.rubriken{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.rubriken a{padding:10px 18px;background:#eef0fa;color:#1d256b;font-weight:700;font-size:15px;text-decoration:none}
.rubriken a:hover{background:#fff}
.rubriken a.aktiv{background:#1d256b;color:#fff}
.sendungen{display:grid;gap:28px;max-width:900px}
.sz{background:#eef0fa}
.sz img{width:100%;aspect-ratio:870/223;object-fit:cover}
.sz-text{padding:28px 34px 30px}
.sz h2{font-size:clamp(22px,2.6vw,28px);color:#1d256b}
.sz p{margin:0;color:var(--leise)}
/* Web-TV & Radio */
.live-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:48px;align-items:center}
.live-grid h2{font-size:clamp(28px,3.4vw,40px)}
.live-grid h3{font-size:20px;margin-top:28px}
.live-grid p{color:var(--leise)}
.s-marine .radio{background:rgba(255,255,255,.08)}
.app-text p{color:var(--leise)}
/* Empfang en detalle */
.empfang-text{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.etext{background:#eef0fa;padding:30px 32px;border-top:4px solid #1d256b}
.etext h3{font-size:22px;color:#1d256b;margin-bottom:14px}
.etext p,.etext li{font-size:16px;color:var(--leise)}
.etext p strong{color:var(--text)}
.etext ul{margin:0 0 1em;padding-left:20px}
.etext .stores{margin:6px 0 0}
/* Philosophie */
.philo-bild img{width:100%;aspect-ratio:4/3;object-fit:cover}
/* Kontakt */
.kontakt-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.kontakt-grid h2{font-size:clamp(28px,3.4vw,40px)}
.kontakt-grid .lead{color:var(--leise);font-size:19px}
.kkarte{background:#eef0fa;padding:32px 34px;border-top:4px solid #1d256b}
.kkarte h3{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#1d256b;margin-bottom:12px}
.kkarte p{margin:0 0 4px}
.kkarte .kontakt-zeile{margin-top:10px}
.kkarte a{color:#1d256b;font-weight:700}
.kontakt-sec .mail-btn{background:#1d256b;color:#fff!important}
/* Spenden (enlace al final de Web-TV y Kontakt) */
.spenden.teaser .wrap{max-width:900px}
.spenden.teaser h2{margin-bottom:16px}
.spenden.teaser .link-btn{color:#fff;margin-top:8px}
/* Impressum / Datenschutz */
.legal-in{max-width:820px}
.legal-in h2{font-size:22px;color:#1d256b;margin:30px 0 10px}
.legal-in h2:first-child{margin-top:0}
.legal-in p{color:var(--leise)}
@media (max-width:900px){.live-grid,.empfang-text,.kontakt-grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:560px){.sz-text,.etext,.kkarte{padding:22px 20px}.rubriken a{padding:9px 13px;font-size:14px}}