/* =========================================================
   MOBILE HEADER FIXED V4
   Logo + Hamburger bleiben beim Scrollen FEST im Viewport.
   Mobile-Menüstruktur/JS werden nicht verändert.
   ========================================================= */
@media (max-width:980px){

  /* Nur der weiße Hauptheader wird fixiert.
     Topbar / Servicebar bleiben mobil ohnehin ausgeblendet. */
  .site-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:5000 !important;
    transform:none !important;
    margin:0 !important;
  }

  .site-header.header-compact{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    transform:none !important;
  }

  /* Mobile Headerhöhe aus dem vorhandenen Layout kompensieren,
     damit der Seiteninhalt nicht unter dem Header startet. */
  body{
    padding-top:74px !important;
  }

  /* Kein zusätzlicher künstlicher Spacer */
  .header-spacer,
  .site-header-spacer,
  .sticky-header-spacer{
    display:none !important;
    height:0 !important;
  }

  /* Header soll auf Mobile nicht beim Scrollen zusammenschrumpfen. */
  .site-header .header-inner,
  .site-header.header-compact .header-inner{
    min-height:74px !important;
  }

  .site-header .site-logo img,
  .site-header.header-compact .site-logo img{
    max-width:230px !important;
  }
}

@media (max-width:430px){
  body{
    padding-top:72px !important;
  }

  .site-header .header-inner,
  .site-header.header-compact .header-inner{
    min-height:72px !important;
  }

  .site-header .site-logo img,
  .site-header.header-compact .site-logo img{
    max-width:220px !important;
  }
}