#headertabelle {
font-family: var(--schriftklein);
  color: var(--textallgemein);
  font-size: 11px;
  width: 100%;
  border-collapse: collapse;
  padding-bottom: 0px;
  margin: auto;
  letter-spacing: 1px;
background-image: linear-gradient(90deg,var(--forenfarbe3) 0%, var(--forenfarbe2) 50%);
}

#headertabelle td {
  text-align: justify;
  margin-bottom: 10px;
  width: 33%;
  font-size: 12px;
  padding: 20px;
  font-family: var(--schriftklein);
  color: var(--textallgemein);
}

#headertabelle th {
  text-align: center;
  margin-bottom: 10px;
  font-size: 25px;
  font-family: var(--schriftklein);
  color: var(--textbold);
  text-transform: uppercase;
  font-weight: 400;
}

#headertabelle th::before {
background-color: var(--textitalic);
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 60%;
  margin-right: 5px;
}

#headertabelle th a {
font-size: 15px;
font-family: var(--schriftgross);
color: var(--tabellebold);
text-transform: uppercase;
font-weight: 400;
}

#team td {
	width: auto !important;
	line-height:100% !important;
	padding: 1px !important;
	background-color: transparent;
	border: 0px;
}

#team {
	background-color: transparent;
}


.menu2 a {
font-size: 15px;
	height:20px; 
	padding:7px;
	margin:8px;
display: block;
transition: 1s;
color: #303030;
float:left;
font-family:Arial;
margin:5px;
background-color: var(--akzent);
text-transform:uppercase;
}

.headertext { align:center;   font-family: "Dancing Script", cursive; font-size:100px; color:var(--akzent) ; margin:50px; position:absolute; left:450px; text-transform: lowercase;}


.menu2 a:hover {
color: #303030;
background-color: rgba(120, 120, 120, 0.7);
opacity: 0.7;

}

.header { height:400px;
	width:100%;
}

headertitel {
	font-size:80px;
    font-family: 'Gideon Roman', cursive;
	color: #BAA599;
	letter-spacing:-1px;
	position:absolute;
	left:800px;
	top:140px;
	line-height:40px;
}

headermini {
	font-family: Arial;
	font-size:12px;
	color: #CCCED2;
}

.navigationbox {
	top:0px;
	left:0px;
	height:70px;
	width:100%;
   background-color: rgba(216, 216, 216, 0.7);
	position:fixed;
	  display: flex;
  flex-direction: row;
  z-index: 9998;
	line-height:40px;
}
	


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
		padding:5px;
	color:var(--akzent);
	margin:20px;
	float:left;
	font-size:16px;
	margin-left:30px;

}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 100px;
   background-color: rgba(46, 46, 46, 0.7);
  color: #BAC4C5;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
	font-size:10px;
		
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.avatarindex {
outline: 1px solid #9F9F9F;
	outline-offset: 10px;
	margin:20px;
	float:left;
	height:100px;
	width:100px;
	filter: grayscale(100%);

}

.headerbild {
margin-top:100px;}

.teamicon { height:50px; width:50px;
	border-radius:100px;
	margin:17px;
	float:right;
outline: 1px solid #9F9F9F;
	outline-offset: 10px;
filter: grayscale(100%);}