/* megamenu.css */

.megamenu-wrapper {
   display: none; 
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.1s ease, visibility 0.1s ease;
   margin: 0 auto; 
   width: 100%; 
   max-width: 1174px; 
   height: 5rem; 
   position: inherit;
   z-index: 5000;
}

.megamenu-wrapper.open {
   display: block;
   opacity: 1;
   visibility: visible;
}

@media (max-width: 1000px) {
   .megamenu-wrapper {
      display: none;
   }
}

/* Megamenu-Container */
   .megamenu-container {
      /*position: absolute;*/
      top: 100%;
      left: 0;
      width: 100%;
      z-index: 999;
      opacity: 0;
      visibility: hidden;
      display: none;
      transition: opacity 0.1s ease, visibility 0.1s ease;
   }

   .megamenu-container:nth-child(1) {
      background-color: rgb(76, 100, 135);
   }

   .megamenu-container:nth-child(2) {
      background-color: #644432;
   }

   .megamenu-container:nth-child(3) {
      background-color: rgb(90, 147, 72);
   }

/* Megamenu-Container when Open */
   .megamenu-container.open {
      display: block;
      opacity: 1;
      visibility: visible;
      transition: opacity 0.1s ease, visibility 0.1s ease;
   }

/* Megamenu-Wrap */  
   .megamenu {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      padding: 2rem 3.8rem 2rem 3.8rem;
      max-width: 1366px;
      margin: 0 auto;
   } 

/* Megamenu-Cols */
   .megamenu nav {
      flex: 1;
      margin: 0 1rem;
   }

   .megamenu nav:first-child {
      margin-left: 0;
   }

   .megamenu nav:last-child {
      margin-right: 0;
   }

/* Megamenu-List */
   .megamenu nav ul {
      display: flex;
      flex-wrap: wrap;
      /*justify-content: space-around;*/
      list-style: none;
      margin: 0;
      padding: 0;
   }

   .megamenu nav ul li {
      padding: 1rem 0;
      width:25%;
   }

/* Megamenu-Typo */
   .megamenu nav h3 {
      font-size: 1.2rem;
      margin-bottom: 1rem;
      color: #333;
   }

   .megamenu nav ul li a {
      color: #FFFFFF;
      text-decoration: none;
      font-size: 1.3rem;
      padding:0.7rem;
      font-weight: 400;
      border: 1px solid transparent;
      font-family: Georgia, 'Times New Roman', Times, serif;
   }

   .megamenu nav ul li a:hover,
   .megamenu nav ul li a:focus {
      color: #fff;
      border: 1px solid #fff;
   }

/* Responsives Design für kleinere Bildschirme */
@media (max-width: 992px) {
   .megamenu {
       flex-wrap: wrap;
   }

   .megamenu nav {
       flex: 1 1 50%;
       margin-bottom: 2rem;
   }
}

@media (max-width: 768px) {
   .nav_header_category {
       flex-direction: column;
   }

   .nav_header_category > li {
       width: 100%;
   }

   .nav_header_category > li > a {
       padding: 1rem;
   }

   /* Mega-Menü anpassen für mobile Geräte */
   .megamenu {
       flex-direction: column;
       padding: 1rem;
   }

   .megamenu nav {
       flex: 1 1 100%;
       margin: 0;
       margin-bottom: 1.5rem;
   }

   .megamenu nav:last-child {
       margin-bottom: 0;
   }
}

/* Optional: Styling für Übergangseffekte */
.megamenu-container {
   transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}