/* 11b-nav-desktop.css Stand: 18.07.2025*/
/** CSS Desktop Navigation **/

@media screen and (min-width: 768px) {

	/*
	.nav-mobile {
		display: none;
	}*/

	#nav-main {
		display: block;
		color: var(--linknavicolor);
		padding: 0 0.5em; /* Anpassen an das Container Padding */
		background-color: var(--navi-background);
		line-height: 2em;
	}

	#nav-main ul {
		list-style: none;
		margin: 0;
	}

	#nav-main .level_1 > li {
		float: left;
		margin: 0 0.1em 0 0.1em;
		padding: 0 1em 0 1em; 
		border-top-left-radius: 0.4em;
		border-top-right-radius: 0.4em;
		/* border-bottom-left-radius: 0.4em;
		border-bottom-right-radius: 0.4em; */
		background-color: var(--navi-element);
	}
	
	#nav-main .level_1 > li > a {
		text-decoration: none;
	}
	
	#nav-main .level_1 > li:hover,
	#nav-main .level_1 > li:hover > a,
	#nav-main .level_1 > li:focus {
		color: var(--linknavicolor);
		background-color: var(--navi-hover-back);
	}
	
	#nav-main .level_2 {
		width: 0;
		height: 0;
		position: absolute;
		left: -32768px;
		overflow: hidden;
		display: block;
	}
	
	#nav-main ul.level_2 {
		margin: 0;
		margin-left: -1em;
		padding: 1em 0 1em 0;
		text-align: left;
		border-bottom-right-radius: 0.4em;
		border-bottom-left-radius: 0.4em;
	}
	
	#nav-main li:hover .level_2 {
		width: auto;
		height: auto;
		min-width: 78px;
		left: auto;
		overflow: auto;
		display: block;
		background-color: var(--navi-element-2);
		z-index: 1000;
	}
	
	#nav-main .level_2 > li {
		float: left;
		margin: 0;
		padding: 0 1em 0 1em; 
		background-color: var(--navi-element);
	}
	
	#nav-main .level_2 > li > a {
		text-decoration: none;
	}
	
	#nav-main .level_2 > li:hover,
	#nav-main .level_2 > li:hover > a,
	#nav-main .level_2 > li:focus {
		color: var(--linknavicolor);
		background-color: var(--navi-hover-back);
	}
	
}