*{
	font-family: "Poppins", sans-serif;
}
body {
	background-color: #202020;
	user-select: none;
}
.output {
	background-color: white;
	color: black;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
	animation: fadeOut 2s ease-in-out 6s forwards;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
header {
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
}
.header {
	//background-color: #131313;
	background-color: black;
	color: white;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	position: fixed;
	display: flex; /* hinzugefügt */
	justify-content: center; /* hinzugefügt */
	align-items: center; /* hinzugefügt */
	z-index: 11;
}
.headerMenu {
	position: absolute;
	left: 1%;
	height: 32px;
	width: 32px;
	z-index: 10;
	background-image: url('bilder/menu.png');
	//background-size: cover;
}
.headerMenu:hover {
	cursor: pointer;
	background-image: url('bilder/menu_hover.png');
}
.headerTxt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.headerTxt:hover::before {
	display: block;
}
.headerTxt:hover {
	cursor: pointer;
	color: transparent;
}
.headerTxt::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: lightblue;
	content: "Home";
	display: none;
}
.btnLogout {
	border: 3px solid black;
	border-radius: 8px;
	background-color: #d06868;
	color: black;
	//float: right;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	cursor: pointer;
	position: absolute;
	right: 1%;
}
.btnLogout:hover {
	background-color: black;
	color: #d06868;
}
nav {
	user-select: none;
	position: fixed;
	top: 50px;
	left: 0;
	color: #fff;
	padding: 0px;
}

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

nav li {
	background-color: #333;
	margin: 10px;
}

nav a {
	color: #eee;
	text-decoration: none;
	display: block;
	padding: 10px;
}
nav a:hover {
	cursor: pointer;
	color: lightblue;
}