/* Todayly 2.16.1: TODAY.FM oben, Todayly-Community links, eckige Elemente. */
.todayly-global-header.header{background:#060a07f7;border-bottom:1px solid #35462e;box-shadow:0 8px 22px #0003}
.todayly-global-header .header-inner{width:100%;max-width:none;margin:0;min-height:82px;padding:9px clamp(18px,1.5vw,36px);display:grid;grid-template-columns:clamp(235px,21vw,480px) minmax(0,1fr) auto minmax(268px,340px) auto;gap:clamp(11px,1vw,21px);align-items:center;justify-content:normal}
.todayly-global-header .brand{grid-column:1;min-width:0;flex:auto;width:max-content;max-width:100%}
.todayly-global-header .brand img{width:clamp(140px,9.8vw,188px);height:auto;max-height:59px;object-fit:contain}
.todayly-global-header .brand span{display:none}
.todayly-radio-links{grid-column:2;display:flex;align-items:center;justify-content:flex-start;gap:clamp(11px,1.1vw,24px);white-space:nowrap;min-width:0}
.todayly-radio-links a{display:inline-flex;align-items:center;min-height:42px;flex:none;color:#e7eee4;text-decoration:none;font-size:clamp(.75rem,.76vw,.89rem);font-weight:740;line-height:1.2;border-bottom:2px solid transparent;padding:11px 2px 8px;transition:border-color .15s ease,color .15s ease}
.todayly-radio-links a:hover,.todayly-radio-links a:focus-visible,.todayly-radio-links a[aria-current="page"]{color:#b9f94a;border-bottom-color:#b9f94a;text-decoration:none}
.todayly-radio-back{grid-column:3;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;white-space:nowrap;background:#b9f94a;color:#111810!important;text-decoration:none!important;padding:9px 12px;font-size:.8rem;font-weight:850;border:1px solid #b9f94a}
.todayly-radio-back:hover,.todayly-radio-back:focus-visible{background:#d0ff79;color:#111810!important}
.todayly-global-header .header-radio{grid-column:4;display:grid;grid-template-columns:minmax(0,1fr) 43px;align-items:center;gap:10px;max-width:none!important;width:100%;min-width:0;min-height:53px;margin-left:0;padding:7px 8px 7px 12px;border:1px solid #526a35;background:#0d150c;justify-content:normal;flex:none}
.todayly-global-header .header-radio-details{max-width:none;min-width:0;gap:2px;align-items:flex-start}
.todayly-global-header .header-radio-label{font-size:.64rem;letter-spacing:.08em;line-height:1.3}
.todayly-global-header .header-radio-track{font-size:.78rem;font-weight:660;max-width:100%;line-height:1.32}
.todayly-global-header .header-radio-play{min-width:43px;width:43px;height:39px;font-size:.96rem}
.todayly-global-header .header-radio-volume,.todayly-global-header .header-radio-home{display:none!important}
.todayly-global-header .todayly-bell{grid-column:5;min-width:0;justify-self:end}
.todayly-global-header .todayly-bell-button{min-height:43px;padding:9px 12px;white-space:nowrap}
.todayly-global-header .sidebar-trigger{grid-column:1;display:none}
.todayly-radio-menu{display:none;position:relative;z-index:62;min-width:0}
.todayly-radio-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:7px 13px;border:1px solid #516d3e;color:#dff0d9;background:#142015;font-size:.77rem;font-weight:800;cursor:pointer;white-space:nowrap}
.todayly-radio-menu summary::-webkit-details-marker{display:none}
.todayly-radio-menu[open] summary,.todayly-radio-menu summary:hover{border-color:#b9f94a;color:#b9f94a}
.todayly-radio-menu .todayly-radio-links{position:absolute;left:0;top:calc(100% + 8px);display:flex;flex-direction:column;gap:0;width:min(260px,calc(100vw - 22px));padding:8px;background:#121b13;border:1px solid #527341;box-shadow:0 22px 45px #000b;white-space:normal}
.todayly-radio-menu .todayly-radio-links a{display:block;width:100%;padding:12px 13px;min-height:0;border-bottom:1px solid #334531;white-space:normal;font-size:.86rem}
.todayly-radio-menu .todayly-radio-links a:last-child{border-bottom:0}
.todayly-radio-menu .todayly-radio-links a:hover{background:#243524}
@media(max-width:1399px) and (min-width:801px){
  .todayly-global-header .header-inner{grid-template-columns:minmax(135px,1fr) auto auto minmax(205px,330px) auto;gap:clamp(8px,1vw,18px);padding-inline:clamp(14px,1.6vw,26px)}
  .todayly-global-header .brand img{width:clamp(127px,12vw,165px)}
  .todayly-global-header>.header-inner>.todayly-radio-links{display:none}
  .todayly-radio-menu{grid-column:2;display:block}
  .todayly-radio-back{grid-column:3}
  .todayly-global-header .header-radio{grid-column:4}
  .todayly-global-header .todayly-bell{grid-column:5}
}
@media(max-width:800px){
  .todayly-global-header .header-inner{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:48px 49px;column-gap:clamp(6px,1.5vw,12px);row-gap:4px;min-height:120px;height:120px;padding:9px clamp(9px,2vw,17px)}
  .todayly-global-header .sidebar-trigger{display:block;grid-column:1;grid-row:1;min-width:38px;height:40px;margin:0}
  .todayly-global-header .brand{grid-column:2;grid-row:1}
  .todayly-global-header .brand img{width:clamp(103px,20vw,133px)}
  .todayly-global-header>.header-inner>.todayly-radio-links{display:none}
  .todayly-radio-back{grid-column:3;grid-row:1;min-height:37px;font-size:.72rem;padding:8px 9px;gap:4px}
  .todayly-global-header .todayly-bell{grid-column:4;grid-row:1}
  .todayly-global-header .todayly-bell-button{min-height:38px;padding:7px 9px;font-size:1rem}
  .todayly-radio-menu{display:block;grid-column:1 / 3;grid-row:2;justify-self:start;align-self:center}
  .todayly-radio-menu summary{min-height:39px;font-size:.73rem}
  .todayly-global-header .header-radio{grid-column:2 / 5;grid-row:2;justify-self:stretch;min-height:44px;gap:7px;grid-template-columns:minmax(0,1fr) 38px;padding:4px 6px 4px 11px;margin-left:110px;width:calc(100% - 110px)}
  .todayly-global-header .header-radio-play{width:38px;min-width:38px;height:35px}
  .todayly-global-header .header-radio-label{font-size:.59rem}
  .todayly-global-header .header-radio-track{font-size:.7rem}
  .todayly-sidebar{top:120px!important;height:calc(100dvh - 120px)!important;max-height:none!important}
  .sidebar-shade{inset:120px 0 0!important}
  .todayly-app-grid{min-height:calc(100vh - 120px)}
  .todayly-bell-panel{top:120px!important}
}
@media(max-width:450px){
  .todayly-global-header .header-inner{padding-inline:8px;column-gap:6px}
  .todayly-global-header .brand img{width:clamp(98px,26vw,113px)}
  .todayly-radio-back{font-size:.66rem;padding-inline:7px}
  .todayly-radio-menu summary{font-size:.68rem;padding:6px 9px}
  .todayly-global-header .header-radio{margin-left:103px;width:calc(100% - 103px);padding-left:7px;gap:4px}
  .todayly-global-header .header-radio-label{font-size:.55rem}
  .todayly-global-header .header-radio-track{font-size:.66rem}
}
@media(max-width:350px){.todayly-global-header .brand img{width:91px}.todayly-radio-back{padding-inline:5px}.todayly-global-header .header-radio{margin-left:99px;width:calc(100% - 99px)}.todayly-global-header .header-radio-track{display:none}}
@media(prefers-reduced-motion:reduce){.todayly-radio-links a{transition:none}}
*,*::before,*::after{border-radius:0!important}
/* Auf breiten Monitoren bleibt auch die Lautstärkeregelung direkt im Player. */
@media(min-width:1750px){
  .todayly-global-header .header-radio{grid-template-columns:minmax(0,1fr) 43px 77px;gap:9px}
  .todayly-global-header .header-radio-volume{display:flex!important;gap:4px;font-size:.75rem}
  .todayly-global-header .header-radio-volume input{width:50px}
}
