nav {

  top: 0;
	
  margin-top: 0;

  padding-top: 0;	
	
  font-family: "Quicksand", Arial, sans-serif; /* Use Roboto for Headlines and Navigation font */
  font-weight: 900;	
  font-size: 125%;

	
  background-color: #d3d3d3; 

  position: fixed;
	
  width: 100%;
	
  display: flex;

  align-items: center;

  z-index: 1000;	
	
  padding-left: 6%;	/*120px */

  height: 80px;
	
  justify-content: space-between;

}

/* Logo container */

.nav-logo a {
  margin-right: 11em;
  display: inline-block;
  height: 60px;

}

.nav-logo img {

  height: 60px;
  width: auto;
  display: block;

}



/* Burger button styles */

.burger {

  top: 0;
		
  display: none;

  margin-top: 0;	
	
  margin-right: 10%;	
	
  position: absolute;

  top: 25px;

  right: 20px;

  width: 30px;

  height: 24px;

  background: none;

  border: none;

  cursor: pointer;

  z-index: 1100;

}


.burger:focus {

  outline: 2px solid #fff;

  outline-offset: 2px;

}


.burger-bar {

  display: block;

  width: 100%;

  height: 4px;

  background-color: #303030;

  margin-bottom: 5px;

  border-radius: 2px;

}


.burger-bar:last-child {

  margin-bottom: 0;

}


/* Main menu horizontal list */

.main-menu {
	

  display: flex;

  margin: 0;

  padding: 0;

  list-style: none;

}


.main-menu > li {

  position: relative;

}


.main-menu > li > a {

  display: block;

  padding: 1em 1.5em;

  color: #303030;

  text-decoration: none;

  cursor: pointer;

  white-space: nowrap;

}

.main-menu > li > a,
.submenu-column ul li a {
  transition: color 0.3s ease;
}

.main-menu > li > a:hover,
.submenu-column ul li a:hover {
  color: #900205; /* your desired hover color */
  background-color: transparent !important; /* remove background color */
  text-decoration: none !important; /* remove underline */
  outline: none;
  box-shadow: none;
  border: none;
}



/* Full width submenu container */

.submenu-container {

  position: fixed;

  top: 80px; /* nav height */

  left: 0;

  width: 100vw;

  box-sizing: border-box;

  background-color: #f9f9f9;

  box-shadow: 0 4px 8px rgba(0,0,0,0.1);

  padding: 1.5em 0; 

  display: none;

  z-index: 2000;

}


/* Show submenu when active */

.submenu-container.active {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(120px, 0.49fr)); /*Hier Spaltenbreite Submenue anpassen */

  gap: 0.65em;

} 

/* Inner wrapper aligns submenu content with main menu items */

.submenu-inner {

  margin-left: 7%; /* same as nav padding-left */
	
  max-width: calc(100vw - 120px);

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(120px, 0.49fr)); /*Hier Spaltenbreite Submenue anpassen */

  gap: 0.65em;

  padding: 0 1.4em; /* horizontal padding inside aligned area */

  box-sizing: border-box;

}

.submenu-column {

  display: flex;

  flex-direction: column;

}


.submenu-column h3 {

  margin-top: 0;

  font-size: 1.1em;

  color: #333;

  margin-bottom: 0.5em;

}


.submenu-column ul {

  list-style: none;

  padding: 0;

  margin: 0;

}


.submenu-column ul li {

  margin-bottom: 0.5em;

}


.submenu-column ul li a {

  color: #333;

  text-decoration: none;

  font-size: 0.95em;

}

/*
.submenu-column ul li a:hover {

  text-decoration: underline;

} */

.submenu-column ul li a:hover {

  color: #900205;

  text-decoration: none;

}


/* Responsive adjustments  768 */

@media (max-width: 1230px) {

  /* Show burger menu */

  .burger {

    display: block;

  }
	

  /* Hide main menu by default */

  .main-menu {
	  
	margin-top: 70%;
	  
    display: none;

    flex-direction: column;

    width: 100%;

    background-color: lightgrey;

    position: static;

  }


  /* Show main menu when active */

  .main-menu.active {

	  
    display: flex;

  }


  .main-menu > li > a {

    padding: 1em 1.5em;

    border-top: 1px solid #444;

  } 


  /* Submenu container - static below main menu */

  .submenu-container {
	  
	  
    position: static;

    width: 100%;

    padding: 0 1em 1em 1.5em;

    box-shadow: none;

    background-color: lightgrey;

    display: none;

    grid-template-columns: 1fr;

  }


  /* Show submenu full width below main menu item when active */

  .submenu-container.active {

    display: block;

  }


  .submenu-column h3 {

    color: #303030;

    font-size: 1em;

  }


  .submenu-column ul li a {

    color: #303030;

    font-size: 0.95em;

  }


  .submenu-column ul li a:hover {

    text-decoration: underline;

    color: #900205;

  }

}