/* Hitradio Breitungen – gemeinsames Design für ALLE Unterseiten (wird zuletzt geladen; Backend unverändert) */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,800&family=DM+Sans:wght@400;500;700&display=swap");
:root{--hbr-bg:#070b16!important;--hbr-card:#111a33!important;--hbr-card-2:#0d1428!important;--hbr-text:#eef3ff!important;--hbr-muted:#93a2c7!important;--hbr-accent:#3dd9ff!important;--hbr-accent2:#ff3d9a!important;--hbr-border:#22305a!important;--rd-disp:"Bricolage Grotesque","Trebuchet MS",Arial,sans-serif;--rd-body:"DM Sans","Segoe UI",Arial,sans-serif;--rd-pink:#ff3d9a;--rd-cyan:#3dd9ff}
html body{background:#070b16!important;color:#eef3ff!important;font-family:var(--rd-body)!important}
h1,h2,h3,h4,.hero h1,.section-head h3{font-family:var(--rd-disp)!important;letter-spacing:-.02em}
:focus-visible{outline:3px solid var(--rd-cyan)!important;outline-offset:3px}
/* Kopfzeile */
.site-header{background:rgba(7,11,22,.88)!important;border-bottom:1px solid #22305a!important;box-shadow:none!important}
.brand img{mix-blend-mode:screen}
.nav a{color:#93a2c7!important;font-family:var(--rd-body)!important;font-size:15px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;border-bottom:0!important}
.nav a:hover{color:#eef3ff!important}
.nav a.active{color:#eef3ff!important;box-shadow:inset 0 -3px 0 var(--rd-pink)!important}
.listen-btn,.primary-btn{background:var(--rd-cyan)!important;color:#041421!important;box-shadow:none!important;border-radius:999px!important;font-weight:700!important}
.secondary-btn{background:transparent!important;border:1px solid #93a2c7!important;color:#eef3ff!important;border-radius:999px!important}
.social{border-color:#22305a!important;color:#93a2c7!important}
/* Hero */
.hero,.home-hero{background:linear-gradient(180deg,#070b16,#0d1428)!important;min-height:0!important;padding-top:clamp(40px,7vw,84px)!important;padding-bottom:0!important}
.hero:after{height:120px!important;background:linear-gradient(180deg,transparent,#070b16)!important}
.hero h1{font-size:clamp(44px,8vw,96px)!important;line-height:.94!important;letter-spacing:-.04em!important;font-weight:800!important;max-width:11ch}
.hero h1 strong{color:var(--rd-cyan)!important}
.hero p{color:#93a2c7!important}
.live-badge{color:var(--rd-pink)!important;font-family:var(--rd-body)!important}
.live-badge span{background:var(--rd-pink)!important;box-shadow:0 0 14px var(--rd-pink)!important}
.hero-logo{opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.hero-logo img{filter:none!important}
/* Radio-Skala unter dem Hero */
.hero-copy::after{content:"";display:block;margin-top:44px;height:30px;width:min(520px,100%);border-top:1px solid #22305a;background:repeating-linear-gradient(90deg,#93a2c7 0 1px,transparent 1px 14px) top/100% 12px no-repeat,repeating-linear-gradient(90deg,#eef3ff 0 2px,transparent 2px 70px) top/100% 24px no-repeat}
.radio-status-strip{background:#0d1428!important;border-bottom:1px solid #22305a!important;color:#eef3ff!important}
.radio-status-strip span{color:var(--rd-pink)!important}
/* Karten */
.glass,.panel,.onepage-card,.v19-onair-card,.team article,.news article{background:#111a33!important;border:1px solid #22305a!important;box-shadow:none!important;border-radius:20px!important}
.v19-onair-card.is-now{border-color:var(--rd-pink)!important}
.v19-onair-label{color:var(--rd-pink)!important;font-family:var(--rd-body)!important}
.player{border-radius:22px!important}
.player-controls .play,.play-btn{background:var(--rd-cyan)!important;color:#041421!important;border:0!important;box-shadow:none!important}
.track-cover{background:linear-gradient(160deg,#142a6b,#6a1b6e 60%,#ff3d9a)!important;border:0!important}
.track-info>span,.station-info strong,.section-head a{color:var(--rd-cyan)!important}
.progress i{background:var(--rd-pink)!important}
.section-head h3{font-size:22px!important;font-weight:800}
.schedule time{font-family:var(--rd-disp)!important;font-size:22px!important}
.schedule>div{border-bottom-color:#22305a!important}
.schedule em{background:var(--rd-pink)!important;border-radius:99px!important}
.avatar{background:linear-gradient(160deg,#1677d8,#7a3fe0)!important;border:0!important}
.team small{color:var(--rd-cyan)!important;border-color:#22305a!important;border-radius:99px!important}
.news-img{background:linear-gradient(160deg,#142a6b,#6a1b6e 60%,#ff3d9a)!important}
.app-banner{background:#111a33!important;border-color:#22305a!important}
/* Fuß */
footer,.site-footer{background:#070b16!important;border-top:1px solid #22305a!important}
button.top{background:var(--rd-cyan)!important;color:#041421!important;box-shadow:none!important}
.hbr-persistent-player{background:rgba(7,11,22,.97)!important;border-top:1px solid #22305a!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:800px){.hero-copy::after{margin-top:28px}.hero-logo{opacity:.3}}

/* ===== Menü in Senderfarben (wie Vorschau) ===== */
.nav{gap:6px!important;align-items:center!important}
.nav a{--c:#3dd9ff;padding:9px 16px!important;border-radius:999px!important;border:1px solid transparent!important;box-shadow:none!important;color:#eef3ff!important;line-height:1.2;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s,border-color .15s}
.nav a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.nav a:nth-child(1){--c:#3dd9ff}.nav a:nth-child(2){--c:#ff3d9a}.nav a:nth-child(3){--c:#ffb347}.nav a:nth-child(4){--c:#9b7bff}.nav a:nth-child(5){--c:#46e6a0}.nav a:nth-child(6){--c:#3dd9ff}.nav a:nth-child(7){--c:#ff3d9a}
.nav a:hover{background:color-mix(in srgb,var(--c) 18%,transparent)!important;border-color:var(--c)!important;color:#fff!important}
.nav a.active{background:var(--c)!important;border-color:var(--c)!important;color:#061021!important;box-shadow:0 0 22px color-mix(in srgb,var(--c) 45%,transparent)!important}
.nav a.active::before{background:#061021}
.menu-toggle{color:#3dd9ff!important}
.nav.open{background:#0d1428!important;border-bottom:1px solid #22305a!important;gap:8px!important;align-items:stretch!important}
.nav.open a{border-bottom:1px solid transparent!important;padding:12px 16px!important}

/* ===== Player wie in der Vorschau ===== */
.player.glass,.player{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"badge badge badge" "ctrl info st"!important;gap:6px 24px!important;align-items:center!important;padding:22px 26px!important;border-radius:22px!important;margin-top:-30px!important}
.player .track-cover{display:none!important}
.player .live-badge{grid-area:badge;margin:0!important;display:inline-flex;align-items:center;gap:8px;font-weight:700!important;font-size:15px!important;color:#ff3d9a!important}
.player .home-v12-livecard,.player .manual-live-moderator{grid-column:1/-1}
.player .player-controls{grid-area:ctrl;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important}
.player .player-controls .play{order:-1;width:76px!important;height:76px!important;border-radius:50%!important;background:#3dd9ff!important;color:#041421!important;border:0!important;font-size:28px!important;box-shadow:0 0 30px rgba(61,217,255,.35)!important;display:grid;place-items:center}
.player .player-controls .play[aria-pressed=true],.player.is-playing .play{background:#ff3d9a!important;color:#fff!important;box-shadow:0 0 30px rgba(255,61,154,.4)!important}
.player .player-small{width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid #22305a!important;background:transparent!important;color:#93a2c7!important;font-size:16px!important}
.player .track-info{grid-area:info;min-width:0}
.player .track-info>span{display:none}
.player .track-info h2{font-family:var(--rd-disp)!important;font-size:clamp(22px,3vw,30px)!important;font-weight:800!important;line-height:1.15!important;margin:0!important}
.player .track-info p{color:#93a2c7!important;margin:2px 0 0!important}
.player .progress{display:none}
.player .track-info small{color:#93a2c7!important;font-size:14px!important}
.player .track-info small b{color:#ff3d9a!important}
.player .station-info{grid-area:st;border:0!important;padding:0!important;font-size:14px;color:#93a2c7;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:120px}
.player .station-info strong{display:none}
.player .station-info p{margin:0!important}
.player .station-info::before{content:"";width:62px;height:36px;margin-bottom:8px;background:repeating-linear-gradient(90deg,#3dd9ff 0 5px,transparent 5px 9px);-webkit-mask:linear-gradient(90deg,#000,#000);clip-path:polygon(0 70%,8% 70%,8% 30%,16% 30%,16% 85%,24% 85%,24% 45%,32% 45%,32% 100%,40% 100%,40% 20%,48% 20%,48% 65%,56% 65%,56% 35%,64% 35%,64% 90%,72% 90%,72% 25%,80% 25%,80% 60%,88% 60%,88% 40%,100% 40%,100% 100%,0 100%)}
.player:has(.player-state:not(.idle)) .station-info::before{animation:rdEq 1s ease-in-out infinite alternate}
@keyframes rdEq{from{transform:scaleY(.5);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
.player-runtime{margin-top:8px}
.volume-control span{color:#93a2c7!important}
.volume-control input{accent-color:#3dd9ff}
@media(max-width:760px){.player.glass,.player{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"badge badge" "ctrl info" "st st"!important;padding:18px!important;margin-top:-14px!important}.player .player-controls .play{width:64px!important;height:64px!important}.player .station-info{flex-direction:row;flex-wrap:wrap;gap:4px 16px;align-items:flex-start}.player .station-info::before{display:none}}

/* ===== Dauerplayer unten ===== */
.hbr-persistent-label{color:#ff3d9a!important;font-weight:700!important}
.hbr-persistent-controls button.main{width:52px!important;height:52px!important;background:#3dd9ff!important;color:#041421!important;border:0!important;font-size:19px!important}
.hbr-persistent-controls button{background:transparent!important;color:#93a2c7!important;border:1px solid #22305a!important}
.hbr-persistent-volume input{accent-color:#3dd9ff}
.hbr-history-link{color:#3dd9ff!important}
@media (prefers-reduced-motion:reduce){.player .station-info::before{animation:none!important}}

/* ===== Gemeinsame Variablen der Community-Seiten (Chat, Forum, Voting …) ===== */
:root{--bg:#070b16;--panel:#111a33;--border:#22305a;--accent:#3dd9ff;--text:#eef3ff;--muted:#93a2c7;--b:#070b16;--p:#111a33;--bd:#22305a;--a:#3dd9ff;--t:#eef3ff;--m:#93a2c7;--rd-amber:#ffb347;--rd-violet:#9b7bff;--rd-green:#46e6a0}
body{background:#070b16!important;color:#eef3ff!important;font-family:var(--rd-body)!important;min-height:100vh}
a{color:#7fe6ff}
body>main a:not(.btn):not(.primary-btn):not(.secondary-btn){text-decoration-color:rgba(61,217,255,.4)}
.wrap h1,main h1,main h2{font-family:var(--rd-disp)!important;letter-spacing:-.02em}
.card,.post,.formbox,.poll,.chatbox,.cat,.panel,.chart,.empty-card{background:#111a33!important;border:1px solid #22305a!important;border-radius:18px!important;box-shadow:none!important}
.item,.message,.option,.topic,.recent-track{background:#0d1428!important;border-color:#22305a!important;border-radius:14px!important}
.item b,.message b,.post .head b,.count{color:#3dd9ff!important}
.post time,.message time{color:#93a2c7!important}
.status,.livebadge,.badge{border-color:#22305a!important;background:transparent!important;color:#3dd9ff!important;border-radius:99px!important}
.status.closed,.closed,.badge.closed{color:#ff8fc2!important;border-color:#6b2a4a!important}
.pin{color:#ffb347!important}
.btn,.poll button,.formbox button,.chatbox button[type=submit],form button[type=submit]{background:#3dd9ff!important;color:#041421!important;border:0!important;border-radius:99px!important;font-weight:700!important;box-shadow:none!important}
input,select,textarea{font-family:inherit}
.formbox input,.formbox textarea,.formbox select,.chatbox input,.chatbox textarea,.chatbox select,main input[type=text],main input[type=email],main textarea,main select{background:#0d1428!important;color:#eef3ff!important;border:1px solid #22305a!important;border-radius:12px!important}
.option input,input[type=range],input[type=checkbox],input[type=radio]{accent-color:#3dd9ff}
.bar{background:#1a2650!important}.bar i{background:linear-gradient(90deg,#3dd9ff,#ff3d9a)!important}
.notice{background:#10261f!important;border-color:#1f6b4f!important;color:#9bf2cf!important}.notice.err,.err{background:#33121f!important;border-color:#7b2a4d!important;color:#ffb3d1!important}
.hero{background:none!important}

/* ===== Gemeinsame Kopfzeile (Seiten mit includes/header.php UND Community-Seiten mit header.top) ===== */
.site-header.page-header,header.top{position:sticky!important;top:0;z-index:100;display:flex!important;align-items:center;gap:18px!important;height:auto!important;min-height:66px;padding:10px clamp(14px,3vw,40px)!important;background:rgba(7,11,22,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid #22305a!important}
.site-header.page-header{display:grid!important;grid-template-columns:auto 1fr auto!important}
.brand{font:800 21px/1 var(--rd-disp);letter-spacing:-.03em;white-space:nowrap;color:#eef3ff!important;text-decoration:none}.brand b{color:#3dd9ff}
header.top .brand{margin-right:auto}
header.top img{display:none!important}
.page-header .page-nav,header.top nav{display:flex;gap:6px!important;align-items:center;justify-content:flex-end;margin-left:auto}
.page-header .page-nav{justify-content:center;flex-wrap:wrap}
.page-header .page-nav a,header.top nav a{--c:#3dd9ff;display:inline-flex!important;align-items:center;gap:8px;padding:9px 15px!important;border-radius:99px!important;border:1px solid transparent;color:#eef3ff!important;font-size:15px!important;font-weight:500!important;line-height:1.2;text-decoration:none!important;transition:background .15s,border-color .15s}
.page-header .page-nav a::before,header.top nav a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.page-header .page-nav a:nth-child(2),header.top nav a:nth-child(2){--c:#ff3d9a}
.page-header .page-nav a:nth-child(3),header.top nav a:nth-child(3){--c:#ffb347}
.page-header .page-nav a:nth-child(4),header.top nav a:nth-child(4){--c:#9b7bff}
.page-header .page-nav a:nth-child(5),header.top nav a:nth-child(5){--c:#46e6a0}
.page-header .page-nav a:nth-child(6),header.top nav a:nth-child(6){--c:#3dd9ff}
.page-header .page-nav a:nth-child(7),header.top nav a:nth-child(7){--c:#ff3d9a}
.page-header .page-nav a:hover,header.top nav a:hover{background:color-mix(in srgb,var(--c) 18%,transparent)!important;border-color:var(--c);color:#fff!important}
.page-header .page-nav a.active,header.top nav a[aria-current=page]{background:var(--c)!important;border-color:var(--c);color:#061021!important;box-shadow:0 0 22px color-mix(in srgb,var(--c) 45%,transparent)}
.page-header .page-nav a.active::before,header.top nav a[aria-current=page]::before{background:#061021}
.page-nav-toggle{background:transparent!important;border:1px solid #22305a!important;color:#3dd9ff!important;border-radius:12px!important}
@media(max-width:800px){.site-header.page-header{grid-template-columns:1fr auto!important}.page-header .page-nav{background:#0d1428!important;border:1px solid #22305a!important;border-radius:18px!important;gap:6px!important;align-items:stretch!important;top:72px!important;box-shadow:0 20px 50px rgba(0,0,0,.5)}.page-header .page-nav a{padding:12px 16px!important}}
@media(max-width:700px){header.top{padding:8px 14px!important}.brand{font-size:18px}}

/* ===== Gemeinsamer Fuß ===== */
.page-footer{display:grid!important;grid-template-columns:1fr auto!important;gap:18px 30px!important;align-items:center!important;padding:30px clamp(14px,3vw,40px) 100px!important;margin-top:48px;background:#070b16!important;border-top:1px solid #22305a!important;color:#93a2c7!important;font-size:15px}
.page-footer a{color:#93a2c7!important;text-decoration:none}.page-footer a:hover{color:#eef3ff!important}
.page-footer .footer-brand{display:flex;flex-direction:column}.page-footer .footer-brand b{font:800 20px var(--rd-disp);color:#eef3ff!important}.page-footer .footer-brand span{color:#93a2c7}
.page-footer .footer-main-links,.page-footer .footer-legal{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.page-footer .footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #22305a;padding-top:16px}
.page-footer .footer-legal span{opacity:.5}
@media(max-width:700px){.page-footer{grid-template-columns:1fr!important}}

/* ===== Dauerplayer unten (alle Seiten) ===== */
.hbr-persistent-player{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(7,11,22,.97)!important;border-top:1px solid #22305a!important}
@media(max-width:700px){header.top{flex-wrap:wrap}header.top nav{width:100%;margin-left:0;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap}header.top nav a{white-space:nowrap;padding:8px 12px!important;font-size:14px!important}}

/* ===== Programm: Datums-Tabs, Tageskarten, Sendungszeilen ===== */
.program-day-tabs button:not(.active):not([aria-pressed="true"]){background:#111a33!important;color:#eef3ff!important;border:1px solid #22305a!important;border-radius:99px!important;box-shadow:none!important}
.program-day-tabs button:not(.active):not([aria-pressed="true"]) small{color:#93a2c7!important;opacity:1!important}
.program-day-tabs button:not(.active):not([aria-pressed="true"]) b{background:#22305a!important;color:#eef3ff!important}
.program-day-tabs button:hover:not(.active):not([aria-pressed="true"]){border-color:#3dd9ff!important}
.program-day-tabs button.active,.program-day-tabs button[aria-pressed="true"]{background:#3dd9ff!important;color:#041421!important;border:1px solid #3dd9ff!important;border-radius:99px!important;box-shadow:0 0 22px rgba(61,217,255,.35)!important}
.program-day-tabs button.active small,.program-day-tabs button[aria-pressed="true"] small{color:#041421!important;opacity:.75!important}
.program-day-tabs button.active b,.program-day-tabs button[aria-pressed="true"] b{background:#041421!important;color:#3dd9ff!important}
.program-day-tabs{backdrop-filter:blur(14px);background:rgba(7,11,22,.85)}
.program-day,.v13-program-summary>div,.team-page-card,.news-page-card,.gallery-card,.program-card,.news-card,.team-card,.community-card,.vote-card{background:#111a33!important;border:1px solid #22305a!important;border-radius:18px!important;box-shadow:none!important}
.v13-program-summary>div.v15-onair-summary{border-color:#ff3d9a!important}
.v13-program-summary span{color:#93a2c7!important;font-size:12px!important;letter-spacing:0!important}
.v13-program-summary b{color:#eef3ff!important;font:800 20px var(--rd-disp)!important}
.v13-program-summary small{color:#93a2c7!important;font-size:14px!important}
.program-day .onepage-card,.program-row{background:#0d1428!important;border:1px solid #22305a!important;border-radius:14px!important;box-shadow:none!important}
.program-row.is-current{border-color:#ff3d9a!important;background:linear-gradient(90deg,rgba(255,61,154,.16),#0d1428)!important}
.program-time{font-family:var(--rd-disp)!important;color:#eef3ff!important}
.program-time small,.program-row small{color:#93a2c7!important}
.program-genre{color:#3dd9ff!important;border-color:#22305a!important;background:transparent!important}
.program-placeholder{background:#111a33!important;border:1px solid #22305a!important}
.program-day .section-head h2{font:800 clamp(24px,3.4vw,34px)/1.1 var(--rd-disp)!important;color:#eef3ff!important}
.program-day .section-head span{color:#93a2c7!important}
.page-hero-small>span{color:#3dd9ff!important}
.page-hero-small h1{font-family:var(--rd-disp)!important;letter-spacing:-.03em;font-weight:800}
.page-hero-small p,.page-editor-public-content{color:#93a2c7!important}

.page-header .page-nav a:nth-child(8){--c:#ffb347}