html,body {
	color: #ecc578;
	font-size: 16px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background-color: #012559;
	text-align: left;
}

.eingangstitel01 { font-size: 35px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.titel { font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-variant: normal; text-transform: none; }
.eingangstitel02 { font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; }
.untertitel { font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-variant: normal; text-transform: none; }
.uebersichtslinks {
	font-size: 10px;
	font-style: normal;
	visibility: visible;
}
p { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-top: 15px; }

td { font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

a:link {
	color: #ecc578;
	font-size: 20px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-decoration: none;
}
a:visited { color: #ecc578 ; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a:hover { color: #fb612e ; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a:active {
	color: #ecc578;
	font-size: 20px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
.controls {
  visibility: hidden;
  opacity: 0.5;
  width: 400px;
  border-radius: 10px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -200px;
  background-color: black;
  box-shadow: 3px 3px 5px black;
  transition: 1s all;
  display: flex;
}

.player:hover .controls,
.player:focus-within .controls {
  opacity: 1;
}