/* Eifelradio navigation: one shared header for all public pages. */
html{scroll-padding-top:116px}
.header{position:sticky;top:0;z-index:60;background:#fcfaf3;border-bottom:1px solid #dce2d4;box-shadow:0 4px 18px #183e3105}
.header-inner{height:96px;display:flex;align-items:center;gap:22px;position:relative}
.header .brand{gap:18px;margin-right:auto}
.header .official-logo{width:106px;height:70px}
.brand-claim{display:block;white-space:nowrap;border-left:1px solid #cfd8c6;padding-left:18px;font:600 15px/1.3 var(--display-font);color:var(--forest)}
.header nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav-top-link,.nav-group>summary{min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;font:600 15px/1.3 var(--display-font);color:#365443;white-space:nowrap;border-radius:8px;transition:background .18s,color .18s}
.nav-group{position:static}
.nav-group>summary{cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;user-select:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-chevron{flex-shrink:0;transition:transform .18s}
.nav-group[open]>summary .nav-chevron{transform:rotate(180deg)}
.nav-top-link:hover,.nav-group>summary:hover,.nav-group[open]>summary{background:#eaf0e2;color:#173f2e}
.nav-top-link[aria-current=page],.nav-group:has([aria-current=page])>summary{background:#e4edda;color:#204e38;box-shadow:inset 0 -2px #8aa957}
.nav-group>summary:focus-visible{outline:3px solid #719d29;outline-offset:4px}
.nav-group-links{position:absolute;right:0;top:calc(100% - 1px);width:min(790px,100%);display:grid;grid-template-columns:minmax(0,1fr) 188px;gap:22px;padding:24px;background:#fcfaf3;border:1px solid #d4ddcb;border-top:3px solid #91ae66;border-radius:0 0 14px 14px;box-shadow:0 18px 40px #173a2926;animation:nav-reveal .16s ease-out}
.nav-group-links::before{content:'';position:absolute;top:-27px;left:0;right:0;height:27px}
.nav-menu-content{min-width:0}
.nav-panel-title{font-size:11px;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:#788763;margin:0 0 14px 12px}
.nav-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nav-entry{display:flex;align-items:flex-start;gap:11px;padding:14px 12px;border-radius:9px;min-width:0;min-height:92px;transition:background .18s}
.nav-entry-icon{flex-shrink:0;color:#52713e;width:28px;min-height:30px;display:grid;place-items:center}
.nav-entry-copy{min-width:0}
.nav-entry strong{display:block;font:600 16px/1.3 var(--display-font);color:#244c37;margin:3px 0 6px}
.nav-entry small{display:block;font-size:12px;line-height:1.5;color:#5d6f5e}
.nav-entry-arrow{margin-left:auto;font-size:16px;color:#78935c;line-height:1.5;transition:transform .18s}
.nav-entry:hover,.nav-entry[aria-current=page]{background:#e9efdf}
.nav-entry:hover .nav-entry-arrow{transform:translate(2px,-2px)}
.nav-entry[aria-current=page]{box-shadow:inset 3px 0 #8aa957}
.nav-region-photo{position:relative;overflow:hidden;border-radius:9px;min-height:215px;align-self:stretch}
.nav-region-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nav-region-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#153426d9,transparent 75%)}
.nav-region-photo figcaption{position:absolute;z-index:1;left:16px;right:16px;bottom:16px;font:600 14px/1.5 var(--display-font);color:#fff8e9}
.header-live{gap:11px;flex-shrink:0;padding:9px 16px 9px 10px;min-height:46px;border-radius:10px;font:600 15px/1.3 var(--display-font);box-shadow:0 3px 10px #204c3510}
.header-live-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d8e9b4;color:#244c37}
.header-live .play-symbol{font-size:12px}
.header-live:hover{transform:none;background:#2f6148}
.menu-toggle{display:none}
@keyframes nav-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1280px){.brand-claim{display:none}.header-inner{gap:18px}.header .brand{margin-right:12px}.nav-top-link,.nav-group>summary{padding-inline:12px}}
@media(max-width:1100px){
 html{scroll-padding-top:94px}
 .header-inner{height:78px;gap:12px;width:calc(100% - 36px)}
 .header .brand{margin-right:auto}.header .official-logo{width:86px;height:60px}
 .header-live{font-size:14px;min-height:44px;padding:7px 12px 7px 8px;gap:8px}.header-live-symbol{width:28px;height:28px}
 .menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;background:#edf1e5;border:1px solid #d4dec8;border-radius:9px;color:#234d39;min-width:48px;min-height:46px;padding:10px 13px}
 .menu-toggle-label{font:600 14px/1.3 var(--display-font)}
 .menu-toggle-icon{display:flex;flex-direction:column;justify-content:center;gap:6px;width:18px;height:22px}
 .menu-toggle-icon i{height:2px;width:18px;background:currentColor;display:block;transition:transform .18s}
 .menu-toggle[aria-expanded=true] .menu-toggle-icon i:first-child{transform:translateY(4px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] .menu-toggle-icon i:last-child{transform:translateY(-4px) rotate(-45deg)}
 .menu-toggle[aria-expanded=true]{background:#dfe9d2;border-color:#9caf83}
 .header nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:12px;background:#fcfaf3;border:1px solid #d4ddcb;border-top:3px solid #91ae66;border-radius:0 0 12px 12px;box-shadow:0 14px 32px #173a2924;max-height:calc(100dvh - 230px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding:12px}
 .header nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .nav-top-link{min-height:46px;font-size:16px;padding:12px;background:#eff2e8}
 .nav-group{grid-column:1/-1;border-top:1px solid #dce2d2;padding-top:5px}
 .nav-group>summary{justify-content:space-between;font-size:16px;min-height:50px;padding:12px}
 .nav-group-links{position:static;display:block;width:auto;padding:0 0 8px;border:0;border-radius:0;box-shadow:none;background:transparent;animation:none}
 .nav-group-links::before,.nav-panel-title,.nav-region-photo{display:none}
 .nav-menu-grid{grid-template-columns:1fr 1fr;gap:4px}
 .nav-entry{min-height:78px;padding:10px 12px;gap:10px}.nav-entry strong{font-size:15px;margin:2px 0 4px}.nav-entry small{font-size:12px}.nav-entry-icon{width:25px}.nav-entry-icon svg{width:22px;height:22px}
}
@media(max-width:560px){.nav-menu-grid{grid-template-columns:1fr}.nav-entry{min-height:65px}.nav-entry small{font-size:12px}.nav-entry-arrow{font-size:18px}.menu-toggle-label{display:none}.header-inner{gap:9px}}
@media(prefers-reduced-motion:reduce){.nav-group-links{animation:none}.nav-chevron,.nav-entry,.nav-entry-arrow,.nav-top-link,.nav-group>summary,.menu-toggle-icon i{transition:none}}
