html{
  zoom: 0.8;
}

.search-leiste{
  width: 600px;
}

.search-leiste-mobile{
  display: none;
}

@media (max-width: 600px) {
  .search-leiste {
    display: none;
  }

  .search-leiste-mobile{
  width: 350px;
  }
}

h6{
  font-size: 16pt !important;
}

/* Volle Breite fürs Menü */
.mega-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
}

/* Innerer Container zentriert */
.mega-container {
  max-width: 1550px;
  margin: 0 auto;
  padding: 2rem 2rem; /* Luft nach innen */
}

/* Columns nebeneinander */
.mega-columns {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  font-size: 14pt;
}

/* Jede Spalte */
.mega-col {
  flex: 1; /* alle gleich breit */
  min-width: 200px;
  margin-left: 15px;
}

/* Items schöner machen */
.mega-col .dropdown-item {
  padding: .35rem 0;
}

/* Grundzustand Dropdown (unsichtbar) */
.dropdown-menu {
  display: block;          /* überschreibt Bootstrap */
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* Wenn geöffnet */
.dropdown-menu.show {
  max-height: 1000px;      /* groß genug für Inhalte */
  opacity: 1;
}


.navbar-expand-lg .navbar-nav .dropdown-menu{
  top: 170px;
}


/* --- Kernstyles für die verbesserte Mobile-Navigation --- */
.navbar-brand img{ height:100px; }

/* Burger */
.wrapper-menu{ width:36px; height:28px; display:flex; flex-direction:column; justify-content:space-between; cursor:pointer; transition:transform .25s ease; }
.line-menu{ background:#000; border-radius:3px; width:100%; height:3px; }
.line-menu.half{ width:50%; }
.wrapper-menu.open{ transform:rotate(-45deg); }
.open .line-menu.start{ transform:rotate(-90deg) translateX(3px); transform-origin:right; transition:.25s; }
.open .line-menu.end{ transform:rotate(-90deg) translateX(-3px); transform-origin:left; transition:.25s; }

/* Overlay */
.mobile-nav-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.35); opacity:0; display:none; pointer-events:none; transition:opacity .25s ease; z-index:998; }
#mobileBackdrop{
  position:fixed; inset:0;
  background:rgba(0,0,0,.35);
  opacity:0 !important;
  display:none !important;
  pointer-events:none !important;
  z-index:998;
}

body.menu-open #mobileBackdrop{
  display:block !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

body.menu-open{ overflow:hidden; }

/* Collapse als Drawer unter Navbar */
@media (max-width: 992px){
  .navbar-brand img{ height:60px; }
  .navbar-collapse{
    position:absolute; left:0; right:0; top:100%; background:#fff; border-top:1px solid #e9ecef;
    max-height:0; opacity:0; overflow:hidden; padding:0 12px; transition:max-height .3s ease, opacity .2s ease, padding .2s ease; z-index:999;
  }
  .navbar-collapse.show{ max-height:70vh; opacity:1; padding:12px 12px 16px; overflow:auto; -webkit-overflow-scrolling:touch; }
  .navbar-collapse .navbar-nav{ width:100% !important; max-width:none !important; justify-content:flex-start !important; gap:.25rem; }
}

/* Desktop Layout-Details */
.navbar-nav .meNU .nav-link:hover{ color:#c39052 !important; }