/*disable TRP Lang switcher + Home in Menu on desktops*/
@media (min-width:1025px){
	.trp-menu-ls-item, .menu-item-3945{
    	display: none !important;
    }
}

@media (min-width:1025px){
  :root{
    --sb-min: 450px;
    --sb-ideal: 25vw;
    --sb-w: clamp(var(--sb-min), var(--sb-ideal), 100vw);
    --popup-shift: 80px;
    --bridge-offset: 0px;

    /* WP Adminbar (Desktop) */
    --adminbar-h: 32px;

    /* z-Index Basis bewusst UNTER der WP-Adminbar halten (WP ~ 99999) */
    --z-base: 9990;

    /* Animation */
    --mm-duration: 400ms;
    --mm-ease: cubic-bezier(.2,.7,.2,1);
    --mm-offset: 16px; /* Startversatz für Slide-in (links) & Slide-out (nach links) */
  }

  html, body { overflow-x: hidden; }
  body { padding-left: var(--sb-w) !important; }
  
  /*Altes submenu deaktivieren*/
  .elementskit-submenu-panel{ 
      display: none !important;
  }

  /* Sidebar */
  .elementor-element-976756f{
    position: fixed !important;
    left: 0;
    top: 0;
    width: var(--sb-w) !important;
    height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none;
    display: block !important;
    z-index: var(--z-base) !important; /* <— unter WP-Adminbar */
    transform: none !important;
  }
  .elementor-element-976756f::-webkit-scrollbar{ display:none; }
  .elementor-element-976756f .e-con-inner{ min-height: 0 !important; }

  /* Wenn Adminbar aktiv: Sidebar nach unten schieben + Höhe kürzen */
  .admin-bar .elementor-element-976756f{
    top: var(--adminbar-h) !important;
    height: calc(100vh - var(--adminbar-h)) !important;
  }

  /* === Megamenu-Panel: Grundzustand (versteckt) === */
  .elementor-element-976756f .elementskit-megamenu-panel{
    position: fixed !important;
    top: 0 !important;
    left: calc(var(--sb-w) - var(--popup-shift) + var(--bridge-offset)) !important;
    height: 100vh !important;
    z-index: calc(var(--z-base) + 1) !important;

    /* Start = versteckt */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(calc(-1 * var(--mm-offset))) !important;

    /* sanfte Transition */
    transition:
      opacity var(--mm-duration) var(--mm-ease),
      transform var(--mm-duration) var(--mm-ease),
      visibility 0s linear var(--mm-duration) !important; /* erst nach Fade-Out unsichtbar */
    will-change: opacity, transform;
  }

  /* Bei Adminbar: Popup ebenso nach unten + Höhe anpassen */
  .admin-bar .elementor-element-976756f .elementskit-megamenu-panel{
    top: var(--adminbar-h) !important;
    height: calc(100vh - var(--adminbar-h)) !important;
  }

  /* === Sichtbar NUR wenn per JS geöffnet (.is-open) === */
  .elementor-element-976756f li.is-open > .elementskit-megamenu-panel{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
    z-index: calc(var(--z-base) + 1) !important;
    transition:
      opacity var(--mm-duration) var(--mm-ease),
      transform var(--mm-duration) var(--mm-ease),
      visibility 0s linear 0s !important; /* sofort sichtbar */
  }

  /* Optional: Scroll-Lock wenn ein Panel offen ist (Body-Klasse wird per JS gesetzt) */
  body.ekit-menu-open { overflow: hidden; }

  /* Barrierearm: reduzierte Bewegung respektieren */
  @media (prefers-reduced-motion: reduce){
    .elementor-element-976756f .elementskit-megamenu-panel,
    .elementor-element-976756f li.is-open > .elementskit-megamenu-panel,
    .elementor-element-976756f .elementskit-dropdown{
      transition: none !important;
      transform: none !important;
    }
    
  }
}

    .elementskit-submenu-indicator{
        display: none !important;
    }
    
    @media (max-width:1024px){
    .elementskit-navbar-nav .elementskit-submenu-panel > li > a{
    	margin: 0px !important;
        padding: 0px 0px 0px 50px !important;
    }
  }
    
/* Kleine Desktop-Breiten: Sidebar etwas schmaler + proportional */
@media (min-width: 1025px) and (max-width: 1599px){
  :root{
    --sb-min: 350px;   /* <- nur hier kleiner */
    --sb-ideal: 30vw;  /* <- wächst proportional */
    --sb-w: clamp(var(--sb-min), var(--sb-ideal), 450px); /* <- nicht größer als bisher */
  }
}

/* Ab hier bleibt dein bisheriges Verhalten (450px oder 25vw, je nach Screen) */
@media (min-width: 1600px){
  :root{
    --sb-min: 450px;
    --sb-ideal: 25vw;
    --sb-w: clamp(var(--sb-min), var(--sb-ideal), 100vw);
  }
}


/*ab hier neue css für sidebar*/

@media (min-width:1025px){

  /* optional: wenn du Overlap willst, z.B. 8px – sonst 0 lassen */
  :root{ --popup-overlap: 0px; }

  /* Panel wieder echte Fullscreen-Höhe */
  .elementor-element-976756f .elementskit-megamenu-panel{
    position: fixed !important;
    top: 0 !important;
    height: 100vh !important;
    bottom: auto !important;

    left: calc(var(--sb-w) - var(--popup-overlap) + var(--bridge-offset)) !important;

    /* Panel selbst nicht scrollen lassen -> innen scrollen */
    overflow: hidden !important;

    /* macht den inneren Scrollbereich zuverlässig 100% hoch */
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  /* Adminbar: volle Höhe abzüglich Adminbar */
  .admin-bar .elementor-element-976756f .elementskit-megamenu-panel{
    top: var(--adminbar-h) !important;
    height: calc(100vh - var(--adminbar-h)) !important;
  }

  /* Scrollbereich: entweder .elementskit-dropdown (wenn vorhanden) ODER erster Child als Fallback */
  .elementor-element-976756f .elementskit-megamenu-panel > .elementskit-dropdown,
  .elementor-element-976756f .elementskit-megamenu-panel > :first-child{
    flex: 1 1 auto !important;
    min-height: 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
  }

  .elementor-element-976756f .elementskit-megamenu-panel > .elementskit-dropdown::-webkit-scrollbar,
  .elementor-element-976756f .elementskit-megamenu-panel > :first-child::-webkit-scrollbar{
    display: none;
  }
}