/* Shared presentation layer: clear reading hierarchy, comfortable touch controls. */
:root{color-scheme:dark;--ui-accent:var(--station-accent,#00c5a3);--ui-surface:#192327;--ui-border:#ffffff21}
main p{overflow-wrap:break-word}main :is(h1,h2,h3,h4){text-wrap:balance}main :is(input,select,textarea){border-radius:9px}main :is(input,select,textarea):focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}main :is(.cms-story,.weather-card,.forecast-hour,.show-times,.own-current-programme){border-radius:12px}main :is(.history-row,.show-track){border-radius:8px}main :is(.button,.reconnect-button,.history-more){border-radius:9px}main :is(.button,.reconnect-button,.history-more,summary){touch-action:manipulation}.page-breadcrumbs{flex-wrap:wrap;row-gap:7px;line-height:1.5}main :is(.legal-content,.cms-article-body){max-width:780px}main :is(.legal-content,.cms-article-body) a{overflow-wrap:anywhere}.site-header .site-brand{color:inherit;text-decoration:none}.radio-story .story-art{border-radius:12px}.music-story{border-radius:10px!important}.radio-community{border-radius:0 14px 14px 0}.monthly-list>li{border-radius:12px}.radio-onair{column-gap:28px}.radio-onair h2,.radio-onair h3{overflow-wrap:anywhere}.cms-story{height:100%}.cms-story .story-copy{padding:22px}.music-story-meta{line-height:1.5}
@media(max-width:900px){.wrap,.radio-home main,.radio-home>.footer,.site-header{width:calc(100% - 40px)}main :is(.own-page-heading,.broadcast-heading,.editorial-intro,.regional-page-intro){max-width:100%}.webplayer-page .webplayer-stage{gap:25px}}
@media(max-width:760px){
html{scroll-padding-top:92px;font-size:16px}.wrap,.radio-home main,.radio-home>.footer,.site-header{width:calc(100% - 32px)}body{line-height:1.6}.site-header{min-height:76px;padding:11px 0;gap:8px}.site-brand-name{font-size:21px}.site-header .site-brand-name>small{letter-spacing:1.1px}.site-header .site-navigation{border-radius:14px!important;padding:10px!important}.site-header[data-menu-ready=true] .site-navigation{max-height:calc(100svh - 190px)}.site-header .site-nav-link,.site-header .menu-dropdown>summary{font-size:15px;min-height:49px}.site-header .menu-panel strong{font-size:14px}.site-header .menu-panel small{font-size:12px;line-height:1.5}.site-header .menu-panel>a{gap:11px;padding:12px 9px}.site-header .menu-panel{padding:9px!important}.site-header .family-panel strong{font-size:13px}
main{padding-top:20px!important}main :is(.own-page-heading,.broadcast-heading,.editorial-intro,.regional-page-intro){padding-top:0;margin:22px 0 28px}main :is(.own-page-heading,.broadcast-heading,.editorial-intro,.regional-page-intro,.legal-main)>h1,.legal-main h1{font-size:clamp(30px,8.3vw,42px);line-height:1.13;letter-spacing:-1px;margin:13px 0 18px}main :is(.own-page-heading,.broadcast-heading,.editorial-intro,.regional-page-intro)>p{font-size:15px;line-height:1.75;margin:0}.page-breadcrumbs{font-size:11px;margin:0 0 20px;gap:7px}.eyebrow{font-size:10px!important;letter-spacing:1.1px;line-height:1.6}main h2{line-height:1.2}main :is(.section-heading,.radio-section-title,.weather-heading,.traffic-heading){gap:14px;align-items:start}.radio-section-title h2,.section-heading h2{font-size:28px;letter-spacing:-.8px}.radio-section-title{margin-bottom:20px}
/* Hero becomes a natural-flow card rather than a very tall fixed stage. */
.radio-home .radio-hero,.sibling-home .radio-hero,.sibling-home .radio-hero:has(.home-sleep[open]){min-height:0;margin-top:0;border-radius:16px}.radio-home .radio-hero-copy,.sibling-home .radio-hero-copy{padding:30px 22px 26px}.radio-home .radio-hero h1,.sibling-home .radio-hero h1{font-size:clamp(38px,10.4vw,56px);line-height:1.03;letter-spacing:-1.8px;margin:21px 0 18px}.radio-hero-copy>p{font-size:15px;line-height:1.65;margin-bottom:20px}.hero-current-show{font-size:12px!important;gap:9px!important}.hero-listen{gap:14px;max-width:none}.hero-listen .main-play{width:58px;height:58px}.hero-listen strong{font-size:17px}.hero-listen #player-status{font-size:12px;line-height:1.6}.hero-listen>a{padding:11px}.home-volume{margin-top:17px;gap:12px;max-width:100%}.home-volume input{flex:1;width:auto;max-width:220px;min-width:0}.home-sleep{font-size:13px;margin-top:9px}.home-sleep summary{min-height:44px;padding:10px 0}.home-sleep select{font-size:16px}.hero-song{position:relative;inset:auto;padding:18px 20px;min-height:0;gap:13px;background:#10191ddf}.hero-song>img{width:52px;height:52px}.radio-home .hero-song h2{font-size:17px;line-height:1.4;letter-spacing:-.3px}.hero-song p{font-size:13px;line-height:1.5}.hero-song>button{width:44px;height:44px}.radio-home .hero-song .eyebrow{font-size:9px!important}
.radio-onair{grid-template-columns:minmax(0,1fr)!important;gap:0;padding:24px 0}.onair-current,.onair-next{padding:0 0 18px;border-left:0}.onair-next{border-top:1px solid #ffffff16;padding-top:18px}.radio-onair h2,.radio-onair h3{font-size:20px;margin:8px 0}.radio-onair p{font-size:14px;line-height:1.7}.onair-plan{grid-column:1;padding:7px 0;font-size:14px;gap:12px}.radio-onair>small{font-size:11px;line-height:1.7;margin-top:12px}
/* Full-width story cards replace cramped image-and-text columns. */
.radio-stories,.radio-family,.sibling-home .cms-magazine{margin-top:36px}.radio-story-grid,.sibling-home .radio-story-grid,.radio-family-grid,.cms-magazine-grid{grid-template-columns:minmax(0,1fr);gap:22px}.radio-story,.radio-story.story-feature{display:block;padding:0 0 24px;min-width:0;border-bottom:1px solid var(--ui-border)}.radio-story .story-art,.radio-story.story-feature .story-art,.sibling-home .story-art{height:180px;min-height:0;border-radius:12px}.radio-story .story-copy{padding:19px 2px 0}.radio-story .story-copy h3{font-size:27px;line-height:1.15;margin:10px 0 13px}.radio-story .story-copy p{font-size:15px;line-height:1.75;margin:0 0 17px}.story-more{font-size:13px;min-height:35px}.sibling-home .song-art>span{font-size:34px;letter-spacing:-1px}.charts-feature-art strong{font-size:90px}.charts-feature-art>span{font-size:25px}.maxi-feature-art>strong{font-size:30px}.sibling-aid-art>strong{font-size:34px}.brand-art img{width:150px;height:150px}.brand-art>span{font-size:10px}.day-art strong{font-size:30px}.radio-story .day-art{padding:24px}.radio-story .day-disc{width:190px;height:190px}.radio-family-card{border-radius:12px;padding:23px;gap:18px}.radio-family-card h3{font-size:22px}.radio-family-card p{font-size:14px}.radio-family-card .eyebrow{font-size:9px!important}.radio-family-card div>span:last-child{font-size:13px}.radio-community{margin-top:32px;padding:25px 22px}.radio-community h2{font-size:28px}.radio-community p{font-size:15px;line-height:1.75}.community-links a{font-size:14px;min-height:48px;padding:13px}.radio-service>a{font-size:14px;min-height:52px}.radio-service{margin-bottom:24px}.cms-story .cms-story-art{aspect-ratio:1200/630;height:auto}.cms-story .story-copy{padding:22px}.cms-story h3{font-size:26px}.cms-story p{font-size:15px;line-height:1.75}.cms-story .story-more{font-size:13px}.cms-magazine h2{font-size:28px}.cms-magazine{padding:28px 0}.cms-all-link{font-size:14px}
.music-desk-heading h2{font-size:30px!important}.music-desk-heading p,.music-desk-intro p,.music-explore p{font-size:15px;line-height:1.75}.music-desk-intro h3{font-size:25px}.charts-home .music-story{padding:21px}.charts-home .music-story h4{font-size:21px;line-height:1.4}.music-story-meta{font-size:12px}.music-desk-status,.music-desk-note{font-size:12px;line-height:1.75}.sibling-home .sound-lead h2{font-size:28px}.sibling-home .sound-lead>p,.sibling-home .sound-grid p{font-size:15px;line-height:1.8}.sibling-home .sound-grid h3{font-size:21px}.sibling-home .sound-grid article{display:block;padding:23px 0}
/* Search and date filters always have their own clear row. */
.history-toolbar{display:flex;flex-direction:column;gap:16px;align-items:stretch}.station-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;gap:4px;border-radius:11px;width:100%}.station-tabs button{min-width:0;min-height:46px;padding:9px 5px;font-size:12px;line-height:1.4;overflow-wrap:anywhere;border-radius:7px}.search-label,.search-label input{width:100%!important;max-width:none}.search-label input{font-size:16px;min-height:49px;padding:13px 15px;border-radius:9px}.archive-daybar{display:flex!important;gap:7px;overflow-x:auto;justify-content:flex-start;padding:5px 1px 12px;scroll-snap-type:x proximity}.archive-daybar button{flex:0 0 69px;min-height:65px;border-radius:9px;scroll-snap-align:start;padding:10px 7px}.archive-daybar button strong{font-size:13px}.archive-daybar button span{font-size:12px}.archive-controls{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:6px 0 18px}.history-date-control{justify-content:space-between;font-size:14px}.history-date-control input{font-size:16px;min-height:46px;max-width:210px}.archive-date-hint{max-width:none;font-size:12px;text-align:left}.archive-explanation summary{font-size:14px;min-height:44px;padding:10px 0}.archive-note,.history-footnote{font-size:12px;line-height:1.75}.history-update{font-size:11px;max-width:none}.history-section>.section-heading{justify-content:flex-end;margin-bottom:14px}.history-row{grid-template-columns:45px 44px minmax(0,1fr);gap:12px;padding:16px 8px}.history-row img{width:44px;height:44px;border-radius:7px}.history-row time{font-size:13px}.history-song strong{font-size:15px;line-height:1.5;white-space:normal}.history-song>span{font-size:13px;line-height:1.5}.history-more{width:100%;font-size:14px;min-height:48px}.show-track{grid-template-columns:44px 42px minmax(0,1fr);gap:11px;padding:17px 0}.show-track strong{font-size:15px;line-height:1.5}.show-track span{font-size:13px}.show-track img{width:42px;height:42px;border-radius:6px}.show-track time{font-size:13px}
.schedule-overview-heading{display:flex;flex-direction:column;align-items:stretch;gap:16px}.schedule-overview-heading h2{font-size:26px}.schedule-overview-heading p{font-size:13px;line-height:1.6}.schedule-overview-heading .button{align-self:flex-start}.schedule-filter{display:flex;flex-wrap:wrap;gap:7px;padding:17px 0}.schedule-filter button{font-size:14px;min-height:44px;padding:10px 14px;border-radius:9px}.schedule-board,.schedule-board.single-day{grid-template-columns:minmax(0,1fr)}.schedule-day{border-radius:12px;overflow:hidden}.schedule-day-heading{padding:18px}.schedule-day-heading h3{font-size:22px}.schedule-slot{display:flex;flex-direction:column;gap:8px;padding:19px 18px}.schedule-slot-time{font-size:13px;line-height:1.6}.schedule-slot-copy h4{font-size:18px;line-height:1.45}.schedule-slot-copy p{font-size:14px;line-height:1.75}.schedule-slot-copy small{font-size:12px}.schedule-live-badge{font-size:11px}.show-intro{gap:25px}.show-intro>div>p{font-size:15px}.show-times{padding:22px 18px}.show-times li{font-size:14px;padding:12px 0;gap:12px;flex-wrap:wrap}.show-times li span{font-size:13px}.show-times>small{font-size:11px}.show-history-intro{font-size:15px}.show-history-tools label{font-size:14px}.show-history-tools input,.show-history-tools select{font-size:16px;min-height:48px}.show-history [role=status],.show-archive-note{font-size:12px;line-height:1.75}
/* Useful weather detail without miniature five-column cards. */
.weather-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}.weather-card{padding:21px}.weather-card h4{font-size:19px}.weather-card h3{font-size:20px}.weather-temperature strong{font-size:39px}.weather-symbol{font-size:34px}.weather-condition{font-size:15px}.weather-card small{font-size:12px;line-height:1.7}.weather-heading{flex-direction:column}.weather-heading>span{max-width:none;font-size:13px}.weather-city-tabs{gap:7px}.weather-city-tabs button{font-size:14px;min-height:46px;padding:11px 15px;border-radius:9px}.forecast-summary,.forecast-intro,.forecast-tomorrow{font-size:15px;line-height:1.8}.forecast-hours{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.forecast-hour{padding:18px}.forecast-hour time{font-size:14px}.forecast-hour-condition{font-size:13px}.forecast-hour small{font-size:12px}.forecast-updated,.regional-source,.regional-note,.regional-bottom{font-size:12px;line-height:1.8}.traffic-map-section>p{font-size:15px;line-height:1.75}.map-consent{padding:23px 19px;border-radius:14px}.map-consent p{font-size:14px;line-height:1.8}.map-consent h3{font-size:22px;line-height:1.3}.map-consent>div{display:flex;flex-direction:column;align-items:stretch;gap:13px}.map-consent a{font-size:13px;line-height:1.6}.map-consent .button{width:100%}.map-controls,.traffic-filters{display:grid!important;grid-template-columns:minmax(0,1fr);gap:13px}.map-controls[hidden]{display:none!important}.map-controls label,.traffic-filters label{font-size:14px;min-width:0}.map-controls select,.traffic-filters select,.traffic-filters input{font-size:16px;min-height:48px;padding:11px;max-width:100%;width:100%}.traffic-map-canvas{height:350px!important;border-radius:12px}.map-status,.map-source{font-size:12px;line-height:1.75}.map-active-tools summary{font-size:14px;min-height:44px;padding:10px 0}.traffic-item{padding:20px 17px;border-radius:11px}.traffic-item h4{font-size:17px;line-height:1.4}.traffic-item p{font-size:14px;line-height:1.8}.traffic-item small{font-size:12px}.traffic-item-heading{gap:12px}.road-badge{font-size:12px;padding:5px 8px}.regional-disclosure>summary{font-size:16px;min-height:49px}
/* Dedicated webplayer: track and controls directly below a smaller cover. */
.webplayer-main{padding-top:20px}.webplayer-channels{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px}.webplayer-channels>button{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:14px;padding:12px 15px;min-height:66px;text-align:left;border-radius:11px}.webplayer-channels img{width:39px;height:39px}.webplayer-channels button>span{font-size:14px;line-height:1.5}.webplayer-channels small{display:block;font-size:12px;margin-top:2px}.webplayer-stage{padding:23px 0!important;gap:22px!important;border-radius:14px}.webplayer-page .artwork-column{max-width:225px;width:65%;margin-inline:auto}.webplayer-artwork{border-radius:14px}.webplayer-track h1{font-size:29px!important;line-height:1.2}.webplayer-track .now-artist{font-size:19px;line-height:1.5;margin-bottom:20px}.webplayer-page .webplayer-controls{gap:22px}.webplayer-page .webplayer-controls .main-play{width:70px;height:70px}.webplayer-page .webplayer-track #player-status{font-size:13px;line-height:1.6}.webplayer-page .webplayer-tools{gap:10px;padding-top:19px}.webplayer-page .sleep-control{font-size:14px;gap:12px;flex-wrap:wrap}.webplayer-page .sleep-control select{font-size:16px;max-width:none;padding:10px}.webplayer-page .volume-caption{font-size:13px}.webplayer-page .stream-notice{font-size:12px;line-height:1.8}.artwork-credit{font-size:11px;line-height:1.6}.monthly-list>li{display:grid;grid-template-columns:33px minmax(0,1fr);gap:12px;padding:23px 18px}.monthly-number{font-size:20px}.monthly-list h2{font-size:24px}.monthly-artist{font-size:14px}.monthly-version{font-size:13px}.monthly-list p{font-size:15px;line-height:1.75}.monthly-list>li>a{grid-column:2;font-size:14px;margin-top:8px}.monthly-list>li>a small{font-size:12px}.monthly-disclosure{font-size:14px;line-height:1.8}
.legal-main{padding-top:24px}.legal-lead{font-size:16px;line-height:1.8}.legal-content h2{font-size:25px;margin:29px 0 15px}.legal-content p,.legal-content li,.legal-content address{font-size:15px;line-height:1.85}.legal-content{overflow-wrap:anywhere}.cms-article-intro h1{font-size:34px}.cms-article-lead,.cms-article-body{font-size:16px;line-height:1.85}.cms-article-body h2{font-size:26px}.cms-article-intro time,.cms-article figcaption{font-size:12px}.cms-back{font-size:14px}.footer,.independent-footer{gap:19px;padding:26px 0}.footer nav,.independent-footer nav,.footer>div{display:flex;flex-wrap:wrap;gap:8px 20px}.footer a,.independent-footer nav a{font-size:13px;min-height:35px;display:inline-flex;align-items:center}.footer small,.independent-footer small{font-size:11px;line-height:1.7}.independent-footer>div>span{font-size:12px;line-height:1.7}.artist-info-dialog{border-radius:15px;padding:23px;max-height:85svh}.artist-description{font-size:15px;line-height:1.8}.artist-facts{font-size:13px;grid-template-columns:85px minmax(0,1fr)}.artist-source{font-size:12px}.artist-info-dialog a{font-size:13px}.share-dialog label{font-size:14px}.share-dialog input{font-size:14px;min-height:48px}.artist-dialog-close{font-size:14px}.share-dialog>p{font-size:15px}
/* Two clear rows retain song info, play, sharing and song details. */
.persistent-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px 8px;width:calc(100% - 28px);padding:10px 0 calc(9px + env(safe-area-inset-bottom));min-height:0}.persistent-inner>img{grid-row:1;grid-column:1;width:42px;height:42px;border-radius:7px}.persistent-info{grid-row:1;grid-column:2/6}.persistent-info small,.persistent-info [data-persistent-station]{font-size:11px;line-height:1.4}.persistent-info strong{font-size:14px;line-height:1.45;margin-top:3px}.persistent-info>span{font-size:11px}.persistent-inner [data-persistent-toggle]{grid-row:1;grid-column:6;justify-self:end;width:46px;height:46px;min-width:46px}.persistent-inner [data-artist-info]{grid-row:2;grid-column:1/3;width:auto!important;border:0!important;border-radius:7px;display:flex!important;justify-content:center;gap:7px;min-height:40px}.persistent-inner [data-artist-info]:after{content:'Songinfos';font-size:12px}.persistent-inner [data-persistent-share]{grid-row:2;grid-column:3/5;display:flex;gap:7px;justify-content:center;min-height:40px}.persistent-inner [data-persistent-share]:after{content:'Teilen';font-size:12px}.persistent-inner [data-persistent-open]{grid-row:2;grid-column:5/7;display:flex!important;align-items:center;justify-content:center;max-width:none;font-size:12px;white-space:normal;padding:6px;min-height:40px}.persistent-inner [data-persistent-reconnect]{grid-row:3;grid-column:1/-1;justify-self:center}.persistent-inner [data-persistent-reconnect][hidden]{display:none!important}.persistent-inner [data-persistent-mute],.persistent-inner [data-persistent-volume]{display:none}.persistent-inner .control-icon{width:20px;height:20px}.persistent-inner [data-persistent-toggle] .control-icon{width:27px;height:27px}body.has-persistent-player{padding-bottom:calc(135px + env(safe-area-inset-bottom))!important}body.has-persistent-player:has([data-persistent-reconnect]:not([hidden])){padding-bottom:calc(185px + env(safe-area-inset-bottom))!important}
}
@media(min-width:501px) and (max-width:760px){.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.forecast-hours{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:360px){.site-header[data-brand=musikchartsradio] .site-brand-name,.site-header[data-brand=felixradio-extended] .site-brand-name{font-size:13px}.site-brand>img{width:30px}.radio-home .radio-hero-copy{padding-inline:19px}.hero-song{padding-inline:16px}.hero-song>img{width:44px;height:44px}.radio-home .hero-song h2{font-size:16px}.station-tabs button{font-size:11px}.radio-family-card{padding:19px 15px;gap:13px}.radio-family-card>img{width:65px;height:65px}.persistent-info strong{font-size:13px}.persistent-inner{gap:5px}.persistent-inner [data-artist-info]:after,.persistent-inner [data-persistent-share]:after{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:760px){.webplayer-page .webplayer-artwork>img{width:100%;height:100%;object-fit:cover}.webplayer-page .webplayer-artwork>img.sender-image{object-fit:contain;padding:12px}.archive-daybar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;overflow:visible;padding-bottom:10px}.archive-daybar button{min-width:0;min-height:63px;width:100%;padding:9px 4px}.regional-destinations{grid-template-columns:1fr;gap:16px}.regional-destinations>a{padding:24px;border-radius:13px}.regional-destinations p{font-size:15px;line-height:1.75}.own-faq{grid-template-columns:1fr;gap:12px}.own-faq details{padding:19px;border-radius:12px}.own-faq summary{font-size:16px;line-height:1.5;min-height:44px}.own-faq p{font-size:15px;line-height:1.75}.own-contact{grid-template-columns:1fr;gap:20px;padding:28px 0;margin:30px 0}.own-contact p{font-size:15px}.contact-address{font-size:21px}.contact-address small{font-size:13px}.show-history h2{font-size:28px}.track-release p{font-size:14px}.track-release small{font-size:12px}}