body.light-theme {
    --bg-color: #fff;
    --text-color: #333;
    --navbar-color: #f5f5f5;
  }
  
  body.dark-theme {
    --bg-color: #2f2f2f;
    --text-color: #eee;
    --navbar-color: #333;
  }
  
  body {
    background-color: var(--bg-color);
    color: var(--text-color);
  }
  
  .navbar {
    background-color: var(--navbar-color);
  }
  


.navbar.is-fixed-top {
    z-index: 100 !important;
  }
  
  .navbar .dropdown-menu {
    z-index: 200;
    background-color: #222; /* dunkler Hintergrund */
    border: 1px solid #444;
  }
  
  .navbar .dropdown-content .dropdown-item {
    color: #fff;
    background-color: #222;
  }
  .navbar .dropdown-content .dropdown-item:hover {
    background-color: #333;
  }

  /* Beispiel: Reduziere die minimale Breite des Dropdown-Menüs */
.dropdown.is-hoverable .dropdown-menu {
    width: auto !important;    /* oder feste Pixel: 80px, etc. */
    min-width: auto !important;
  }

  .footer-easycart {
    position: fixed;
    bottom: 0;
    background: linear-gradient(0deg, rgb(255, 102, 0) 0%, #f90 100%);
    color: var(--text-color);
    width: 100%;
    z-index: 1000;
  }
  
  .footer .box {
    background-color: var(--bg-color) !important; 
    color: var(--text-color) !important;
  }