/* Startseite (rs-startseite.php) – eckig, Blau wie die übrigen eigenen Seiten */
.rs-start{--rs-dunkel:#14508a;font-size:16px;line-height:1.5;color:#222}
.rs-start *,.rs-start *::before,.rs-start *::after{box-sizing:border-box;backface-visibility:visible !important}
.rs-start__innen{max-width:1200px;margin:0 auto;padding:0 20px}
.rs-start__abschnitt{padding:44px 0}
.rs-start__abschnitt--grau{background:#f3f5f7}
.rs-start__kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 22px}
.rs-start h2.rs-start__h2{font-size:28px !important;line-height:1.2 !important;margin:0 !important;padding:0 0 10px !important;text-align:left;letter-spacing:0 !important;text-transform:none !important;color:#111;border-bottom:3px solid #e6e8eb;position:relative;flex:1 1 auto}
.rs-start h2.rs-start__h2::after{content:"";position:absolute;left:0;bottom:-3px;width:60px;height:3px;background:var(--rs-blau)}
.rs-start__alle{font-weight:700;font-size:15px;color:var(--rs-blau) !important;text-decoration:none !important;padding-bottom:12px;white-space:nowrap}
.rs-start__alle:hover{text-decoration:underline !important}

/* On Air im Stil von donau3fm: schräger Schriftzug, gebogene dunkle Fläche, runde Cover */
.rs-start__onair{color:#fff;overflow:hidden;background:var(--rs-blau);border-top:3px solid #fff}
.rs-start__onair-raster{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:32px}
.rs-start__onair-kopf{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px 0}
.rs-start h1.rs-start__claim{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 4px !important;padding:0 !important;transform:rotate(-7deg);transform-origin:left center;font-size:46px !important;line-height:1 !important;font-weight:900 !important;font-style:italic;text-transform:uppercase !important;letter-spacing:0 !important;text-align:left}
.rs-start__claim span{white-space:nowrap;display:block;background:#fff;color:var(--rs-blau);padding:8px 18px 6px;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.rs-start__claim span+span{margin:-4px 0 0 44px;color:#c8102e}
.rs-start .rs-start__claim .rs-sr{position:absolute !important;width:1px;height:1px;margin:-1px !important;padding:0 !important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;background:none;box-shadow:none;border:0} /* nur für Suchmaschinen und Screenreader */
.rs-start__onair-text{margin:6px 0 0 64px !important;font-size:19px;font-weight:600;white-space:nowrap;transform:rotate(-7deg);transform-origin:left center}
.rs-start__note{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.15em;margin-left:4px}

/* Web-App oben rechts im Banner: rundes Symbol, darunter gekritzelter Pfeil und Handschrift „zur Web-App“ */
.rs-start__onair{position:relative}
.rs-start__app{position:absolute;top:16px;right:24px;z-index:4;display:block;width:58px;height:58px;color:#fff !important;text-decoration:none !important}
.rs-start__app-icon{position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--rs-blau);box-shadow:0 3px 12px rgba(0,0,0,.25);transition:transform .2s,color .2s}
.rs-start__app:hover .rs-start__app-icon{transform:scale(1.08);color:#c8102e}
.rs-start__app-icon::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid #fff;opacity:0;animation:rs-start-app-ring 2.4s ease-out infinite}
@keyframes rs-start-app-ring{0%{transform:scale(.85);opacity:.9}70%,100%{transform:scale(1.35);opacity:0}}
@media (prefers-reduced-motion:reduce){.rs-start__app-icon::after{animation:none;opacity:.5;transform:none}}
.rs-start__app:focus-visible{outline:3px solid #f5b400;outline-offset:4px}
.rs-start__app-pfeil{position:absolute;top:58px;right:14px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.rs-start__app-text{position:absolute;top:92px;right:-6px;text-align:center;transform-origin:right center;font-family:"Bradley Hand","Segoe Print","Comic Sans MS","Chalkboard SE",cursive;font-size:24px;font-weight:700;line-height:1.05;transform:rotate(-7deg);white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.25)}
@media (max-width:1399px){.rs-start__app-pfeil,.rs-start__app-text{display:none}} /* zu wenig Platz rechts neben der roten Kachel */
@media (max-width:1024px){.rs-start__app{top:12px;right:14px;width:46px;height:46px}.rs-start__app-icon{width:46px;height:46px}}

/* Rechner: Schriftzug und Untertitel passen sich der Spaltenbreite an (Safari setzt die Schrift breiter als Chrome) */
@media (min-width:1025px){
	.rs-start h1.rs-start__claim{font-size:clamp(34px,3.1vw,46px) !important}
	.rs-start__onair-text{font-size:clamp(14px,1.25vw,19px) !important}
	.rs-start__kanaele{width:calc(760px - var(--rs-schraeg) - 1px)} /* Safari rechnet die Spalte sonst viel zu breit (1059 statt 711 px) */
}

/* Hinweis zur Wunschbox im Stil des Web-App-Hinweises: Handschrift (gerade) und gekritzelter Pfeil nach unten */
.rs-start__onair-kopf{position:relative}
.rs-start__wunsch{position:absolute;left:0;right:0;bottom:14px;display:flex;align-items:center;gap:10px;width:max-content;margin:0 auto;color:#fff !important;text-decoration:none !important}
.rs-start__wunsch[hidden]{display:none}
.rs-start__wunsch-icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--rs-blau);box-shadow:0 3px 12px rgba(0,0,0,.25);transition:transform .2s,color .2s,background .2s}
.rs-start__wunsch:hover .rs-start__wunsch-icon{transform:scale(1.08);color:#c8102e}
.rs-start__wunsch--live .rs-start__wunsch-icon{background:#c8102e;color:#fff}
.rs-start__wunsch-text{font-family:"Bradley Hand","Segoe Print","Comic Sans MS","Chalkboard SE",cursive;font-size:23px;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.25)}
.rs-start__wunsch:hover .rs-start__wunsch-text{text-decoration:underline;text-underline-offset:4px}
.rs-start__wunsch--live .rs-start__wunsch-text{color:#fff}
.rs-start__wunsch-pfeil{flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));animation:rs-start-hupf 1.6s ease-in-out infinite}
.rs-start__wunsch:focus-visible{outline:3px solid #f5b400;outline-offset:4px}
@keyframes rs-start-hupf{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media (prefers-reduced-motion:reduce){.rs-start__wunsch-pfeil{animation:none}}

.rs-start__kanaele{display:flex;align-items:stretch;gap:0}
.rs-start__kanal{position:relative;flex:0 0 380px;padding:30px 64px 26px;color:#fff;min-width:0;background:#14508a}
/* Gleicher Abstand links und rechts (≈ Schräge + Rand): Cover mittig, Text bündig darunter, nichts wird beschnitten.
   Feste Werte, nicht aus --rs-schraeg: die Schräge hängt von der Höhe ab, sonst schaukelt es sich auf. */
@media (min-width:1025px){.rs-start__kanal .rs-start__cover{transform:translateX(calc(var(--rs-schraeg) * -.1))}} /* Mitte des Parallelogramms auf Höhe des Covers */
/* Schräge Kanten, parallel zum geneigten Schriftzug (−7°): oben nach links versetzt */
.rs-start__kanaele{--rs-schraeg:48px} /* Startwerte = gemessene Werte, rs-start.js rechnet genau nach (sonst verschiebt sich die zweite Kachel beim Laden) */
.rs-start__kanal{clip-path:polygon(0 0,calc(100% - var(--rs-schraeg)) 0,100% 100%,var(--rs-schraeg) 100%)}
.rs-start__kanal+.rs-start__kanal{margin-left:calc(var(--rs-schraeg) * -1 - 1px)}
.rs-start__kanal+.rs-start__kanal{background:#c8102e}
.rs-start__kanal+.rs-start__kanal .rs-start__play i{color:#c8102e !important}
.rs-start__cover{position:relative;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.rs-start__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rs-start__cover img.rs-start__cover-ersatz{object-fit:contain;padding:22% 22% 26%;background:#fff;filter:grayscale(1) contrast(1.1);opacity:.65} /* Ersatz-Wappen dezent, damit seine Farben nicht mit den Kacheln konkurrieren */
.rs-start .rs-start__play{position:absolute !important;inset:0;display:flex !important;align-items:center;justify-content:center;background:transparent !important;cursor:pointer;width:auto !important;height:auto !important;border-radius:50%}
.rs-start .rs-start__play::after{content:"";position:absolute;inset:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.25);transform:scale(.27);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.rs-start .rs-start__play i{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
	.rs-start .rs-start__play:hover::after,.rs-start .rs-start__play:focus-visible::after{transform:scale(1)}
	.rs-start .rs-start__play:hover i,.rs-start .rs-start__play:focus-visible i{transform:scale(2.2)}
}
@media (prefers-reduced-motion:reduce){.rs-start .rs-start__play::after,.rs-start .rs-start__play i{transition:none}}
.rs-start .rs-start__play i{width:1em;height:1em;overflow:hidden;display:block;position:relative;z-index:1;font-size:40px !important;color:var(--rs-blau) !important;margin:0 !important;line-height:1 !important}

.rs-start .rs-start__play:focus-visible,.rs-start .rs-start__folge-play:focus-visible{outline:3px solid #f5b400;outline-offset:3px}
.rs-start__live{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#c8102e;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:5px 10px;border-radius:20px;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.rs-start__live::before{content:"";flex:0 0 7px;height:7px;border-radius:50%;background:#c8102e;animation:rs-start-puls 1.4s ease-in-out infinite}
.rs-start__live[hidden]{display:none}
@keyframes rs-start-puls{50%{opacity:.25}}
.rs-start__meta{display:flex;flex-direction:column;align-items:flex-start;padding:16px 0 0;min-width:0}
.rs-start__eq{display:flex;align-items:flex-end;gap:3px;height:16px;margin-bottom:6px}
.rs-start__eq span{width:3px;background:#fff;height:30%;animation:rs-start-eq 1s ease-in-out infinite alternate}
.rs-start__eq span:nth-child(2){animation-delay:-.4s}.rs-start__eq span:nth-child(3){animation-delay:-.7s}.rs-start__eq span:nth-child(4){animation-delay:-.2s}.rs-start__eq span:nth-child(5){animation-delay:-.55s}
@keyframes rs-start-eq{to{height:100%}}
@media (prefers-reduced-motion:reduce){.rs-start__eq span,.rs-start__live::before{animation:none}.rs-start__eq span{height:60%}}
.rs-start a.rs-start__kanal-name{color:#fff !important;text-decoration:none !important;font-size:19px;font-weight:900;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}
.rs-start__titelzeile{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.35;text-transform:uppercase;letter-spacing:.2px}
.rs-start__artist:not(:empty)::after{content:" – "}

/* Heute im Programm: große Karten mit Sendungsbild */
.rs-start__sendungen{list-style:none !important;margin:0 !important;padding:0 !important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rs-start__sendungen:empty{display:none}
.rs-start__sendung{margin:0 !important;padding:0 !important;list-style:none !important;min-width:0}
.rs-start__sendung::before{display:none !important}
.rs-start__sendung a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #d9dee4;border-radius:3px;overflow:hidden;text-decoration:none !important;transition:border-color .2s,box-shadow .2s}
.rs-start__sendung a:hover{border-color:var(--rs-blau);box-shadow:0 4px 14px rgba(0,0,0,.1)}
.rs-start__sendung--jetzt a{border:2px solid var(--rs-blau)}
.rs-start__sendung-bild{position:relative;display:block;aspect-ratio:2/1;background:#e8f1fa;overflow:hidden;border-bottom:1px solid #d9dee4}
.rs-start__sendung-bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.rs-start__sendung a:hover .rs-start__sendung-bild img{transform:scale(1.03)}
.rs-start__jetzt-marke{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:5px;background:#c8102e;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:3px}
.rs-start__jetzt-marke::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:rs-start-puls 1.4s ease-in-out infinite}
.rs-start__sendung-text{display:flex;flex-direction:column;gap:3px;padding:11px 13px 13px;min-width:0}
.rs-start__sendung-zeit{font-size:13px;font-weight:700;color:var(--rs-blau)}
.rs-start__sendung strong{font-size:16px;line-height:1.25;color:#111}
.rs-start__sendung-mit{font-size:13px;color:#555}
.rs-start__sendung-info{font-size:13px;line-height:1.4;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:2px}

/* Aktuelles: großer Aufmacher + vier Karten */
.rs-start__news{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rs-start__news .rs-beitrag__karte:first-child{grid-column:span 2;grid-row:span 2}
.rs-start__news .rs-beitrag__karte:first-child .rs-titel{font-size:22px}
.rs-start__news .rs-beitrag__karte:first-child .rs-beitrag__karte-bild{aspect-ratio:auto;flex:1 1 auto;min-height:180px}
/* Rahmen und eckig wie „Heute im Programm“ */
.rs-start__news .rs-beitrag__karte{border:1px solid #d9dee4;border-radius:3px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.rs-start__news .rs-beitrag__karte:hover{border-color:var(--rs-blau);box-shadow:0 4px 14px rgba(0,0,0,.1);transform:none}
.rs-start__news .rs-beitrag__karte-bild{border-bottom:1px solid #d9dee4;aspect-ratio:16/9}
/* Vorschautext: Aufmacher drei Zeilen, kleine Karten zwei */
.rs-start__news .rs-beitrag__karte-anriss{font-size:13px;line-height:1.45;color:#555;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rs-start__news .rs-beitrag__karte:first-child .rs-beitrag__karte-anriss{font-size:14px;-webkit-line-clamp:3}
/* im Verhältnis etwas kleiner */
.rs-start__news{gap:14px}
.rs-start__news .rs-beitrag__karte-text{padding:10px 12px 12px;gap:5px}
.rs-start__news .rs-beitrag__karte .rs-titel{font-size:15px;line-height:1.3}
.rs-start__news .rs-beitrag__karte time{font-size:13px}
.rs-start__news .rs-beitrag__etikett{font-size:11px;padding:1px 6px}
.rs-start__news .rs-beitrag__karte:first-child .rs-titel{font-size:19px}
.rs-start__news .rs-beitrag__karte:first-child .rs-beitrag__karte-bild{position:relative}
.rs-start__news .rs-beitrag__karte:first-child .rs-beitrag__karte-bild img{position:absolute;inset:0;width:100% !important;height:100% !important}

/* Podcasts */
.rs-start__podcasts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rs-start__folge{display:flex;flex-direction:column;background:#fff;border:1px solid #d9dee4;border-radius:3px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.rs-start__folge:hover{border-color:var(--rs-blau);box-shadow:0 4px 14px rgba(0,0,0,.1)}
.rs-start__folge-bild{display:block;aspect-ratio:1/1;background:#e8f1fa;line-height:0;border-bottom:1px solid #d9dee4}
.rs-start__folge-bild img{width:100%;height:100%;object-fit:cover}
.rs-start__folge-text{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 12px 12px;flex:1 1 auto}
.rs-start__folge-text a{text-decoration:none !important}
.rs-start__folge-text .rs-titel{font-size:15px;line-height:1.3;color:#111;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rs-start__folge-info{font-size:13px;line-height:1.45;color:#555;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rs-start__folge-text time{font-size:13px;color:#666}
.rs-start__folge .rs-beitrag__etikett{font-size:11px;padding:1px 6px}
.rs-start .rs-start__folge-play{display:inline-flex !important;align-items:center;gap:4px;margin-top:auto;border:2px solid var(--rs-blau);color:var(--rs-blau) !important;font-weight:700;font-size:14px;padding:5px 12px 5px 6px;border-radius:3px;cursor:pointer;line-height:1;width:auto !important;height:auto !important;background:#fff !important}
.rs-start .rs-start__folge-play:hover{background:var(--rs-blau) !important;color:#fff !important}
.rs-start .rs-start__folge-play i{font-size:22px !important;margin:0 !important;color:inherit !important}

/* Unterstützen */
.rs-start__unterstuetzen{background:var(--rs-dunkel);color:#fff;padding:40px 0}
.rs-start__unterstuetzen .rs-start__innen{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.rs-start__unterstuetzen .rs-start__innen>div:first-child{flex:1 1 480px}
.rs-start__unterstuetzen h2{color:#fff !important;font-size:28px !important;line-height:1.2 !important;margin:0 0 8px !important;text-transform:none !important;letter-spacing:0 !important;text-align:left}
.rs-start__unterstuetzen p{margin:0;font-size:16px;opacity:.92;max-width:640px}
.rs-start__knoepfe{display:flex;gap:12px;flex-wrap:wrap}
.rs-start__knopf{display:inline-block;background:#fff;color:var(--rs-dunkel) !important;font-weight:800;font-size:16px;padding:13px 22px;border-radius:3px;text-decoration:none !important;border:2px solid #fff}
.rs-start__knopf--hell{background:transparent;color:#fff !important}
.rs-start__knopf:hover{background:#e8f1fa;color:var(--rs-dunkel) !important}

/* Videos (Plugin-Raster) und Partner */
.rs-start__videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rs-start__video{display:flex;flex-direction:column;background:#fff;border:1px solid #d9dee4;border-radius:3px;overflow:hidden;transition:border-color .2s,box-shadow .2s;min-width:0}
.rs-start__video:hover{border-color:var(--rs-blau);box-shadow:0 4px 14px rgba(0,0,0,.1)}
.rs-start .rs-start__video-bild{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0 !important;margin:0;border:0;border-bottom:1px solid #d9dee4;border-radius:0;background:#000;cursor:pointer;overflow:hidden}
.rs-start__video-bild img{position:absolute;inset:0;width:100% !important;height:100% !important;object-fit:cover;transition:transform .4s}
.rs-start__video:hover .rs-start__video-bild img{transform:scale(1.03)}
.rs-start__video-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(0,0,0,.55);border:2px solid #fff;transition:background .2s}
.rs-start__video-play::after{content:"";position:absolute;left:22px;top:16px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent #fff}
.rs-start__video:hover .rs-start__video-play{background:var(--rs-blau)}
.rs-start .rs-start__video-bild:focus-visible{outline:3px solid #f5b400;outline-offset:-3px}
.rs-start__video-text{display:flex;flex-direction:column;gap:5px;padding:10px 12px 12px}
.rs-start__video-text .rs-titel{font-size:15px;line-height:1.3;color:#111;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rs-start__video-info{font-size:13px;line-height:1.45;color:#555;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rs-start__video-text time{font-size:13px;color:#666}
.rs-start__hinweis{margin:10px 0 0;font-size:13px;color:#555}
/* Video-Kacheln außerhalb der Startseite ([rs_videos], z. B. Gottesdienste auf /wzs/) */
.rs-videos{margin:8px 0 24px;text-align:left}
.rs-videos .rs-videos__titel{margin:0 0 12px !important;font-size:18px !important;font-weight:700;text-align:center}
.rs-start__videos--wenige{display:flex;flex-wrap:wrap;justify-content:center}
.rs-start__videos--wenige .rs-start__video{flex:0 1 340px}
.rs-videos .rs-start__hinweis{text-align:center}
.rs-start__innen--partner{padding-top:44px;position:relative;z-index:5} /* über dem unsichtbaren oberen Rand des Partner-Karussells, sonst trifft der Klick ein Logo */

/* Über den Kopffotos: 5 px Blau/Rot, darunter 3 px Weiß (Gegenstück zur weißen Linie unter den Fotos).
   Die feste Kopfzeile des Themes überdeckt am Rechner den oberen Rand – rs-start.js rückt die Fotos darunter. */
.rs-start-fotos{overflow:hidden !important;padding-top:10px !important;background:#fff linear-gradient(90deg,var(--rs-blau) 50%,#c8102e 50%) top left / 100% 7px no-repeat !important;margin-top:calc(var(--rs-kopf-ueberlapp,0px) + 10px) !important;box-shadow:0 -10px 0 #fff} /* Abstand zum Kopf weiß statt grau; oben 7 px halb Blau, halb Rot (wie das Wappen), darunter 3 px Weiß wie unter den Fotos */

/* Bildausschnitt je Foto: Gesichter liegen meist im oberen Drittel, der flache Streifen schneidet sonst die Köpfe ab */
.rs-start-fotos img[src*="/1-2-web"],.rs-start-fotos img[data-src*="/1-2-web"]{object-position:50% 30%}
.rs-start-fotos img[src*="/2-2-web"],.rs-start-fotos img[data-src*="/2-2-web"]{object-position:50% 35%}
.rs-start-fotos img[src*="/3-2-web"],.rs-start-fotos img[data-src*="/3-2-web"]{object-position:50% 35%}
.rs-start-fotos img[src*="/4-2-web"],.rs-start-fotos img[data-src*="/4-2-web"]{object-position:50% 30%}
.rs-start-fotos img[src*="/5-1-web"],.rs-start-fotos img[data-src*="/5-1-web"]{object-position:50% 40%}
.rs-start-fotos img[src*="/7-web"],.rs-start-fotos img[data-src*="/7-web"]{object-position:50% 25%}
.rs-start-fotos img[src*="/8-web"],.rs-start-fotos img[data-src*="/8-web"]{object-position:50% 45%}
.rs-start-fotos img[src*="/9-web"],.rs-start-fotos img[data-src*="/9-web"]{object-position:50% 25%}
.rs-start-fotos img[src*="/10-web"],.rs-start-fotos img[data-src*="/10-web"]{object-position:50% 30%}
.rs-start-fotos img[src*="/11-web"],.rs-start-fotos img[data-src*="/11-web"]{object-position:50% 25%}
.rs-start-fotos img[src*="/12-web"],.rs-start-fotos img[data-src*="/12-web"]{object-position:50% 25%}
.rs-start-fotos img[src*="/13-web"],.rs-start-fotos img[data-src*="/13-web"]{object-position:50% 30%}
.rs-start-fotos img[src*="/14-web"],.rs-start-fotos img[data-src*="/14-web"]{object-position:50% 35%}
.rs-start-fotos img[src*="/15-web"],.rs-start-fotos img[data-src*="/15-web"]{object-position:50% 35%}
.rs-start-fotos img[src*="/16-web"],.rs-start-fotos img[data-src*="/16-web"]{object-position:50% 35%}
.rs-start-fotos img[src*="/17-web"],.rs-start-fotos img[data-src*="/17-web"]{object-position:50% 35%}
.rs-start-fotos img[src*="/18-web"],.rs-start-fotos img[data-src*="/18-web"]{object-position:50% 25%}

/* Kein schwarzer Ladekreis über den Kopffotos (Swiper-Lazy-Load) */
.rs-start-fotos .swiper-lazy-preloader{display:none !important}

/* Pfeile der Kopffotos: erscheinen erst beim Darüberfahren (bzw. bei Tastaturfokus) */
.rs-start-fotos .elementor-swiper-button{width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s,background .2s;z-index:3}
.rs-start-fotos .elementor-swiper-button i{display:none}
.rs-start-fotos .elementor-swiper-button::before{content:"";width:12px;height:12px;border-top:3px solid #fff;border-left:3px solid #fff}
.rs-start-fotos .elementor-swiper-button-prev{left:16px !important}
.rs-start-fotos .elementor-swiper-button-prev::before{transform:translateX(3px) rotate(-45deg)}
.rs-start-fotos .elementor-swiper-button-next{right:16px !important}
.rs-start-fotos .elementor-swiper-button-next::before{transform:translateX(-3px) rotate(135deg)}
.rs-start-fotos .elementor-swiper-button:hover{background:var(--rs-blau)}
.rs-start-fotos:hover .elementor-swiper-button,.rs-start-fotos .elementor-swiper-button:focus-visible{opacity:1}
.rs-start-fotos .elementor-swiper-button:focus-visible{outline:3px solid #f5b400;outline-offset:2px}
@media (hover:none){.rs-start-fotos .elementor-swiper-button{display:none}} /* Touch: wischen statt Pfeile */

/* Wunschbox: gleiche Breite und Schriftgrößen wie die übrigen Bereiche */
.rs-start__wunschbox{background:var(--rs-blau);color:#fff;padding:44px 0;scroll-margin-top:120px}
.rs-start__wunschbox .rs-start__innen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:start}
.rs-start .rs-start__wunschbox h2{color:#fff !important;font-size:28px !important;line-height:1.2 !important;margin:6px 0 12px !important;text-transform:none !important;letter-spacing:0 !important;text-align:left}
.rs-start__wunschbox-text p{margin:0 0 12px;font-size:16px;line-height:1.55;color:#fff}
.rs-start__wunschbox-text a{color:#fff !important;text-decoration:underline !important;font-weight:700}
.rs-start__wunschbox-text .rs-start__onair-label{color:#fff;font-size:13px;letter-spacing:1px}
.rs-start__wunschbox-gruss{font-style:italic}
.rs-start__wunschbox-form{background:#fff;color:#222;border-radius:3px;padding:20px 22px 16px;box-shadow:0 6px 20px rgba(0,0,0,.15)}
.rs-start__wunschbox-form .rs-start__mehr{display:inline-block;margin-top:10px;font-size:14px;font-weight:700;color:var(--rs-blau) !important}
@media (max-width:900px){.rs-start__wunschbox .rs-start__innen{grid-template-columns:1fr;gap:20px}}
@media (max-width:600px){.rs-start__wunschbox{padding:32px 0}.rs-start .rs-start__wunschbox h2{font-size:24px !important}.rs-start__wunschbox-form{padding:16px}}

/* Kopffotos niedriger, damit „On Air“ früher sichtbar ist */
.rs-start-fotos{--rs-fotos-h:300px}
.rs-start-fotos .swiper,.rs-start-fotos .swiper-wrapper,.rs-start-fotos .swiper-slide,.rs-start-fotos .swiper-slide-inner{height:var(--rs-fotos-h) !important;line-height:0}
.rs-start-fotos .swiper-slide-image{height:100% !important;width:100% !important;object-fit:cover}

@media (max-width:1024px){
	.rs-start__onair-raster{grid-template-columns:minmax(0,1fr);gap:22px}
	.rs-start__onair-raster>*{min-width:0}
	.rs-start__onair-kopf{align-items:center;text-align:center}
	.rs-start h1.rs-start__claim,.rs-start__onair-text{transform-origin:center center}
	.rs-start__onair-text{margin:6px 0 0 !important;font-size:clamp(14px,4.2vw,19px)}
	.rs-start__wunsch{position:static;margin:24px auto 0}
	.rs-start__claim{align-items:center !important}
	.rs-start__claim span+span{margin-left:0 !important}
	.rs-start__onair-raster{gap:0}
	.rs-start__onair-kopf{padding:30px 0 24px}
	.rs-start__kanaele{margin:0 -20px}
	.rs-start__kanal{flex:1 1 0}
	/* außen gerade Kante: nur normaler Rand; an der schrägen Mitte: Schräge + Rand */
	.rs-start__kanal:first-child{padding-left:20px;padding-right:68px}
	.rs-start__kanal+.rs-start__kanal{padding-left:68px;padding-right:20px}
	.rs-start__kanaele{--rs-schraeg:55px}
	.rs-start__kanal:first-child{clip-path:polygon(0 0,calc(100% - var(--rs-schraeg)) 0,100% 100%,0 100%)}
	.rs-start__kanal+.rs-start__kanal{clip-path:polygon(0 0,100% 0,100% 100%,var(--rs-schraeg) 100%)}
	.rs-start__podcasts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.rs-start__videos{grid-template-columns:repeat(2,minmax(0,1fr))}
	.rs-start__sendungen{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;gap:16px;margin:0 -20px !important;padding:4px 20px 14px !important;scrollbar-width:none}
	.rs-start__sendungen::-webkit-scrollbar{display:none}
	.rs-start__sendung{flex:0 0 40%;scroll-snap-align:start}
	.rs-start__news{grid-template-columns:repeat(2,minmax(0,1fr))}
	.rs-start__news .rs-beitrag__karte:first-child{grid-row:auto}
	.rs-start__news .rs-beitrag__karte:first-child .rs-beitrag__karte-bild{aspect-ratio:16/9;flex:none;min-height:0}
	.rs-start-fotos{--rs-fotos-h:220px}
	.rs-start__folge{flex-direction:row}
	.rs-start__folge-bild{flex:0 0 120px;width:120px;height:auto;min-height:120px;aspect-ratio:auto;border-bottom:0;border-right:1px solid #d9dee4}
	.rs-start__folge-text{padding:10px 14px 12px}
}
@media (max-width:600px){
	.rs-start__abschnitt{padding:32px 0}
	.rs-start__innen{padding:0 16px}
	.rs-start h2.rs-start__h2,.rs-start__unterstuetzen h2{font-size:24px !important}
	.rs-start h1.rs-start__claim{font-size:32px !important;margin-bottom:12px !important}
	.rs-start__claim span+span{margin-left:28px}
	.rs-start__onair-raster{gap:0}
	.rs-start__onair-kopf{padding:26px 0 22px}
	.rs-start__kanaele{margin:0 -16px}
	.rs-start__kanal{flex:1 1 0;padding-top:18px;padding-bottom:16px}
	.rs-start__kanal:first-child{padding-left:12px;padding-right:42px}
	.rs-start__kanal+.rs-start__kanal{padding-left:42px;padding-right:12px}
	.rs-start__kanaele{--rs-schraeg:32px}

	.rs-start .rs-start__play::after{transform:scale(.33)}
	.rs-start .rs-start__play i{font-size:32px !important}
	.rs-start a.rs-start__kanal-name{font-size:15px}
	.rs-start__titelzeile{font-size:13px}
	.rs-start__sendungen{scroll-padding:0 16px;gap:12px;margin:0 -16px !important;padding:4px 16px 14px !important}
	.rs-start__sendung{flex-basis:72%}
	.rs-start__sendung strong{font-size:16px}
	.rs-start__news{grid-template-columns:1fr}
	.rs-start__news .rs-beitrag__karte:first-child{grid-column:auto}
	.rs-start__news .rs-beitrag__karte:first-child .rs-titel{font-size:19px}
	.rs-start__kopf{flex-wrap:nowrap;align-items:baseline}
	.rs-start__alle{font-size:14px}
	.rs-start__podcasts{grid-template-columns:1fr;gap:12px}
	.rs-start__videos{grid-template-columns:1fr;gap:12px}
	.rs-start__folge-bild{flex-basis:96px;width:96px;height:auto;min-height:96px}
	.rs-start__knoepfe,.rs-start__knopf{width:100%;text-align:center}
	.rs-start-fotos{--rs-fotos-h:130px}
}
/* Knopf „Nach oben“ (rs-start.js) */
.rs-nachoben{position:fixed !important;right:20px !important;bottom:calc(var(--rs-player-h,0px) + 16px) !important;left:auto !important;top:auto !important;z-index:1999;width:48px !important;height:48px !important;min-width:0 !important;line-height:1 !important;padding:0 !important;margin:0;border:2px solid #fff !important;border-radius:50% !important;background:#c8102e !important;color:#fff !important;box-shadow:0 4px 14px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility 0s .25s,background .2s}
.rs-nachoben--sichtbar{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s,background .2s}
.rs-nachoben:hover{background:#a00d25 !important}
.rs-nachoben:focus-visible{outline:3px solid #f5b400;outline-offset:2px}
@media (max-width:767px){.rs-nachoben{right:12px !important;bottom:calc(var(--rs-player-h,0px) + 64px) !important;width:44px !important;height:44px !important}}
@media (prefers-reduced-motion:reduce){.rs-nachoben{transition:none}}