/* === MTS Mobile Nav 1.4.1 === */

/* Toggle fixiert oben rechts */
#mtsNavToggle{
  position: fixed !important;
  top: 12px;
  right: 12px;
  z-index: 100002;
  appearance:none;
  border:1px solid #e6eaf0;
  background:#fff;
  border-radius:10px;
  padding:8px 12px;
  font-weight:700;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}
#mtsNavToggle[hidden]{ display:none !important; }

/* Panel-Layer */
.mts-mobile-panel,
.mts-bottom-panel{
  position: fixed;
  left:0; right:0;
  background:#fff;
  box-shadow:0 20px 40px rgba(0,0,0,.14);
  border-bottom:1px solid #eef2f7;
  z-index: 100001;
}
.mts-mobile-panel{ top:0; }
.mts-bottom-panel{ bottom:56px; border-top:1px solid #eef2f7; border-bottom:none; }
.mts-mobile-panel[hidden],
.mts-bottom-panel[hidden]{ display:none !important; }

/* Inhalt im Panel */
.mts-mobile-nav{ padding:12px 16px 16px; }
.mts-mobile-nav .mts-menu, .mts-mobile-nav .menu{ list-style:none; margin:0; padding:0; }
.mts-mobile-nav .mts-menu > li{ border-bottom:1px solid #eef2f7; }
.mts-mobile-nav a{ display:block; padding:13px 8px; color:#0f172a; text-decoration:none; font-size:16px; line-height:1.25; }
.mts-mobile-nav a:hover{ color:#108C3E; }

/* Submenüs */
.mts-mobile-nav li.menu-item-has-children{ position:relative; }
.mts-mobile-nav li.menu-item-has-children > ul{ display:none; padding-left:8px; }
.mts-mobile-nav li.menu-item-has-children.open > ul{ display:block; }
.mts-sub-toggle{
  appearance:none; border:none; background:transparent; color:#334155;
  font-size:18px; line-height:1; padding:12px; cursor:pointer;
  position:absolute; right:6px; top:2px;
}
.mts-mobile-nav li.menu-item-has-children > a{ padding-right:44px; }

/* Body Lock */
body.mts-lock{ overflow:hidden; }

/* Bottombar optional */
.mts-bottombar{
  position: fixed; left:0; right:0; bottom:0;
  background:#fff; border-top:1px solid #e9edf3;
  box-shadow:0 -10px 24px rgba(0,0,0,.06);
  display:flex; justify-content:center; padding:6px;
  z-index:100000;
}
.mts-bottombar[hidden]{ display:none !important; }
.mts-bottom-toggle{
  appearance:none; border:1px solid #e6eaf0; background:#fff; color:#0f172a;
  border-radius:999px; padding:8px 14px; font-weight:700;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}

/* Breakpoint: Theme-Navigation ausblenden, damit Panel standardmäßig ZU bleibt */
@media (max-width:980px){
  header nav > ul,
  .header-1 nav > ul,
  .header-2 nav > ul{
    display: none !important;   /* verhindert offenes Theme-Menü */
  }
  #mtsNavToggle{ display:inline-block !important; }
}