html,body {margin: 0;background-color: #ffffff00;color: #000000;overscroll-behavior: none; overflow: hidden; height:100%; width:100%;}

.nav {
	position: absolute;
	top:0px;
	left:0px;
	height:100%;
	display: flex;
	flex-flow: column nowrap;
	align-content: flex-start;
	overflow-y: scroll;
	scrollbar-width: thin;
	padding:1vmax;
	min-width: 200px;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  border-radius: 10px;
  outline: 1px solid slategrey;
}

.menuButton
	{
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 3vmax;
	height: 3vmax;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	color:white;
	font-size:2vmax;
	cursor: pointer;
	}
.knopf {display:flex; align-items:center; justify-content:center;text-align: center; box-sizing:border-box; border: 1px solid #aaaaff;border-radius:0.5vmax;margin:0.2vmax; 
		height:2vmax; width:10vmax;min-width:170px;min-height:2.5em;background-color: #eeeeff;opacity:0.5;}
.knopf:hover{ opacity: 0.8;}

.knopf2 {display:flex; align-items:center; justify-content:center; text-align: center;box-sizing:border-box; border: 1px solid #aaaaff;border-radius:0.5vmax;margin:0.2vmax; margin-left:1.4vmax; 
		height:2vmax; width:10vmax;min-width:170px;min-height:2.5em;background-color: #eeeeff;opacity:0.5;}
.knopf2:hover{ opacity: 0.8;}

.knopf3 {display:flex; align-items:center; justify-content:center; text-align: center;box-sizing:border-box; border: 1px solid #aaaaff;border-radius:0.5vmax;margin:0.2vmax; margin-left:2.8vmax; 
		height:2vmax; width:10vmax;min-width:170px;min-height:2.5em;background-color: #ffeeee;opacity:0.5;}
.knopf3:hover{ opacity: 0.8;}

.knopf4 {display:flex; align-items:center; justify-content:center; text-align: center;box-sizing:border-box; border: 1px solid #aaaaff;border-radius:0.5vmax;margin:0.2vmax; margin-left:4.2vmax; 
		height:2vmax; width:10vmax;min-width:170px;min-height:2.5em;background-color: #ffeeee;opacity:0.5;}
.knopf4:hover{ opacity: 0.8;}
.icon {box-sizing:border-box;height:3vmax; width:3vmax;place-self: center;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
		-webkit-user-drag: none;
		-khtml-user-drag: none;
		-moz-user-drag: none;
		-o-user-drag: none;
		user-drag: none;
		-webkit-touch-callout:none;
		pointer-events: none;}