#oe-mobile-topbar,
#oe-mobile-drawer,
#oe-mobile-backdrop,
#oe-mobile-bottombar{
  display:none;
}

@media(max-width:860px){
  html,body{
    max-width:100%;
    overflow-x:hidden;
  }

  body{
    padding-top:74px !important;
    padding-bottom:88px !important;
  }

  #oe-mobile-topbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:64px;
    z-index:2147483000;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 14px;
    background:rgba(255,255,255,.98);
    border-bottom:1px solid rgba(0,0,0,.10);
    box-shadow:0 10px 26px rgba(0,0,0,.14);
    backdrop-filter:blur(12px);
  }

  #oe-mobile-topbar .oe-mobile-brand{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    text-decoration:none;
    color:#111;
  }

  #oe-mobile-topbar .oe-mobile-logo{
    width:40px;
    height:40px;
    border-radius:11px;
    background:#C41212;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    font-family:Arial,Calibri,sans-serif;
    flex:0 0 auto;
  }

  #oe-mobile-topbar .oe-mobile-title{
    display:flex;
    flex-direction:column;
    line-height:1.1;
    min-width:0;
  }

  #oe-mobile-topbar .oe-mobile-title strong{
    font-family:Arial,Calibri,sans-serif;
    font-size:16px;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  #oe-mobile-topbar .oe-mobile-title span{
    font-family:Arial,Calibri,sans-serif;
    font-size:11px;
    color:#666;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  #oe-mobile-menu-btn{
    width:44px;
    height:44px;
    border:0;
    border-radius:13px;
    background:#111;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(0,0,0,.18);
  }

  #oe-mobile-backdrop{
    position:fixed;
    inset:0;
    z-index:2147482998;
    background:rgba(0,0,0,.45);
  }

  body.oe-mobile-menu-open #oe-mobile-backdrop{
    display:block;
  }

  #oe-mobile-drawer{
    position:fixed;
    top:76px;
    left:14px;
    right:14px;
    z-index:2147482999;
    background:#111;
    border-radius:20px;
    padding:14px;
    box-shadow:0 22px 60px rgba(0,0,0,.42);
    border:1px solid rgba(255,255,255,.12);
  }

  body.oe-mobile-menu-open #oe-mobile-drawer{
    display:block;
  }

  #oe-mobile-drawer a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:48px;
    padding:12px 14px;
    border-radius:14px;
    color:#fff;
    text-decoration:none;
    font-family:Arial,Calibri,sans-serif;
    font-size:16px;
    font-weight:850;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  #oe-mobile-drawer a:last-child{
    border-bottom:0;
  }

  #oe-mobile-drawer a.primary{
    background:#C41212;
    margin-top:8px;
    box-shadow:0 10px 22px rgba(196,18,18,.28);
  }

  #oe-mobile-bottombar{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:2147483000;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:7px;
    padding:8px;
    background:rgba(17,17,17,.97);
    border-radius:20px;
    box-shadow:0 16px 40px rgba(0,0,0,.36);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(12px);
  }

  #oe-mobile-bottombar a{
    min-height:52px;
    border-radius:14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    font-family:Arial,Calibri,sans-serif;
    font-size:11px;
    font-weight:850;
    line-height:1.1;
  }

  #oe-mobile-bottombar a b{
    display:block;
    font-size:19px;
    line-height:1;
    margin-bottom:4px;
  }

  #oe-mobile-bottombar a.primary{
    background:#C41212;
  }
}

/* Fix 20260627b: echtes Logo + Desktopnavigation mobil ausblenden */
@media(max-width:860px){

  #oe-mobile-topbar .oe-mobile-logo{
    background:#fff !important;
    border:1px solid rgba(196,18,18,.22) !important;
    overflow:hidden !important;
    padding:3px !important;
  }

  #oe-mobile-topbar .oe-mobile-logo img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    display:block !important;
    border-radius:8px !important;
  }

  /*
    Altes Desktop-Menü mobil ausblenden.
    Die neue mobile Navigation bleibt sichtbar, weil sie eigene IDs hat.
  */
  header nav:not(#oe-mobile-drawer):not(#oe-mobile-bottombar),
  .header nav:not(#oe-mobile-drawer):not(#oe-mobile-bottombar),
  .site-header nav:not(#oe-mobile-drawer):not(#oe-mobile-bottombar),
  .main-header nav:not(#oe-mobile-drawer):not(#oe-mobile-bottombar),
  .top nav:not(#oe-mobile-drawer):not(#oe-mobile-bottombar),
  .navbar:not(#oe-mobile-topbar):not(#oe-mobile-drawer):not(#oe-mobile-bottombar),
  .nav-main,
  .main-nav,
  .desktop-nav,
  .desktop-menu,
  .menu-desktop,
  .nav-links,
  .header-menu{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    overflow:hidden !important;
  }

  /*
    Falls der alte Header zu hoch bleibt, mobil kompakt halten.
    Das neue Sticky-Menü liegt oben fest.
  */
  header,
  .header,
  .site-header,
  .main-header{
    min-height:0 !important;
  }
}

/* Fix 20260627c: altes Desktop-Menü auf Mobile hart ausblenden */
@media(max-width:860px){

  /*
    Alles, was nach klassischem Desktop-Header/Menu aussieht, mobil entfernen.
    Unsere neue mobile Navigation nutzt IDs und bleibt daher sichtbar.
  */
  body > header:not(#oe-mobile-topbar),
  body > .header,
  body > .site-header,
  body > .main-header,
  body > .topbar,
  body > .navbar,
  header:not(#oe-mobile-topbar),
  .header:not(#oe-mobile-topbar),
  .site-header:not(#oe-mobile-topbar),
  .main-header:not(#oe-mobile-topbar),
  .topbar:not(#oe-mobile-topbar),
  .navbar:not(#oe-mobile-topbar),
  nav:not(#oe-mobile-drawer):not(#oe-mobile-bottombar),
  .nav:not(#oe-mobile-drawer):not(#oe-mobile-bottombar),
  .navigation,
  .main-navigation,
  .primary-navigation,
  .main-nav,
  .nav-main,
  .desktop-nav,
  .desktop-menu,
  .menu-desktop,
  .menu-primary,
  .primary-menu,
  .nav-links,
  .menu-links,
  .header-menu,
  .top-menu,
  .page-menu,
  .portal-menu{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    height:0 !important;
    max-height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  /*
    Falls das alte Menü als Link-Leiste in einem Container ohne nav-Tag liegt.
    Begrenzung bewusst auf typische Kopfbereiche, damit Inhaltskarten nicht verschwinden.
  */
  .header a,
  .site-header a,
  .main-header a,
  .topbar a,
  .navbar a{
    display:none !important;
  }

  /*
    Neues mobiles Menü ausdrücklich wieder sichtbar erzwingen.
  */
  #oe-mobile-topbar,
  #oe-mobile-topbar *,
  #oe-mobile-drawer,
  #oe-mobile-drawer *,
  #oe-mobile-bottombar,
  #oe-mobile-bottombar *,
  #oe-mobile-backdrop{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  #oe-mobile-topbar{
    display:flex !important;
  }

  #oe-mobile-bottombar{
    display:grid !important;
  }

  body.oe-mobile-menu-open #oe-mobile-drawer{
    display:block !important;
  }

  body.oe-mobile-menu-open #oe-mobile-backdrop{
    display:block !important;
  }
}

/* Fix 20260627d: Mobile-Menü ca. 5px näher an Sticky-Topbar */
@media(max-width:860px){
  #oe-mobile-drawer{
    top:71px !important;
  }
}

/* Fix 20260627d: Mobile-Menü ca. 5px näher an Sticky-Topbar */
@media(max-width:860px){
  #oe-mobile-drawer{
    top:71px !important;
  }
}

/* Fix 20260627d: Mobile-Menü ca. 5px näher an Sticky-Topbar */
@media(max-width:860px){
  #oe-mobile-drawer{
    top:71px !important;
  }
}