/* Hitradio Breitungen – Startseite neu ("Nachtfrequenz"). Ersetzt style.css NUR auf index.php. */
@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");
.hbr2{--bg:#070b16;--bg2:#0d1428;--card:#111a33;--line:#22305a;--text:#eef3ff;--mute:#93a2c7;--cyan:#3dd9ff;--pink:#ff3d9a;--amber:#ffb347;--violet:#9b7bff;--green:#46e6a0;--ink:#041421;--disp:"Bricolage Grotesque","Trebuchet MS",Arial,sans-serif;--body:"DM Sans","Segoe UI",Arial,sans-serif;--r:var(--hbr-radius,20px);--wrap:min(1180px,100% - 2*var(--hbr-page-pad,20px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body.hbr2{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.55 var(--body);padding-bottom:96px}
.hbr2 a{color:inherit;text-decoration:none}.hbr2 button{font:inherit;cursor:pointer}
.hbr2 :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.hbr2 h1,.hbr2 h2,.hbr2 h3,.hbr2 h4{font-family:var(--disp);letter-spacing:-.02em;margin:0}
.hbr2 .muted{color:var(--mute)}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:999;background:var(--cyan);color:var(--ink);padding:10px 16px;border-radius:10px}
.honeypot{position:absolute;left:-9999px;opacity:0}
/* Kopfzeile + Menü */
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;padding:10px max(var(--hbr-page-pad,20px),calc((100% - 1180px)/2));background:rgba(7,11,22,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{font:800 21px/1 var(--disp);letter-spacing:-.03em;white-space:nowrap}.brand b{color:var(--cyan)}
.nav{display:flex;gap:6px;margin-left:auto;align-items:center}
.nav a{--c:var(--cyan);display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:99px;border:1px solid transparent;font-size:15px;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s}
.nav a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.nav a:nth-child(2){--c:var(--pink)}.nav a:nth-child(3){--c:var(--amber)}.nav a:nth-child(4){--c:var(--violet)}.nav a:nth-child(5){--c:var(--green)}.nav a:nth-child(7){--c:var(--pink)}.nav a:nth-child(8){--c:var(--amber)}
.nav a:hover{background:color-mix(in srgb,var(--c) 18%,transparent);border-color:var(--c)}
.nav a.active{background:var(--c);border-color:var(--c);color:#061021;box-shadow:0 0 22px color-mix(in srgb,var(--c) 45%,transparent)}.nav a.active::before{background:#061021}
.quick-actions{display:none}
.header-actions{display:flex;align-items:center;gap:8px}
.social{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--mute)}.social:hover{color:var(--text);border-color:var(--cyan)}
.listen-btn,.primary-btn{background:var(--cyan);color:var(--ink);border:0;border-radius:99px;padding:12px 22px;font-weight:700}
.secondary-btn{display:inline-block;border:1px solid var(--mute);border-radius:99px;padding:12px 22px;font-weight:500;background:none;color:var(--text)}
.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:var(--cyan);font-size:28px}
.v17-live-notice{display:flex;justify-content:center;gap:10px;padding:9px 15px;background:#2a1a05;color:#ffe3a6;border-bottom:1px solid #6b4a12}
/* Hero */
main{display:block}
.radio-status-strip{display:flex;gap:12px;align-items:center;padding:8px max(var(--hbr-page-pad,20px),calc((100% - 1180px)/2));background:var(--bg2);border-bottom:1px solid var(--line);font-size:14px}
.radio-status-strip span{color:var(--pink);font-weight:700}.radio-status-strip small{color:var(--mute)}
.hero{width:var(--wrap);margin:0 auto;padding:clamp(36px,6vw,80px) 0 20px;display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;min-height:var(--hbr-hero-height,420px)}
.live-badge{display:inline-flex;align-items:center;gap:8px;color:var(--pink);font-weight:700;font-size:15px;margin-bottom:14px}
.live-badge span{width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:0 0 14px var(--pink)}
.hero h1{font-size:clamp(44px,7.4vw,var(--hbr-hero-title,96px));line-height:.94;letter-spacing:-.04em;font-weight:800;max-width:11ch;margin-bottom:18px}
.hero p{font-size:clamp(18px,2.2vw,var(--hbr-hero-text,22px));color:var(--mute);max-width:34ch;margin:0 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-copy::after{content:"";display:block;margin-top:40px;height:30px;width:min(480px,100%);border-top:1px solid var(--line);background:repeating-linear-gradient(90deg,var(--mute) 0 1px,transparent 1px 14px) top/100% 12px no-repeat,repeating-linear-gradient(90deg,var(--text) 0 2px,transparent 2px 70px) top/100% 24px no-repeat}
.hero-logo img{width:100%;height:auto;display:block;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent)}
.home-admin-content,.onepage-card{width:var(--wrap);margin:20px auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}
/* Jetzt / Als nächstes */
.v19-onair-board{width:var(--wrap);margin:14px auto 22px;display:grid;grid-template-columns:1fr 28px 1fr;gap:10px;align-items:center}
.v19-onair-card{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;min-width:0}
.v19-onair-card.is-now{border-color:var(--pink)}
.v19-onair-photo{width:84px;height:84px;border-radius:14px;overflow:hidden;background:var(--bg2);display:grid;place-items:center;font-size:34px}.v19-onair-photo img{width:100%;height:100%;object-fit:cover}
.v19-onair-copy{display:flex;flex-direction:column;min-width:0}.v19-onair-copy strong{font:800 20px/1.2 var(--disp)}.v19-onair-copy small{color:var(--mute);font-size:14px}
.v19-onair-label{color:var(--cyan);font-weight:700;font-size:13px}.is-now .v19-onair-label{color:var(--pink)}
.v19-onair-arrow{text-align:center;color:var(--mute)}
/* Player */
.player{width:min(var(--hbr-player-width,1180px),100% - 2*var(--hbr-page-pad,20px));margin:10px auto 28px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"badge badge badge" "ctrl info st";gap:6px 24px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 26px}
.player .live-badge{grid-area:badge;margin:0}.track-cover{display:none}
.home-v12-livecard,.manual-live-moderator{grid-column:1/-1;display:flex;gap:12px;align-items:center;color:var(--mute);font-size:14px}.home-v12-livecard img,.manual-live-moderator img{width:44px;height:44px;border-radius:50%;object-fit:cover}.home-v12-livecard div{display:flex;flex-direction:column}
.player-controls{grid-area:ctrl;display:flex;align-items:center;gap:12px}
.player-controls .play{order:-1;width:76px;height:76px;border-radius:50%;border:0;background:var(--cyan);color:var(--ink);font-size:28px;display:grid;place-items:center;box-shadow:0 0 30px rgba(61,217,255,.35)}
.player-controls .play[aria-pressed=true],.player.is-playing .play{background:var(--pink);color:#fff;box-shadow:0 0 30px rgba(255,61,154,.4)}
.player-small{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--mute)}
.track-info{grid-area:info;min-width:0}.track-info>span,.progress{display:none}
.track-info h2{font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.15}.track-info p{margin:2px 0 0;color:var(--mute)}.track-info small{color:var(--mute);font-size:14px}.track-info small b{color:var(--pink)}
.player-runtime{display:flex;gap:14px;align-items:center;margin-top:8px;font-size:14px;color:var(--mute)}
.player-state{display:inline-flex;align-items:center;gap:6px}.player-state i{width:8px;height:8px;border-radius:50%;background:var(--mute)}.player-state:not(.idle) i{background:var(--green)}
.volume-control{display:flex;align-items:center;gap:8px}.volume-control input{accent-color:var(--cyan);width:110px}
.station-info{grid-area:st;font-size:14px;color:var(--mute);display:flex;flex-direction:column;align-items:flex-end}.station-info strong{display:none}.station-info p{margin:0}
/* Zuletzt gespielt */
.recent-tracks-panel{width:var(--wrap);margin:0 auto 28px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}.section-head h2,.section-head h3{font-size:22px;font-weight:800}.section-head a,.section-head small{color:var(--cyan);font-size:14px}
.recent-tracks{display:grid;gap:8px}
/* Übersicht */
.home-content-heading{width:var(--wrap);margin:44px auto 14px}.home-content-heading span{display:none}.home-content-heading h2{font-size:clamp(28px,4vw,42px);font-weight:800}
.grid-3{width:var(--wrap);margin:0 auto 44px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:start}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;min-width:0}
.schedule-item{display:grid;grid-template-columns:var(--hbr-show-img,48px) 62px 1fr auto;gap:12px;align-items:center;padding:12px 6px;border-top:1px solid var(--line)}
.schedule-item time{font:800 19px var(--disp)}.schedule-item time small{display:block;font:400 12px var(--body);color:var(--mute)}
.schedule-item span b{display:block;font-size:16px}.schedule-item span small{color:var(--mute);font-size:14px}
.show-image{width:var(--hbr-show-img,48px);height:var(--hbr-show-img,48px);border-radius:10px;object-fit:cover;background:var(--bg2);display:grid;place-items:center}
.schedule-item.is-live{background:linear-gradient(90deg,rgba(255,61,154,.16),transparent);border-left:4px solid var(--pink)}
.schedule-item.is-live em::after{content:"Läuft jetzt";color:var(--pink);font:700 13px var(--body)}.schedule-item.is-next em::after{content:"Gleich";color:var(--cyan);font:700 13px var(--body)}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.team article{text-align:center;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:14px 8px}
.avatar{width:68px;height:68px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font:800 28px var(--disp);color:#fff;background:#1677d8}.avatar.purple{background:#7a3fe0}.avatar.pink{background:#c4146f}
.team h4{font-size:17px}.team small{color:var(--cyan);font-size:12px}
.news article{display:grid;grid-template-columns:72px 1fr 14px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.news-img{width:72px;height:56px;border-radius:10px;background:linear-gradient(160deg,#142a6b,#6a1b6e 60%,#ff3d9a);overflow:hidden}.news-img img{width:100%;height:100%;object-fit:cover}
.news h4{font-size:16px;line-height:1.25}.news small{color:var(--mute)}.news b{color:var(--mute)}
.onepage-section,.gallery-section,.contact-section{width:var(--wrap);margin:0 auto 48px}
.onepage-section .onepage-card{width:auto;margin:0;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.onepage-card p{margin:0;color:var(--mute)}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.gallery-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.gallery-card div{padding:12px 14px}.gallery-card small{display:block;color:var(--mute)}
.app-banner{width:var(--wrap);margin:0 auto 48px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(120deg,#142a6b,#4a1b6e 60%,#a01b64);border-radius:var(--r);padding:26px 30px}
.app-banner h2{font-size:26px}.app-banner p{margin:2px 0 0;opacity:.85}.headphone{font-size:40px}.store{margin-left:auto;border:1px solid rgba(255,255,255,.5);border-radius:99px;padding:10px 20px;font-weight:700}.store+.store{margin-left:0}
/* Formular */
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.contact-form{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.contact-form label{display:grid;gap:6px;font-size:15px;color:var(--mute)}.contact-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form input,.contact-form select,.contact-form textarea{font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}
.contact-form textarea{min-height:120px;resize:vertical}.contact-form button{justify-self:start}.request-status{margin:0;color:var(--green)}
.contact-info{display:grid;gap:14px;align-content:start}.info-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}.info-card b{font:800 18px var(--disp)}.info-card p{margin:6px 0 2px}.info-card span{color:var(--mute)}
/* Fuß */
footer{border-top:1px solid var(--line);padding:28px max(var(--hbr-page-pad,20px),calc((100% - 1180px)/2)) 36px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:18px;align-items:center;color:var(--mute);font-size:15px}
.footer-brand img{width:200px;height:auto;mix-blend-mode:screen;display:block}.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center}.footer-links a:hover{color:var(--text)}
.footer-social{display:flex;gap:8px;justify-content:flex-end;align-items:center}.footer-social a{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.copyright{grid-column:1/-1;text-align:center;margin:0;font-size:14px}
.top{position:fixed;right:18px;bottom:96px;width:44px;height:44px;border:0;border-radius:50%;background:var(--cyan);color:var(--ink);font-size:20px}
/* Dauerplayer unten */
.hbr-persistent-player{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 18px;background:rgba(7,11,22,.97);border-top:1px solid var(--line);backdrop-filter:blur(12px)}
.hbr-persistent-now{display:flex;flex-direction:column;min-width:0;line-height:1.3}.hbr-persistent-label{color:var(--pink);font-weight:700;font-size:13px}.hbr-persistent-now strong{font:800 16px var(--disp)}.hbr-persistent-now small{color:var(--mute);font-size:13px}.hbr-history-link{color:var(--cyan);font-size:13px}
.hbr-persistent-controls{display:flex;align-items:center;gap:10px}.hbr-persistent-controls button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--mute)}
.hbr-persistent-controls button.main{width:52px;height:52px;background:var(--cyan);border:0;color:var(--ink);font-size:19px}.hbr-persistent-volume input{accent-color:var(--cyan);width:100px}
/* Responsive */
@media(max-width:1000px){.grid-3{grid-template-columns:1fr 1fr}.grid-3>.panel:last-child{grid-column:1/-1}.hero{grid-template-columns:1fr}.hero-logo{order:-1;max-width:520px}.header-actions .social{display:none}}
@media(max-width:800px){.menu-toggle{display:block}.header-actions{display:none}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:8px;padding:14px;background:var(--bg2);border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:12px 16px}}
@media(max-width:760px){.player{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badge badge" "ctrl info" "st st";padding:18px}.player-controls .play{width:64px;height:64px}.station-info{flex-direction:row;flex-wrap:wrap;gap:4px 16px;align-items:flex-start}.v19-onair-board{grid-template-columns:1fr}.v19-onair-arrow{transform:rotate(90deg)}.grid-3,.contact-grid{grid-template-columns:1fr}.contact-form .two{grid-template-columns:1fr}.team{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr;text-align:center}.footer-brand img{margin:auto}.footer-social{justify-content:center}.hbr-persistent-now small{display:none}.schedule-item{grid-template-columns:48px 56px 1fr}.schedule-item em{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* Titelhistorie (per JS erzeugt) */
.recent-track{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:10px 12px;background:var(--bg2);border:1px solid var(--line);border-radius:14px}
.recent-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#1677d8,#7a3fe0);color:#fff}
.recent-track div b{display:block;font-size:16px}.recent-track div span{color:var(--mute);font-size:14px}.recent-track time{color:var(--mute);font-size:13px}
.show-state{color:var(--cyan);font-weight:700;font-size:13px}.show-state.live{color:var(--pink)}