/* Radio Rheinland — dauerhaftes Darkdesign */
:root{color-scheme:dark;--blue:#65b5ed;--blue-dark:#3399dc;--blue-soft:#182936;--rr-blue:#65b5ed;--rr-lime:#8dbf24;--rr-ink:#eef3f7;--rr-muted:#acbcc9;--rr-line:#2b3b49;--rr-soft:#17232e;--rr-bg:#0d141c;--rr-main:#65b5ed;--rr-accent:#8dbf24;--rr-shadow:0 12px 35px #0003}
html,body{background:#0d141c!important;color:#d5dfe7!important}
body .site-header,body .brand-bar,body .brand-bar__inner{background:#101b25!important;border-color:#2b3b49!important}
body .network-bar{background:#080e14!important;border-color:#263541!important}
body .network-bar__more{color:#b8c8d5!important}
body .hamburger,body .brand-bar__socials a{background:#1b2b38!important;color:#eef3f7!important;border-color:#354b5d!important}
body .mobile-nav,body .dropdown-menu{background:#14212c!important;color:#eef3f7!important;border-color:#2b3b49!important}
body .mobile-nav a,body .mobile-nav__close,body .rr-menu-heading{color:#dce7ee!important}
body .mobile-nav a:hover,body .mobile-nav a.active{background:#223849!important;color:#b4db65!important}
body .site-main{background:transparent!important;color:#d5dfe7!important}
body .site-main :is(h1,h2,h3,h4,h5,h6){color:#eef3f7!important}
body .site-main :is(p,li,label,dt,dd){color:#b8c7d3}
body .site-main :is(.section-kicker,.text-link,.event-back,.event-more,.rr-event__more,.platform-card__link){color:#80c4f2!important}
body .ci-hero h1 span{color:#8dbf24!important}
body .ci-hero__subline{color:#dbe7ef!important}
body :is(.card,.ci-weather,.rr-event,.event-card,.now-playing-history,.playlist-history__item,.rr-jp__card,.contact-info-panel,.contact-form-panel,.contact-info-card,.platform-card,.service-list-card,.schedule-panel,.schedule-entry,.playlist-page-panel,.playlist-filter-box,.playlist-track,.weather-card,.weather-day,.weather-hour,.traffic-item,.traffic-panel,.event-detail){background:#15212c!important;border-color:#2b3b49!important;box-shadow:0 10px 30px #0002!important}
body :is(.ci-contact,.rr-studio-link__inner,.rr-events__invite,.event-detail__fact,.contact-security,.contact-tags span,.traffic-tags span,.schedule-highlight,.playlist-help,.service-empty,.weather-hero__box,.traffic-hero__box){background:#1b2c39!important;border-color:#354b5d!important;color:#dbe7ef!important}
body .rr-studio-link__inner{border-left-color:#8dbf24!important}
body :is(.ci-weather__body strong,.rr-jp__intro,.rr-jp__copy strong,.playlist-history__title,.playlist-track strong,.schedule-entry__title,.contact-info-item strong){color:#edf4f8!important}
body :is(.ci-weather__body span,.ci-weather__body small,.ci-weather__bottom small,.ci-hero__note,.rr-jp__copy p,.rr-studio-link p,.rr-event__meta,.rr-event__content p,.playlist-history__artist,.playlist-history__time,.schedule-entry__desc,.schedule-hero__lead,.traffic-hero__lead,.subhero__lead){color:#b8c7d3!important}
body :is(.btn-primary,button[type=submit]){background:#8dbf24!important;color:#142006!important;border-color:#8dbf24!important}
body :is(.btn-primary:hover,button[type=submit]:hover){background:#a6d444!important;border-color:#a6d444!important}
body .btn-secondary{background:#1c3040!important;color:#e2eff8!important;border-color:#3b566a!important}
body .btn-secondary:hover{background:#29465b!important;border-color:#65b5ed!important}
body input:not([type=range]):not([type=checkbox]):not([type=radio]),body textarea,body select{background:#0e1922!important;color:#eef3f7!important;border-color:#425868!important;color-scheme:dark}
body input::placeholder,body textarea::placeholder{color:#94a7b6!important;opacity:1}
body :is(input,select,textarea):focus{outline:2px solid #8dbf24!important;outline-offset:2px}
body :is(.tab button,.playlist-date-button,.traffic-filter__button){background:#1c3040!important;color:#d5e3ed!important;border-color:#385164!important}
body :is(.tab button.tablinksactive,.tab button.active,.playlist-date-button.is-active,.traffic-filter__button.is-active){background:#8dbf24!important;color:#142006!important;border-color:#8dbf24!important}
body :is(.rr-event__date,.event-date,.service-list-card__icon,.platform-card__tag,.traffic-item__icon){background:#223848!important;color:#a6d444!important}
body .schedule-entry--onair{border-left-color:#8dbf24!important;background:#20322c!important}
body .rr-footer{background:#0a1118!important;border-top-color:#8dbf24!important;color:#9eb2c2!important}
body .rr-footer a{color:#dbe8f1!important}
body .rr-livebar{background:#101e29!important;border-color:#8dbf24!important;box-shadow:0 -8px 28px #0003!important}
body .rr-livebar__show strong{color:#e7f0f6!important}
body.rr-popup-player{background:#0d141c!important}
body .rr-popup-shell{background:transparent!important}
body .rr-popup-slogan{color:#bccbd7!important}
body .event-detail__text a,body .legal-content a{color:#80c4f2!important}
body .site-main a:not(.btn):focus-visible,body button:focus-visible{outline:2px solid #8dbf24;outline-offset:4px}
::selection{background:#8dbf24;color:#102006}

body .rr-studio-link{max-width:1180px;margin:0 auto 28px;padding:0 24px;box-sizing:border-box}body .rr-studio-link__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-left:4px solid #8dbf24;border-radius:0 12px 12px 0}body .rr-studio-link h2{font-size:28px;margin:7px 0 8px}body .rr-studio-link p{margin:0;font-size:14px}body .rr-studio-link .btn{flex-shrink:0}@media(max-width:760px){body .rr-studio-link__inner{flex-direction:column;align-items:stretch;padding:22px 20px}}

/* Header-Regeln mit gleicher oder höherer Spezifität als das Basisdesign. */
html body .site-header,html body .site-header .brand-bar,html body .site-header .brand-bar__inner{background:#101b25!important;background-image:none!important;border-color:#2b3b49!important}
html body .site-header .brand-bar::before,html body .site-header .brand-bar::after{background:transparent!important;background-image:none!important}
html body .site-header .brand-bar__link{background:transparent!important}

/* Vollständige Navigationszustände, einschließlich verschachtelter Links. */
html body .mobile-nav .dropdown-menu{background:#101b25!important}
html body .mobile-nav li{border-color:#2b3b49!important}
html body .mobile-nav a,html body .mobile-nav .dropdown-menu a{color:#dce7ee!important;background:transparent!important}
html body .mobile-nav a:hover,html body .mobile-nav a:focus-visible,html body .mobile-nav a.active,html body .mobile-nav .dropdown-menu a:hover,html body .mobile-nav .dropdown-menu a:focus-visible,html body .mobile-nav .dropdown-menu a.active{background:#223849!important;color:#b4db65!important}
html body .mobile-nav .mobile-nav__close{background:#1b2b38!important;color:#b8c7d3!important;border:1px solid #354b5d!important;box-shadow:none!important}
html body .mobile-nav .mobile-nav__close:hover,html body .mobile-nav .mobile-nav__close:focus-visible{background:#29465b!important;color:#b4db65!important;border-color:#8dbf24!important}
html body .mobile-nav .mobile-nav__close i{color:inherit!important;background:transparent!important}
html body .site-header .hamburger:hover,html body .site-header .hamburger:focus-visible,html body .site-header .brand-bar__socials a:hover{background:#29465b!important;color:#b4db65!important;border-color:#8dbf24!important}
html body .header-navbar{background:#101b25!important;border-color:#2b3b49!important}
html body .desktop-nav a{color:#dce7ee!important}
html body .desktop-nav a:hover,html body .desktop-nav a:focus-visible,html body .desktop-nav a.active{background:#223849!important;color:#b4db65!important}
html body .site-main :is(.weather-city,.weather-forecast,.weather-current,.weather-metric,.forecast-day,.forecast-hour,.traffic-pagination__button){background:#15212c!important;color:#dce7ee!important;border-color:#354b5d!important}
html body .site-main a:not(.btn):not(.rr-image-link){color:#80c4f2}
html body .site-main :is(.btn,.platform-card,.service-list-card):focus-visible{outline:2px solid #8dbf24;outline-offset:4px}
html body button:disabled{opacity:.5;cursor:not-allowed}

#rr-navigation-status{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:2147483647;background:#1b2c39;color:#eef3f7;border:1px solid #8dbf24;border-radius:8px;padding:12px 18px;max-width:calc(100vw - 36px);box-shadow:0 6px 24px #0005;font-size:14px}#rr-navigation-status[hidden]{display:none}
body:not(.rr-popup-player) .rr-livebar__volume{display:flex!important}
@media(min-width:1001px){body:not(.rr-popup-player) .rr-livebar__inner{grid-template-columns:48px 52px minmax(0,1fr) minmax(180px,240px) 114px}}
@media(min-width:761px) and (max-width:1000px){body:not(.rr-popup-player) .rr-livebar__inner{grid-template-columns:46px 48px minmax(0,1fr) 110px}body:not(.rr-popup-player) .rr-livebar__show{display:none!important}}
@media(max-width:760px){body:not(.rr-popup-player) .rr-livebar__volume{display:none!important}}

/* Startseitenhero und Veranstaltungseinladung */
html body.rr-home .ci-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:38px!important;padding:38px 24px!important;max-width:1180px!important;margin:0 auto!important;box-sizing:border-box}
html body.rr-home .ci-hero__copy{max-width:none!important;min-width:0}
html body.rr-home .ci-hero h1{font-size:clamp(38px,4.3vw,60px)!important}
html body.rr-home .ci-hero p{max-width:none!important}
html body .rr-home-hero-image{position:relative;margin:0;min-width:0;height:390px;overflow:hidden;border:1px solid #354b5d;border-radius:16px;box-shadow:0 16px 40px #0003}
html body .rr-home-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
html body .rr-home-hero-image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#08131de6);pointer-events:none}
html body .rr-home-hero-image figcaption{position:absolute;z-index:1;left:22px;right:22px;bottom:22px;color:#eef3f7;font-size:15px;font-weight:700;border-left:3px solid #8dbf24;padding-left:12px}
html body .rr-events .rr-events__invite{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;margin:24px 0 0!important;padding:22px 24px!important;border:1px solid #354b5d!important;border-radius:12px!important;background:#1b2c39!important;box-sizing:border-box;line-height:1.65}
html body .rr-events .rr-events__invite>i{font-size:24px;color:#8dbf24!important;text-align:center}
html body .rr-events .rr-events__invite p{margin:0!important;min-width:0;color:#b8c7d3!important}
html body .rr-events .rr-events__invite p strong{display:block;color:#eef3f7!important}
html body .rr-events .rr-events__invite>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin:0!important;padding:10px 16px;border:1px solid #426077;border-radius:8px;color:#e2eff8!important;background:#223849;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:700}
html body .rr-events .rr-events__invite>a:hover{background:#29465b;border-color:#8dbf24}
@media(max-width:900px){html body.rr-home .ci-hero{gap:26px!important}html body .rr-home-hero-image{height:360px}}
@media(max-width:760px){html body.rr-home .ci-hero{grid-template-columns:1fr!important;padding:28px 20px!important;gap:24px!important}html body .rr-home-hero-image{height:250px}html body .rr-events .rr-events__invite{grid-template-columns:28px minmax(0,1fr)!important;padding:20px!important;gap:12px!important}html body .rr-events .rr-events__invite>a{grid-column:1/-1;white-space:normal}}

/* Einheitliche Kartenrundung und ruhiges Navigationsmenü. */
html body #ins-live-studio .rr-studio-link__inner{border:1px solid #354b5d!important;border-radius:16px!important;overflow:hidden}
html body #mobile-nav{padding:24px!important;border-left:1px solid #354b5d!important;background:#14212c!important}
html body #mobile-nav .rr-menu-heading{margin:20px 10px 18px!important;color:#9fb3c2!important;font-size:11px!important;letter-spacing:.12em}
html body #mobile-nav ul{list-style:none!important;padding:0!important;margin:0!important}
html body #mobile-nav li{border:0!important;margin:5px 0!important;padding:0!important;background:transparent!important}
html body #mobile-nav a,html body #mobile-nav .dropdown-toggle{display:flex!important;align-items:center!important;min-height:52px;box-sizing:border-box;padding:14px 16px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#dce7ee!important;box-shadow:none!important;font-size:16px!important;line-height:1.45;transition:background .15s,color .15s,border-color .15s}
html body #mobile-nav a:hover,html body #mobile-nav a:focus-visible{background:#1d3343!important;color:#b4db65!important;border-color:#354e60!important}
html body #mobile-nav a.active,html body #mobile-nav a[aria-current="page"]{background:#223849!important;color:#b4db65!important;border-color:#3c5669!important}
html body #mobile-nav .dropdown-toggle{justify-content:space-between!important;gap:14px}
html body #mobile-nav li.open>.dropdown-toggle{background:#1b2e3c!important;color:#b4db65!important;border-color:#354e60!important}
html body #mobile-nav .dropdown-menu{background:transparent!important;margin:8px 0 10px 15px!important;padding:0 0 0 12px!important;border:0!important;border-left:1px solid #354e60!important;border-radius:0!important;box-shadow:none!important}
html body #mobile-nav .dropdown-menu a{font-size:14px!important;min-height:44px;padding:10px 13px!important;border-radius:9px!important}
html body #mobile-nav .mobile-nav__close{border-radius:12px!important;background:#1b2b38!important;margin-bottom:10px!important}
@media(max-width:480px){html body #mobile-nav{padding:20px!important;width:min(420px,94vw)!important}}

/* Aufklapp-Links sind keine aktiven Seiten. */
html body #mobile-nav .dropdown-toggle,html body #mobile-nav .dropdown-toggle.active,html body #mobile-nav li.open>.dropdown-toggle{background:transparent!important;color:#dce7ee!important;border-color:transparent!important}
html body #mobile-nav .dropdown-toggle:hover,html body #mobile-nav .dropdown-toggle:focus-visible{background:#1d3343!important;color:#b4db65!important;border-color:#354e60!important}
