.menulinks {
	background-color: var(--hintergrund5);
	width: 100%;
	padding: 10px;
	position: fixed;
	top: 0px;
	left: 0px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	z-index: 12;
	line-height: 104%;
	backdrop-filter: blur(3px);
}

.menulinks a{
font-family: var(--font-headline2);
 font-size:20pt;
 color:var(--link1);
 display: inline-flex;
 width: 200px;
 padding: 10px;
 text-align: center;
 /* flex-direction: row; */
 align-items: center;
 justify-content: center;
}

.menulinks a:hover{
	color:var(--link2);
}

.tabbedhead{
width: 1200px;
}

.tabbedhead figure {
   display: block; 
   margin-left: 0; 
   border-bottom: 1px solid var(--hintergrund1);
   clear: both;
}

.tabbedhead > input,
.tabbedhead figure > div {
 display: none;
}

.tabbedhead figure>div {
  /* padding: 5px; */
  width: 1195px;
  height: 250px;
  border: 1px solid var(--hintergrund2);
  background: var(--hintergrund2);
  color: var(--font-color);
}

navhead{
	width: 1193px;
	height: 10px;
	display: block;
	margin:0px 4px;
}

navhead label {
   float: left;
   padding: 5px;
   background: var(--akzent3);
   color: var(--hintergrund1);
   width: 282px;
   height: 20px;
   font-size: 17px;
   text-align: center;
   font-family: var(--font-headline2);
   text-transform: uppercase;
   margin: 0px 3px;
}

navhead label:nth-child(1) {
 
	border-left: 1px solid var(--hintergrund1);
}

navhead label:hover {
 background:var(--link2); 
	color: var(--font-color);
}

navhead label:active {
}

#tabhead1:checked ~ navhead label[for="tabhead1"],
#tabhead2:checked ~ navhead label[for="tabhead2"],
#tabhead3:checked ~ navhead label[for="tabhead3"],
#tabhead4:checked ~ navhead label[for="tabhead4"]{
  background:var(--link2);
  color: var(--font-color);
  position: relative;
  border-bottom: none;
}

#tabhead1:checked ~ navhead label[for="tabhead1"]:after,
#tabhead2:checked ~ navhead label[for="tabhead2"]:after,
#tabhead3:checked ~ navhead label[for="tabhead3"]:after,
#tabhead4:checked ~ navhead label[for="tabhead4"]:after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 100%;
  left: 0;
  bottom: -1px;
}

#tabhead1:checked ~ figure .tabhead1,
#tabhead2:checked ~ figure .tabhead2,
#tabhead3:checked ~ figure .tabhead3,
#tabhead4:checked ~ figure .tabhead4 {
	display: block;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  width: 250px;
  background-color: var(--hintergrund6);
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 250px;
  border-radius:0px;
  text-align: center;
  background-color: var(--hintergrund6);
  /* margin: 10px 0px 0px 0px; */
}

/* Links inside the dropdown */
.dropdown-content a {
  font-size: 20pt;
  color: var(--link1);
  text-decoration: none;
  display: block;
  border-radius:0px;
  text-align: center;
  width: 250px;
  background-color: var(--hintergrund5);
	backdrop-filter:blur(3px);
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
font-family: var(--font-headline2);
font-size:20pt;
background-color:var(--link1);
color:var(--link2);
  text-align: center;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
	color: var(--link1);
	font-size:20pt;
	font-family: var(--font-headline2);
	background-color: var(--hintergrund6);
	text-align: center;
	backdrop-filter: blur(3px);
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
width: 250px;
 color: var(--link1);
 background-color: transparent;
 font-size:20pt;
font-family: var(--font-headline2);
  text-align: center;	
  background-color: var(--hintergrund6);
}

.dropbtn {
    background-color: var(--hintergrund6);
    color: var(--link1);
    font-family: var(--font-headline2);
    text-transform:uppercase;
    font-size: 20pt;
    border: none;
    width: 250px;
    height: 20px;
    padding: 10px;
    text-align: center;
    /* backdrop-filter: blur(3px); */
}

.headbox0{
	width:auto;
	height:auto;
	float:left;
	margin: 4px;
}

.headbox1{
	width: 320px;
	height:200px;
	border:1px solid var(--akzent3);
	overflow:auto;
	font-size:12pt;
	text-align:justify;
	padding:5px;
	white-space: pre-line;
}

.headbox2{
	width: 418px;
	height:200px;
	border:1px solid var(--akzent3);
	overflow:auto;
	font-size:12pt;
	text-align:justify;
	padding:5px;
	white-space: pre-line;
}

/*Team online*/
.headbox3{
	width: 404px;
	height: 210px;
	/* border: 1px solid; */
}

.headbox3 .teampics{
	width: 400px;
	height: 96px;
	/* border: 1px solid; */
	margin: 1px 1px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.headbox3 .teampics .pic{
	border-radius: 100px;
	width: 65px;
	height: 97px;
	padding:2px;
	float:left;
}

.headbox3 .teampics .pic img{
	width: 61px;
	height: 93px;
	border-radius: 100px;
	border: 1px solid var(--akzent2);
	padding: 1px;
	margin: 2px;
}

.headbox3 .teampics .pic:hover{
		
-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
-o-transition: all ease 0.6s;
transition: all ease 0.6s;
}

.headbox3 .teampics .pic .headteam {
    width: 65px;
    height: 97px;
    margin: 1px 4px;
    border-radius: 100px;
    position: relative;
    float:left;
    opacity: 0.0; /*Transparenz des Avatars, sollte in dem Fall nicht geaendert werden */
    transition-duration: 0.6s; /* Geschwindigkeit eures Hovers */
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    top: -100px; /* Abstand zum oberen Rand */
    left: -2px; /* Abstand zur linken Seite */
    margin-bottom: -300px; /* Abstand zum Aussenrand */
    font-family: var(--font-main); /* Schriftart */
    font-size: 12pt; /*Schriftsize */
	  /* Rahmen*/
    backdrop-filter: blur(5px);
    overflow:auto;
    scrollbar-width:none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.headbox3 .teampics .pic .headteam:hover{
opacity: 1.9 /*Transparenz eures Hovers*/
}

.headbox3 .teampics .pic .headteam headteamname{
	 color: var(--akzent4);
	 width: auto;
	 height: 16px;
	 padding: 2px 4px;
	 font-size: 14px;
	 text-transform: uppercase;
	 text-shadow: 1px 0px 1px var(--hintergrund1);
}

.headbox3 .team{
	width: 393px;
	height: 79px;
	overflow:auto;
	text-align:center;
	font-size:11pt;
	padding:5px;
	border:1px solid var(--akzent3);
}

.headboxhead1{
	font-family: var(--font-headline1);
	text-align:center;
	font-size: 25px;
	line-height: 25px;
	height: 19px;
	color:var(--akzent3);
	overflow: hidden;
	border-bottom: 1px solid var(--akzent3);
}

.headboxhead2{
	font-family: var(--font-headline2);
	text-align:center;
	font-size:13pt;
	color:var(--akzent3);
	border-bottom:1px solid var(--akzent3);
}

.headbox4{
	width: 576px;
	height:200px;
	border:1px solid var(--akzent3);
	overflow:auto;
	font-size:12pt;
	text-align:justify;
	padding:5px;
	white-space: pre-line;
}

/*Gesuche*/	
.headbox5{
	width:600px;
	height: 89px;
	border:1px solid var(--akzent3);
	overflow:auto;
	font-size:12pt;
	text-align:justify;
	padding:5px;
	white-space: pre-line;
}

.headbox6{
	width:600px;
	height: 75px;
	border:1px solid var(--akzent3);
	overflow:auto;
	font-size:12pt;
	text-align:justify;
	padding:5px;
	/* white-space: pre-line; */
}

.headbox7{
	width: 554px;
	height:200px;
	border:1px solid var(--akzent3);
	overflow:auto;
	font-size:12pt;
	text-align:justify;
	padding:5px;
	/* white-space: pre-line; */
}

.gesuch{
    width: auto;
    border: 1px  solid var(--link1);
    padding: 3px 5px;
    font-size:12px;
    text-transform:uppercase;
    margin: 2px;
    float: left;
}

.gesuch:hover{
    border: 1px solid var(--link2);
-moz-transition: all ease 0.6s;
-o-transition: all ease 0.6s;
transition: all ease 0.6s;
}

.headbox8{
	width: 920px;
	height: 207px;
	border:1px solid var(--akzent3);
	/* overflow:auto; */
	font-size:12pt;
	text-align:justify;
	padding: 2px;
	/* white-space: pre-line; */
}

.headchatsnapbox{
	width:auto;
	height:auto;
	/* margin:3px; */
	border: 1px solid var(--akzent3);
}

.headchatsnaphead{
	font-family: 'Rajdhani';
	font-size: 12pt;
	border-bottom:1px solid var(--akzent3);
	text-align:center;
	line-height: 20px;
}

.headchatsnaptext{
	width: 240px;
	height: 160px;
	padding:5px;
	overflow:auto;
	font-size: 11pt;
}

.headchatsnaplink{
	text-align:right;
	padding: 3px;
	height: 15px;
	font-size: 14px;
}