.navigation-menu {
    list-style-type: none;
    padding: 0;
	
  }

  .navigation-point {
    cursor: pointer;
    display: inline-block;
	position: relative; /* Dies ermöglicht die Positionierung der Overlays */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }

.navigation-point a {
	margin-left: 0px;
}

.navigation-point a:hover, .navigation-point1 a:active { 
	color: #37bdfa;	
	text-decoration: none;
}

.navigation-point a:active, .navigation-point1 a:active {
	color: #37bdfa;
	text-decoration: none;
}

 .overlay, .overlayhalf  {
    display: none;
    position: absolute;
    top: 20px; /* Positioniert das Overlay direkt unter dem Menüpunkt */
    left: 0;
    background-color: #454550;
    min-width: 160px;
	border-radius: 10px;
    z-index: 1000;
	padding: 0;
	min-width: 650px;
	width: 100%;
  }

.overlayhalf {
	min-width: 325px;
}

  .overlay a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color: black;
  }
  
  .overlay hr {
    width: 92%;
    border: none;
    height: 1px;
    background-color: grey;
	margin: 0 auto;
  }

  /* Stil für den letzten Link im Overlay */
  .overlay .full-width-link {
    background-color: #2b2b3b; /* Dunkler Hintergrund */
    color: white; /* Helle Schrift */
    text-align: center; /* Text zentriert */
    display: block; /* Block-Element für volle Breite */
    padding: 12px 16px; /* Gleiches Padding wie andere Links */
    text-decoration: none; /* Keine Unterstreichung */
    margin-top: 10px; /* Etwas Abstand zum oberen Element */
	margin-left: 0px !important;
	text-align: left;
	text-transform: none;
	border-bottom-left-radius: 10px; /* Runde Ecken unten links */
	border-bottom-right-radius: 10px; /* Runde Ecken unten rechts */
  }

    .navigation-menu1 {
    list-style-type: none;
    padding: 10px 0;
    columns: 2; /* Erzeugt zwei Spalten */
    -webkit-columns: 2; /* Für Safari und ältere Chrome-Versionen */
    -moz-columns: 2; /* Für Firefox */
  }

.single-column-navigation-menu {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: normal;
  -webkit-column-gap: normal;
  column-gap: normal;
  padding: 10px 0;
}

  .navigation-menu1 li {
    -webkit-column-break-inside: avoid; /* Verhindert das Brechen von Items über Spalten in WebKit-Browsern */
    page-break-inside: avoid; /* Verhindert das Brechen von Items über Spalten */
    break-inside: avoid-column; /* Standard CSS3-Regel */
  }



  .navigation-point1 a {
	margin-left: 25px !important;
    padding: 5px;
    display: block; /* Stellt sicher, dass der ganze Bereich klickbar ist */
    text-decoration: none;
    color: black;
	text-transform: none;
  }