.navi-haupt {
	width:100%;
	padding: 5px 0px 0px 8px;
	position:relative;
	overflow:visible;
}
.navi-haupt > ul {
	margin: 0;
	padding: 0;
}
.navi-haupt li  {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;

}

.navi-haupt > ul > li  {
	float: center;
	list-style: none;
	position: relative;
	margin:10px;
	margin-bottom:0px;
	padding:5px 0px 0px 0px;
	min-width:40px;
}

.navi-haupt > ul > li > ul  {
	display: none;
	position: absolute;
	top:41px;
	background-color:var(--farbe-menuhintergrund); /* Hintergrundfarbe für Untermenü*/
	padding: 8px;
	border-radius: 0px 0px 0px 0px;
	z-index: 100;
	filter: drop-shadow(5px 5px 5px gray);

}

.navi-haupt > ul > li > ul  {  /*Untermenu in Spalten anordnen, dabei zuerst untereinander, danach nächste Spalte*/
	height: 200px;             /*gibt die maximale Höhe des Untermenu an, bis zu der aufgelistet werden darf*/
	width:700px; 				/*gibt die maximale Breite des Untermenu an, bis zu der spalten entstehen dürfen*/
	column-count:4; 			/*gibt die maximale Anzahl Spalten an, die entstehen dürfen*/
  column-width: 150px;			/*gibt die maximale Breiter einer einzelnen Spalte an*/
}
	


.navi-haupt a,
.navi-haupt strong {
	text-decoration: none;
	color: var(--farbe-menulink);
	display: block;
	padding:13px 10px 3px 0px; 
	margin-left:5px;
	font-family: Arial;
	/* font-size: 12px;*/
	text-align:left;
	/*font-family: impact;
	letter-spacing: 2px;*/
}

.navi-haupt a:hover,
.navi-haupt a:focus {
	color: var(--farbe-menulinkhover);

}

.navi-haupt > ul > li > strong.active,
.navi-haupt > ul > li > .trail {
	color: var(--farbe-menulink);
	text-align:left;
	padding-left:2px;
	border-bottom: solid 3px var(--farbe-menulink);
}
.navi-haupt ul li:hover ul{
	display: block;
}


.navi-haupt > ul > li > ul > li > a{
	font-family: Arial;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	padding: 20px;

}

.navi-haupt ul.level_1 > li:hover {
	border-bottom: solid 3px var(--farbe-menulink);
}
.navi-haupt ul.level_1 > li.active:hover {
	border-bottom: solid 0px var(--farbe-menulink);
}


.navi-haupt ul li:hover ul li{
	width:100%;
}

.navi-haupt ul li ul li a{
	color: 	#000000;
	padding:5px	5px	5px	5px;
	border-radius: 2px; /* Weiße Rundung für Untermenü */ 
	display: block;
	text-align:left;
}