/*
Theme Name: Herzfrequenz Radio
Theme URI: https://herzfrequenz-radio.de/
Author: Herzfrequenz Radio
Description: Modernes, responsives Webradio-Theme mit Streamplayer, Live-Status, Sendeplan und Teamverwaltung.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: herzfrequenz-radio
*/

:root{--hf-red:#ff153f;--hf-red-dark:#8e061d;--hf-blue:#286dff;--hf-bg:#05060a;--hf-panel:#101119;--hf-panel-2:#171823;--hf-text:#f7f7fb;--hf-muted:#aaaeba;--hf-line:rgba(255,255,255,.1);--hf-glow:0 0 32px rgba(255,21,63,.22);--hf-radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(255,21,63,.14),transparent 32%),radial-gradient(circle at 90% 16%,rgba(40,109,255,.12),transparent 30%),var(--hf-bg);color:var(--hf-text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-9999px}.hf-wrap{width:min(1180px,calc(100% - 32px));margin:auto}.hf-site{min-height:100vh}.hf-header{position:sticky;top:0;z-index:50;background:rgba(5,6,10,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--hf-line)}.hf-head-inner{min-height:80px;display:flex;align-items:center;gap:28px}.hf-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.02em}.hf-brand-mark{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--hf-red),var(--hf-blue));box-shadow:0 0 22px rgba(255,21,63,.4)}.hf-brand-mark svg{width:26px;fill:white}.hf-brand-name{font-size:1.05rem}.hf-nav{margin-left:auto}.hf-nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0}.hf-nav a{display:block;padding:10px 13px;border-radius:10px;color:#d7d8df;font-weight:700;font-size:.92rem}.hf-nav a:hover,.hf-nav .current-menu-item>a{background:rgba(255,255,255,.07);color:#fff}.hf-menu-toggle{display:none;margin-left:auto;border:1px solid var(--hf-line);background:var(--hf-panel);color:#fff;padding:9px 12px;border-radius:10px}.hf-live-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,21,63,.13);border:1px solid rgba(255,21,63,.45);color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.08em}.hf-live-dot{width:8px;height:8px;border-radius:50%;background:var(--hf-red);box-shadow:0 0 0 0 rgba(255,21,63,.6);animation:hfPulse 1.5s infinite}.hf-live-pill.is-offline{background:rgba(255,255,255,.05);border-color:var(--hf-line);color:var(--hf-muted)}.hf-live-pill.is-offline .hf-live-dot{background:#777;animation:none}@keyframes hfPulse{70%{box-shadow:0 0 0 9px rgba(255,21,63,0)}100%{box-shadow:0 0 0 0 rgba(255,21,63,0)}}
.hf-hero{padding:72px 0 42px;position:relative;overflow:hidden}.hf-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.hf-kicker{display:inline-flex;gap:8px;align-items:center;color:#ff7188;font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.14em}.hf-title{margin:16px 0 18px;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.96;letter-spacing:-.055em}.hf-title span{background:linear-gradient(90deg,#fff 5%,#ff3355 50%,#4c7fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hf-lead{color:#c4c6cf;font-size:1.13rem;max-width:650px}.hf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hf-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:12px;border:1px solid var(--hf-line);background:var(--hf-panel);font-weight:850;cursor:pointer;color:#fff}.hf-btn-primary{border:0;background:linear-gradient(100deg,var(--hf-red),#d50e46 50%,var(--hf-blue));box-shadow:0 8px 28px rgba(255,21,63,.25)}.hf-btn:hover{transform:translateY(-1px)}.hf-hero-card{position:relative;border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:25px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:var(--hf-glow);overflow:hidden}.hf-hero-card:before{content:"";position:absolute;inset:-80px;background:radial-gradient(circle,rgba(255,21,63,.25),transparent 55%);pointer-events:none}.hf-cover{aspect-ratio:1/1;border-radius:22px;background:linear-gradient(140deg,#21050b,#0b0b14 50%,#07193d);display:grid;place-items:center;position:relative;overflow:hidden}.hf-cover:after{content:"";position:absolute;inset:18%;border:5px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 80px rgba(255,21,63,.45)}.hf-cover-logo{position:relative;z-index:2;text-align:center}.hf-cover-heart{font-size:5rem;filter:drop-shadow(0 0 22px rgba(255,21,63,.75));animation:hfBeat 1.2s infinite}@keyframes hfBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.09)}30%{transform:scale(1)}}.hf-cover-logo strong{display:block;font-size:1.45rem;text-transform:uppercase;letter-spacing:.08em}.hf-cover-logo small{color:#bec1cc;letter-spacing:.25em}.hf-player{position:sticky;bottom:0;z-index:45;background:rgba(12,13,20,.93);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.12)}.hf-player-inner{min-height:92px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px}.hf-play{width:54px;height:54px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--hf-red),#b70832);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 22px rgba(255,21,63,.35);font-size:1.15rem}.hf-track{min-width:0}.hf-track-label{font-size:.72rem;color:#ff6d84;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.hf-track-title{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hf-track-sub{font-size:.85rem;color:var(--hf-muted)}.hf-volume{display:flex;align-items:center;gap:9px;color:var(--hf-muted)}.hf-volume input{accent-color:var(--hf-red);width:100px}
.hf-section{padding:64px 0}.hf-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.hf-section h2{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1}.hf-section-desc{margin:8px 0 0;color:var(--hf-muted)}.hf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hf-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--hf-line);border-radius:var(--hf-radius);padding:23px;box-shadow:0 12px 42px rgba(0,0,0,.18)}.hf-card h3{margin:8px 0 7px}.hf-card p{color:var(--hf-muted);margin:0}.hf-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(255,21,63,.22),rgba(40,109,255,.2));font-size:1.35rem}.hf-schedule{display:grid;gap:11px}.hf-show{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;padding:17px 19px;border:1px solid var(--hf-line);border-radius:14px;background:rgba(255,255,255,.035)}.hf-show-time{font-size:1.1rem;font-weight:900;color:#ff6a82}.hf-show h3{margin:0;font-size:1.02rem}.hf-show p{margin:2px 0 0;color:var(--hf-muted);font-size:.9rem}.hf-badge{padding:6px 9px;border-radius:999px;background:rgba(40,109,255,.13);color:#82a5ff;font-size:.74rem;font-weight:800}.hf-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hf-person{text-align:center}.hf-avatar{width:110px;height:110px;margin:0 auto 14px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#42101a,#101838);border:3px solid rgba(255,255,255,.1)}.hf-role{color:#ff657e;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hf-cta{padding:36px;border-radius:24px;background:linear-gradient(120deg,rgba(255,21,63,.22),rgba(40,109,255,.2));border:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:space-between;gap:25px}.hf-content{padding:56px 0}.hf-content article{background:var(--hf-panel);border:1px solid var(--hf-line);border-radius:var(--hf-radius);padding:clamp(22px,4vw,42px)}.hf-content h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08}.hf-entry a{color:#ff617a;text-decoration:underline}.hf-entry input,.hf-entry textarea,.hf-entry select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--hf-line);background:#090a10;color:#fff}.hf-footer{border-top:1px solid var(--hf-line);padding:42px 0 118px;color:var(--hf-muted)}.hf-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.hf-footer h3{color:#fff}.hf-footer ul{list-style:none;margin:0;padding:0}.hf-footer li{margin:7px 0}.hf-copy{border-top:1px solid var(--hf-line);margin-top:30px;padding-top:20px;font-size:.88rem}.alignwide{width:min(1180px,100%);margin-left:auto;margin-right:auto}.wp-block-image img{border-radius:14px}
@media(max-width:900px){.hf-nav{display:none;position:absolute;left:16px;right:16px;top:70px;background:#0c0d14;border:1px solid var(--hf-line);padding:10px;border-radius:14px}.hf-nav.is-open{display:block}.hf-nav ul{display:block}.hf-menu-toggle{display:block}.hf-header .hf-live-pill{display:none}.hf-hero-grid{grid-template-columns:1fr}.hf-hero-card{max-width:560px}.hf-grid{grid-template-columns:1fr 1fr}.hf-team-grid{grid-template-columns:1fr 1fr}.hf-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hf-wrap{width:min(100% - 22px,1180px)}.hf-brand-name{font-size:.9rem}.hf-hero{padding-top:45px}.hf-grid,.hf-team-grid,.hf-footer-grid{grid-template-columns:1fr}.hf-show{grid-template-columns:78px 1fr}.hf-show .hf-badge{display:none}.hf-cta{align-items:flex-start;flex-direction:column}.hf-player-inner{grid-template-columns:auto minmax(0,1fr)}.hf-volume{display:none}.hf-title{font-size:2.75rem}}
.hf-custom-logo{display:block;max-width:230px;max-height:58px;width:auto}