#Menue{
	
	left:0;
	position:fixed;
	width:0;
	height: 100%;
	padding:2px;
	transition: width 1s;
	z-index:10;
	
	
}
#Menue-Dummy{
	border-radius: 59px;
	margin-left:3px;
	width:2em;
	box-shadow: var(--bs-heraus);
	float:left;
	margin-top:5em;

}
#Menue-Text{
	writing-mode: tb-rl;
	transform:rotate(180deg);
	letter-spacing:1em;
    text-indent:1em;
	margin:auto;
	color:var(--color-important);

}
#Menue-Inhalt{
	display:none;
	z-index:10;
	margin-right:10px;
	margin-top:4em;
	border-radius: 15px;
	/*position:absolute;*/
	top:0;
	width:100%;
	overflow:visible;
	background:linear-gradient(145deg,var(--color-menu-bg),transparent);
}

.Menuehover:hover{width:auto}
.Menuehover:hover #Menue-Inhalt{
	display:block;
	transition:1s ease-out;
    flex-direction:column;
	width: fit-content;
    height: 100%;
}
.Menuehover:hover #Menue-Dummy{
	transition: all 1s ease-in;
	transform:translateX(-70px);
	display:none;
}

#Menue-Inhalt>div{

}	
#Menue ul{padding:1em}
#Menue li{list-style:none}
/*#Menue li.Ebene1 .offen{list-style:disclosure-open}
#Menue li.Ebene1{list-style:disclosure-closed}*/
#Menue li.Ebene3{list-style:none;}
#Menue li.Ebene3:hover{list-style:circle;}
#Menue .Ebene3{float:left;clear:left}
/*#Menue li.Eingabe::marker{color:var(--color-eingabe)}
#Menue li.Ausgabe::marker{color:var(--color-ausgabe)}*/
#Menue li>span{color:var(--color-text)}
#Menue li>span.Eingabe{color:var(--color-eingabe)}
#Menue li>span.Ausgabe{color:var(--color-ausgabe)}

#Menue-Inhalt>div>form>label,.Ebene1:first-child,#Menusearch{
	vertical-align:top;
	background:linear-gradient(145deg,var(--color-white),var(--color-button-bg)) !important;
	clear:left;
	float:left;
	margin:10px;
	padding:10px;
	border-radius: 59px;
	color:var(--color-text);
	font-size:larger;

	
	box-shadow: var(--bs-sehrheraus);
}
#Menue-Inhalt>div>form>label:hover,.Ebene1:first-child:hover{
	box-shadow:  var(--bs-sehrheraus-hover);
}
#Menue-Inhalt>div>form>label:active,.Ebene1:first-child:active{
	box-shadow:  var(--bs-sehrheraus-active);
}
#Menue-Inhalt>div>form>select,.Ebene2:first-child{
	background:linear-gradient(145deg,var(--color-white),var(--color-button-bg)) !important;
	border-radius: 59px;
	float:left;
	clear:left;
    height:auto;
    size:auto;
	outline:0;
	box-shadow:var(--bs-heraus);
	padding-left: 4px;
	padding-right: 4px;
	margin:2px;
}
#Menue-Inhalt>div>form>select>optgroup>option,span.Ebene3:first-child{
	
	border-radius: 12px;
	background-color:var(--color-bg);
	box-shadow:  var(--bs-heraus);
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	float:left;
	clear:left;
	padding-left: 4px;
	padding-right: 4px;
	margin:2px;

}
#Menue-Inhalt>div>form>select>optgroup{
	color:var(--color-text);
}
#Menue-Inhalt>div>form>select>optgroup>option:active {
    box-shadow: var(--bs-sehrheraus-active);
}
#Menue-Inhalt>div>form>select>optgroup>option:hover{
	box-shadow: var(--bs-hinein);
}

.Eingabe{
  color:var(--color-eingabe);
}
.Eingabe:hover{
  color:var(--color-eingabe-hover);
}
.Eingabe:active{
  color:var(--color-important);
}
.Ausgabe{
  color:var(--color-ausgabe);
}
.Ausgabe:hover{
  color:var(--color-ausgabe-hover);
}
.Ausgabe:active{
  color:var(--color-important);
}
#Menue span.Ebene2{font-size:large}
#Content{
	float:left;
	margin-top:5em;
	margin-left:5em;
	width: calc(100% - 5em);

}
#Menusearch::placeholder {
  opacity: 0.5;
}
#Menue .found{display:block!important}
#Menue .notfound{display:none!important}
.Ebene1+ul:has(.notfound){display:none!important}
.Ebene1+ul:has(.found){display:block!important}
.Ebene2+ul:has(.notfound){display:none!important}
.Ebene2+ul:has(.found){display:block!important}
.Ebene2:has(.notfound){display:none!important}
.Ebene2:has(.found){display:block!important}
.Ebene2:has(+ ul>li.notfound){display:none!important}
.Ebene2:has(+ ul>li.found){display:block!important}
#Menue-Inhalt li:has(.Ebene2,.Ebene1):not(:has(li)){
	display:none;
}