/* Einheitlicher Website-Header – Mobiles Entertainment Berlin, 30.07.2026 */
:root{--uh-red:#d71920;--uh-dark:#05070a;--uh-height:86px}
.uh-site-header{position:sticky;top:0;z-index:9999;width:100%;background:rgba(5,7,10,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.uh-inner{width:min(1480px,100%);min-height:var(--uh-height);margin:0 auto;padding:9px 26px;display:flex;align-items:center;gap:24px}
.uh-brand{display:flex;align-items:center;flex:0 0 auto;width:235px;max-width:31vw;color:#fff!important;text-decoration:none!important}
.uh-brand img{display:block;width:100%;height:auto;max-height:66px;object-fit:contain}
.uh-nav{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:22px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:850}
.uh-nav>a,.uh-dropdown-toggle{color:#fff!important;text-decoration:none!important;white-space:nowrap;opacity:.95}
.uh-nav>a:hover,.uh-nav>a:focus-visible,.uh-dropdown-toggle:hover,.uh-dropdown-toggle:focus-visible{color:#ff6268!important;opacity:1}
.uh-nav-cta{padding:11px 17px!important;border-radius:999px;background:var(--uh-red);box-shadow:0 12px 26px rgba(215,25,32,.28)}
.uh-nav-cta:hover{background:#aa1016!important;color:#fff!important}
.uh-phone{padding:9px 13px;border:1px solid rgba(255,255,255,.48);border-radius:999px}
.uh-menu-toggle{display:none;margin-left:auto;width:47px;height:43px;border:1px solid rgba(255,255,255,.55);border-radius:12px;background:transparent;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.uh-dropdown{position:relative;display:flex;align-items:center}
.uh-dropdown-toggle{display:inline-flex;gap:6px;align-items:center;padding:8px 0;border:0;background:none;font:inherit;font-weight:850;cursor:pointer}
.uh-dropdown-menu{position:absolute;top:calc(100% + 17px);left:50%;width:min(430px,calc(100vw - 30px));padding:14px;display:grid;gap:6px;background:#090d13;border:1px solid rgba(255,255,255,.17);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.48);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:.18s ease}
.uh-dropdown.is-open .uh-dropdown-menu,.uh-dropdown:focus-within .uh-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.uh-dropdown-menu a{display:block;padding:11px 12px;border-radius:12px;color:#fff!important;text-decoration:none!important;white-space:normal!important}
.uh-dropdown-menu a:hover{background:rgba(255,255,255,.09)}
.uh-dropdown-menu strong,.uh-dropdown-menu small{display:block}.uh-dropdown-menu strong{font-size:15px}.uh-dropdown-menu small{margin-top:3px;color:#cfd3d9;font-size:12px;line-height:1.35;font-weight:500}
.uh-cookie-link{display:none}
@media(max-width:1120px){.uh-inner{padding:8px 18px}.uh-brand{width:205px}.uh-nav{gap:15px;font-size:13px}.uh-phone{display:none}}
@media(max-width:820px){
 :root{--uh-height:72px}
 body.uh-menu-open{overflow:hidden}
 .uh-inner{min-height:var(--uh-height);padding:7px 14px;justify-content:space-between}
 .uh-brand{width:190px;max-width:68vw}.uh-brand img{max-height:56px}
 .uh-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
 .uh-nav{position:fixed;inset:var(--uh-height) 0 0;z-index:10000;margin:0;padding:20px 18px 34px;display:none;align-content:start;justify-content:start;overflow-y:auto;background:rgba(5,7,10,.995);font-size:17px}
 .uh-nav.is-open{display:grid;grid-template-columns:1fr;gap:7px}
 .uh-nav>a,.uh-dropdown-toggle{width:100%;min-height:48px;padding:13px 14px!important;display:flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.045);white-space:normal}
 .uh-nav-cta{justify-content:center;margin-top:7px;background:var(--uh-red)!important}
 .uh-phone{display:flex}
 .uh-dropdown{display:block;width:100%}.uh-dropdown-toggle{justify-content:space-between}
 .uh-dropdown-menu{position:static;width:100%;margin:6px 0 2px;padding:7px;display:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;background:#111720;border-radius:14px;box-shadow:none}
 .uh-dropdown.is-open .uh-dropdown-menu{display:grid;transform:none}
 .uh-dropdown-menu a{padding:12px}
 .uh-cookie-link{display:flex!important}
}
@media(max-width:390px){.uh-brand{width:164px}.uh-inner{padding-left:10px;padding-right:10px}.uh-menu-toggle{width:44px}}

/* Mobile-Menü-Fix 30.07.2026: Menü liegt vollständig über dem Seiteninhalt */
@media(max-width:820px){
  .uh-site-header{
    z-index:2147483000!important;
    isolation:isolate;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:#05070a!important;
  }
  .uh-nav{
    position:fixed!important;
    top:var(--uh-height)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100vw!important;
    max-width:none!important;
    height:calc(100vh - var(--uh-height))!important;
    height:calc(100dvh - var(--uh-height))!important;
    z-index:2147483001!important;
    background:#05070a!important;
    opacity:1!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .uh-nav.is-open{
    display:grid!important;
  }
  body>main,
  main{
    position:relative;
    z-index:0!important;
  }
}