/* Hörmond.de 1.23.24 – stabiler PWA-Header und unabhängiges Mondmenü */
@media (max-width:900px){
  html body .topbar.topbar-premium{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
    isolation:isolate!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:76px!important;
    width:100%!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
  html body .topbar.topbar-premium::before,
  html body .topbar.topbar-premium::after{pointer-events:none!important}
  html body .brand.brand-premium{
    position:relative!important;
    z-index:1201!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    width:min(238px,calc(100vw - 94px))!important;
    max-width:calc(100vw - 94px)!important;
    min-height:54px!important;
    margin:0 auto 0 0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html body .brand.brand-premium .brand-logo-full{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:min(224px,61vw)!important;
    max-width:100%!important;
    height:auto!important;
    max-height:62px!important;
    min-width:1px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    opacity:1!important;
    visibility:visible!important;
    filter:drop-shadow(0 8px 22px rgba(241,196,107,.18))!important;
  }
  html body .brand.brand-premium.hm-logo-failed::after{
    content:'Hörmond.de';
    display:block;
    color:#f4d07b;
    font:700 30px/1 Georgia,'Times New Roman',serif;
    letter-spacing:-.02em;
    text-shadow:0 0 20px rgba(241,196,107,.2);
  }
  html body .brand.brand-premium.hm-logo-failed .brand-logo-full{display:none!important}
  html body .hm-menu-toggle{
    position:relative!important;
    z-index:1203!important;
    display:flex!important;
    flex:0 0 auto!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
  }
  html body .hm-menu-toggle *{pointer-events:none!important}
  html body .hm-mobile-menu{
    z-index:1500!important;
  }
  html body .hm-mobile-menu.is-open{
    display:block!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }
  html body .hm-mobile-menu-panel,
  html body .hm-mobile-menu-backdrop{
    pointer-events:auto!important;
  }
}
@media (max-width:390px){
  html body .brand.brand-premium{width:min(204px,calc(100vw - 86px))!important;max-width:calc(100vw - 86px)!important}
  html body .brand.brand-premium .brand-logo-full{width:min(196px,57vw)!important}
}
@media (display-mode:standalone) and (max-width:900px){
  html body .topbar.topbar-premium{
    padding-top:max(9px,env(safe-area-inset-top))!important;
  }
}