@import url("../../fonts/fonts.css");
/* Sender Neu Jerusalem – Gabriele TV · plantilla Sitehold (diseño A3 «Weltweit»). 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:Merriweather,Georgia,serif;font-weight:300;font-size:16px;line-height:1.75;color:var(--text);background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:Montserrat,system-ui,sans-serif;line-height:1.2;margin:0 0 .5em;font-weight:600}
p{margin:0 0 1em}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
section{padding:88px 0}
.eyebrow{display:inline-block;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gruen);margin-bottom:12px}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(28px,3.6vw,40px);margin:0;font-weight:var(--h2-w,500)}
.sec-head p{margin:0;max-width:520px;color:var(--leise);font-size:15px}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;text-decoration:none;padding:13px 22px;border-radius:var(--r-btn);background:var(--gruen);color:#fff;border:0;cursor:pointer}
.btn-rand{background:transparent;color:var(--gruen);box-shadow:inset 0 0 0 1.5px currentColor}
/* Kopf */
.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:22px;height:84px}
.marke img{height:56px;width:auto}
.menu{display:flex;align-items:center;gap:2px;margin-left:auto;font-family:Montserrat,sans-serif}
.menu a{text-decoration:none;font-size:14px;font-weight:500;padding:10px 12px;color:var(--kopf-text);border-radius:6px}
.menu a:hover{color:var(--gruen)}
.menu a.spenden-btn{background:var(--gruen);color:#fff;padding:10px 18px;margin-left:6px;border-radius:var(--r-btn)}
.sprache{font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;color:var(--kopf-text);border:1px solid var(--linie);border-radius:99px;padding:6px 12px;display:flex;gap:6px;align-items:center;text-decoration:none}
.sprache::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--m-globus) center/contain no-repeat;mask:var(--m-globus) center/contain no-repeat}
.sprachwahl{position:relative}
.sprachwahl summary{list-style:none;cursor:pointer}
.sprachwahl summary::-webkit-details-marker{display:none}
.sprachliste{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;background:#fff;border:1px solid #e3e8d8;border-radius:10px;box-shadow:0 16px 40px -12px rgba(0,0,0,.25);padding:6px;display:flex;flex-direction:column;z-index:60}
.sprachliste a{color:#3b3f36;text-decoration:none;font:500 14px Montserrat,sans-serif;padding:9px 12px;border-radius:6px}
.sprachliste a:hover,.sprachliste a.aktiv{background:#f2f6e8;color:#5d7a20}
.sprachliste a[lang=ar]{font-family:system-ui,sans-serif;text-align:right}
.burger{display:none;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:#1d2a12;box-shadow:0 30px 60px -24px rgba(30,45,10,.5)}
.player video{display:block;width:100%;aspect-ratio:16/9;background:#1d2a12}
.live-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;background:rgba(20,30,10,.7);color:#fff;font:700 12px Montserrat,sans-serif;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:14px;padding:12px 16px;border-radius:var(--r);background:var(--radio-bg);color:var(--radio-text);font-family:Montserrat,sans-serif}
.radio-btn{flex:none;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:var(--gruen);position:relative}
.radio-btn::before{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;transform:translateX(2px)}
.radio.spielt .radio-btn::before{width:13px;height:16px;border:0;border-left:4px solid #fff;border-right:4px solid #fff;transform:none}
.radio-txt{display:flex;flex-direction:column;line-height:1.35}
.radio-titel{font-weight:600;font-size:15px}
.radio-sub{font-size:13px;opacity:.75}
/* Mediathek */
.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.chip{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;padding:9px 14px;border-radius:99px;border:1px solid var(--linie);background:var(--chip-bg);color:var(--text);cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.chip .zahl{font-weight:500;opacity:.6;font-size:12px}
.chip.aktiv{background:var(--gruen);border-color:var(--gruen);color:#fff}
.vids{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vid{text-decoration:none;display:flex;flex-direction:column;gap:10px}
.vid-bild{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:#dfe7cc}
.vid-bild img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vid:hover .vid-bild img{transform:scale(1.05)}
.vid-bild::after{content:"";position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92) no-repeat 55% 50%/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M0 0l10 6-10 6z' fill='%2386ab38'/%3E%3C/svg%3E");box-shadow:0 4px 12px rgba(0,0,0,.25)}
.vid-serie{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gruen)}
.vid-titel{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;line-height:1.35;color:var(--text)}
html.js .vid.aus{display:none}
.mehr{margin-top:34px;text-align:center}
#vbox{width:min(1000px,94vw);padding:0;border:0;border-radius:12px;background:#111;color:#fff;overflow:hidden}
#vbox::backdrop{background:rgba(10,15,5,.82)}
#vbox video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.vbox-leiste{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-family:Montserrat,sans-serif}
.vbox-titel{margin:0;font-weight:600}
.vbox-zu{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:99px;padding:8px 16px;cursor:pointer;font:600 13px Montserrat,sans-serif}
/* App */
.app{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.app-phone{width:200px}
.app h2{font-size:clamp(28px,3.6vw,40px)}
.stores{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.store{display:inline-flex;align-items:center;gap:10px;background:#111;color:#fff;text-decoration:none;padding:10px 18px;border-radius:10px;font:600 14px Montserrat,sans-serif}
/* Themen */
.themen{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.thema{border-radius:var(--r);overflow:hidden;background:var(--karte);border:1px solid var(--linie)}
.thema img{width:100%;aspect-ratio:800/257;object-fit:cover}
.thema-body{padding:22px 24px 26px}
.thema h3{font-size:19px;margin-bottom:10px}
.thema p{font-size:14.5px;color:var(--leise);margin:0}
/* Sender */
.sender-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.sender{border-radius:var(--r);background:var(--karte);border:1px solid var(--linie);overflow:hidden;display:flex;flex-direction:column}
.sender-kopf{display:flex;gap:18px;align-items:center;padding:22px 24px 0}
.sender-kopf img{width:64px;height:auto;flex:none}
.sender h3{font-size:17px;margin:0 0 6px}
.sprachen-tag{display:inline-block;font:600 12px Montserrat,sans-serif;padding:3px 10px;border-radius:99px;background:var(--tag-bg);color:var(--tag-text)}
.sender.blau{--gruen:#43a3ce;--tag-bg:#e2f1f8;--tag-text:#1f6f93}
.sender-body{padding:16px 24px 24px;flex:1}
.sender-body p{font-size:14.5px;color:var(--leise)}
.sender details{border-top:1px solid var(--linie);padding:14px 24px}
.sender summary{cursor:pointer;font:600 14px Montserrat,sans-serif;color:var(--gruen)}
.freq{list-style:none;margin:12px 0 0;padding:0;font:500 13.5px Montserrat,sans-serif;font-variant-numeric:tabular-nums}
.freq li{padding:5px 0;border-bottom:1px dashed var(--linie)}
.sender .karte{aspect-ratio:3/2;object-fit:cover;width:100%}
.schema{font-size:13.5px!important;font-style:italic}
/* Spenden / Kooperation */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.duo>div{border-radius:var(--r);padding:40px}
.spenden-box{background:var(--spenden-bg);color:var(--spenden-text)}
.koop-box{background:var(--karte);border:1px solid var(--linie)}
.duo h2{font-size:clamp(24px,2.8vw,32px)}
.konto{margin-top:20px;padding:18px 20px;border-radius:calc(var(--r) - 4px);background:rgba(255,255,255,.14);font-family:Montserrat,sans-serif}
.konto p{margin:0;font-size:14px}
.konto .iban{font-size:18px;font-weight:700;letter-spacing:.03em}
/* Fuss */
.fuss{background:var(--fuss-bg);color:var(--fuss-text);padding:64px 0 28px;font-size:15px}
.fuss-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.fuss h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin-bottom:14px}
.fuss p{margin:0 0 4px}
.fuss a{text-decoration:none}
.fuss .logos{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.fuss .logos img{width:58px;height:auto}
.kz{display:flex;gap:10px;align-items:center}
.kz::before{content:"";width:15px;height:15px;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:44px;padding-top:20px;border-top:1px solid rgba(127,127,127,.25);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font:500 13px Montserrat,sans-serif;opacity:.85}
.fuss-unten nav{display:flex;gap:20px}
.plan-rahmen{background:#86ab38}
.plan{display:block;width:100%;height:720px;border:0}
:root{--m-globus: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%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3.5 3 14.5 0 18M12 3c-3 3.5-3 14.5 0 18'/%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")}
@media (max-width:1080px){.vids{grid-template-columns:repeat(3,1fr)}.menu a{padding:8px 8px;font-size:13px}}
@media (max-width:960px){
 .burger{display:block}
 .menu{display:none;position:fixed;inset:84px 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:21px;padding:16px 4px;border-bottom:1px solid var(--linie);border-radius:0}
 .menu a.spenden-btn{margin:20px 0 0;text-align:center;border:0}
 .sprachwahl{margin-left:auto}
 .themen,.sender-grid,.duo,.hero-grid{grid-template-columns:1fr}
 .hero-grid{gap:32px}
 .vids{grid-template-columns:repeat(2,1fr)}
 section{padding:64px 0}
 .fuss-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
 body{font-size:15px}
 .wrap{width:calc(100% - 32px)}
 .kopf-in{height:70px;gap:10px}.marke img{height:42px}.menu{inset:70px 0 0}
 .sprache{padding:5px 9px}
 .vids{gap:16px 12px}
 .vid-titel{font-size:13.5px}
 html.js .vid.aus-m{display:none}
 .duo>div{padding:26px 22px}
 .app{grid-template-columns:1fr}.app-phone{width:150px}
 .konto .iban{font-size:16px}
 .filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .plan{height:640px}
 .chip{font-size:12px;padding:8px 11px;border-radius:10px;justify-content:space-between;text-align:left;line-height:1.3}
 .chip[data-serie=alle]{grid-column:1/-1}
}

:root{--bg:#fff;--text:#3b3f36;--leise:#666b60;--gruen:#86ab38;--linie:#e3e8d8;--karte:#fff;--chip-bg:#fff;
--r:12px;--r-btn:99px;--kopf-bg:rgba(255,255,255,.96);--kopf-text:#3b3f36;--menu-bg:#fff;--radio-bg:#f2f6e8;--radio-text:#3b3f36;
--spenden-bg:#86ab38;--spenden-text:#fff;--fuss-bg:#2f3a22;--fuss-text:#e8eedc;--tag-bg:#eef4de;--tag-text:#5d7a20}
.hero{background:linear-gradient(180deg,#f4f8ea,#fff);padding:64px 0 80px}
.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(36px,4.8vw,58px);font-weight:300;letter-spacing:-.01em;color:#2f3a22}
.hero h1 strong{font-weight:600;color:var(--gruen)}
.hero .lead{color:var(--leise);font-size:16.5px}
.hero .radio{margin-top:24px}
.mediathek{background:#fff}
.app-sec{background:#f4f8ea}
.themen-sec{background:#fafbf6}
@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero{padding:44px 0 56px}}

.player,.live-badge,.radio,.radio-btn,.chip,.vid-bild,.vid-bild::after,.btn,.store,.thema,.sender,.sprache,.sprachliste,
.sprachliste a,.sprachen-tag,.konto,.duo>div,#vbox,.vbox-zu,.menu a.spenden-btn,.plan-rahmen{border-radius:0!important}

.mediathek{background:#f6f7f2}
.sender-sec{background:#eaf5fa;--linie:#cfe6f1}
.sender-sec .eyebrow{color:#2b86b0}
.sender-sec h2{color:#1f5f7d}
.sender{border:0}
.sender-grid{grid-template-columns:repeat(4,1fr)}
.sender-kopf{flex-direction:column;align-items:flex-start}
.spenden-box{background:#43a3ce}
.fuss{background:#1f4c61}
@media (max-width:1080px){.sender-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.sender-grid{grid-template-columns:1fr}}

.kopf{--kopf-h:84px}@media (max-width:560px){.kopf{--kopf-h:70px}}
@media (max-width:960px){
 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:#1f4c61;counter-reset:mm;visibility:hidden;
  clip-path:circle(0 at calc(100% - 40px) 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% - 40px) 0);transition:clip-path .7s cubic-bezier(.65,0,.35,1)}
 .menu::before{content:"";position:absolute;inset:-40px;z-index:-2;background:url(../../images/hero-baum.jpg) 70% center/cover;
  filter:blur(3px) saturate(1.15);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 85% 6%,rgba(134,171,56,.5),transparent 70%),
   linear-gradient(175deg,rgba(23,58,75,.95) 0%,rgba(31,76,97,.85) 50%,rgba(52,82,22,.35) 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(23px,6.6vw,28px);font-weight:600;
  padding:14px 2px;color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.18);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:counter(mm,decimal-leading-zero);font-size:12px;font-weight:700;letter-spacing:.18em;color:#b9d77a;min-width:24px}
 .menu a:hover,.menu a:focus-visible{color:#fff;padding-left:12px}
 .menu-offen .menu a{opacity:1;transform:none}
 .menu-offen .menu a:nth-child(1){transition-delay:0.18s,0.18s,0s}.menu-offen .menu a:nth-child(2){transition-delay:0.24s,0.24s,0s}.menu-offen .menu a:nth-child(3){transition-delay:0.30s,0.30s,0s}.menu-offen .menu a:nth-child(4){transition-delay:0.36s,0.36s,0s}.menu-offen .menu a:nth-child(5){transition-delay:0.42s,0.42s,0s}.menu-offen .menu a:nth-child(6){transition-delay:0.48s,0.48s,0s}.menu-offen .menu a:nth-child(7){transition-delay:0.54s,0.54s,0s}.menu-offen .menu a:nth-child(8){transition-delay:0.60s,0.60s,0s}.menu-offen .menu a:nth-child(9){transition-delay:0.66s,0.66s,0s}.menu-offen .menu a:nth-child(10){transition-delay:0.72s,0.72s,0s}
 .menu a.spenden-btn{justify-content:center;margin:30px 0 0;padding:17px;background:#86ab38;color:#fff;font-size:17px;border:0}
 .menu a.spenden-btn::before{content:none}
}
@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}}

/* ── Plantilla Sitehold sobre el diseño A3 «Weltweit» (make_plantilla.py) ── */
/* Reproductor de Sitehold con el aspecto del diseño: verde, esquinas rectas, sin «En emisión» (liveLabel vacío). */
.wb-player{--wb-player-accent:#86ab38;--wb-player-bar:#1d2a12}
.player .wb-player{padding:0}
.player .live-badge{z-index:3}
.player .wb-player-big{top:78%}
.wb-player-golive{display:none!important}
.radio{gap:16px}
.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:46px;height:46px;min-width:46px;border-radius:0;background:#86ab38;color:#fff}
.radio .wb-pb-round:hover{background:#6f9128}
.radio .wb-player-vol,.radio .wb-player-live{display:none!important}
.radio-txt{min-width:0}
/* Cabecera: página actual y selector de idioma */
.menu a.aktiv{color:var(--gruen)}
.marke img{width:auto}
.sprachliste a.aktiv{font-weight:700}
.sprachwahl:not([open]) .sprachliste{display:none}
/* Portada sin directo (en/it/fr): la foto del árbol en lugar del reproductor */
.hero-bild{margin:0;box-shadow:0 30px 60px -24px rgba(30,45,10,.5)}
.hero-bild img{width:100%;aspect-ratio:16/9;object-fit:cover}
/* Mediathek: en portada 8 vídeos (6 en el móvil) y enlace a la página de la Mediathek */
@media (max-width:560px){.vids.kurz .vid:nth-child(n+7){display:none}}
/* Columnas iguales: sin min-width:0, una palabra larga del título ensancha su columna (Mediateca es, 390 px) */
.vid{min-width:0}
.vid-titel,.vid-serie{overflow-wrap:anywhere}
/* Emblemas de los programas: los originales tienen proporciones distintas → misma caja, sin deformar */
.sender-kopf img{width:64px;height:76px;object-fit:contain}
.vids.kurz+.mehr{margin-top:34px}
#videos{scroll-margin-top:100px}
/* Subpáginas: cabecera clara con migas */
.seite-hero{background:linear-gradient(180deg,#f4f8ea,#fff);padding:56px 0 40px}
.seite-hero h1{font-size:clamp(32px,4.4vw,52px);font-weight:300;color:#2f3a22;margin:0}
.seite-hero .lead{color:var(--leise);max-width:760px;margin:16px 0 0}
.krumen{font:500 13px Montserrat,sans-serif;color:var(--leise);margin:0 0 14px}
.krumen a{text-decoration:none;color:var(--gruen)}
.sec-plain{padding-top:24px}
/* Series de la Mediathek (descripción + botón al filtro) */
.serien{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.serie{background:#fff;border:1px solid var(--linie);display:flex;flex-direction:column}
.serie img{width:100%;aspect-ratio:16/9;object-fit:cover}
.serie-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:0;flex:1}
.serie h3{font-size:18px}
.serie p{font-size:14.5px;color:var(--leise)}
.serie .btn{align-self:flex-start;margin-top:auto}
/* Temas en portada: foto + título, enlace a la página de temas */
.themen-kurz{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.thema-kurz{text-decoration:none;background:#fff;border:1px solid var(--linie);display:flex;flex-direction:column}
.thema-kurz img{width:100%;aspect-ratio:800/257;object-fit:cover}
.thema-kurz span{font:600 14px/1.35 Montserrat,sans-serif;padding:12px 14px 14px;color:var(--text);overflow-wrap:anywhere;hyphens:auto}
.thema-kurz:hover span{color:var(--gruen)}
.themen-sec .mehr{margin-top:28px;text-align:left}
.thema{scroll-margin-top:100px}
/* Sendeplan: un bloque por programa con sus PDF */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plan-karte{background:#fff;border-top:3px solid var(--gruen);padding:26px 26px 28px}
.plan-karte.blau{border-top-color:#43a3ce}
.plan-karte>img{width:64px;height:76px;object-fit:contain;margin-bottom:14px}
.plan-karte h2{font-size:19px;margin-bottom:16px}
.plan-karte h3{font:700 12px Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gruen);margin:22px 0 8px}
.plan-karte p{font-size:14.5px;color:var(--leise);margin-bottom:10px}
.pdfs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.pdf{display:inline-flex;align-items:center;gap:8px;font:600 13px Montserrat,sans-serif;text-decoration:none;padding:8px 12px;
 border:1px solid var(--linie);color:var(--text);background:#fafbf6}
.pdf::before{content:"PDF";font-size:10px;letter-spacing:.08em;background:#c0392b;color:#fff;padding:2px 5px}
.pdf:hover{border-color:var(--gruen);color:var(--gruen)}
.sendeplan-sec+.plan-sec{padding-top:0}
.plan-sec{background:#f4f8ea}
/* Frecuencias: las líneas a la vista */
.freq-offen{list-style:none;margin:6px 0 0;padding:0;font:500 13.5px Montserrat,sans-serif;font-variant-numeric:tabular-nums}
.freq-offen li{padding:6px 0;border-bottom:1px dashed var(--linie)}
/* Kooperation / Kontakt / Spenden */
.text-col{max-width:780px}
.text-col p{color:var(--leise)}
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.kkarte{background:#f4f8ea;padding:32px 34px;border-top:3px solid var(--gruen)}
.kkarte p{margin:0 0 8px}
.kkarte a{color:#4f6b1a;font-weight:600}
.spenden-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}
.spenden-grid .konto{background:#43a3ce;color:#fff;margin-top:0;padding:28px 30px}
.spenden-grid .konto p{font-size:15px;margin:0 0 6px}
.paypal{margin-top:22px}
/* Impressum / Datenschutz */
.legal-in{max-width:820px}
.legal-in h2{font-size:22px;margin:30px 0 10px;color:#2f3a22}
.legal-in h3{font-size:18px;margin:24px 0 8px}
.legal-in h4{font-size:16px;margin:18px 0 6px}
.legal-in p,.legal-in li{color:var(--leise);font-size:15.5px}
.legal-in a{color:#4f6b1a;word-break:break-word}
/* Pie */
.fuss .logos img{background:#fff;padding:4px}
.fuss-adr p{margin:0 0 4px}
/* es, ar, sw: cabecera sin menú */
.ohne-menu .kopf-in .sprachwahl{margin-left:auto}
/* Árabe: de derecha a izquierda (Sitehold no pone dir="rtl" en <html>) */
html:lang(ar) body,[dir=rtl]{direction:rtl}
html:lang(ar) body{font-family:system-ui,"Segoe UI",Tahoma,sans-serif}
html:lang(ar) h1,html:lang(ar) h2,html:lang(ar) h3,html:lang(ar) .vid-titel{font-family:system-ui,"Segoe UI",Tahoma,sans-serif}
[dir=rtl] .vid-bild::after{right:auto;left:10px}
[dir=rtl] .sprachliste{right:auto;left:0}
@media (max-width:1080px){.themen-kurz{grid-template-columns:repeat(3,1fr)}.plan-grid{grid-template-columns:1fr 1fr}}
@media (max-width:960px){.serien,.kontakt-grid,.spenden-grid{grid-template-columns:1fr}}
@media (max-width:560px){.themen-kurz{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:1fr}
 .kkarte,.spenden-grid .konto{padding:24px 22px}.seite-hero{padding:40px 0 28px}}