#userlinks {
    opacity: 1;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    text-align: center;
    background-color: var(--hintergrund1);
    z-index: 12;
    padding:5px;
}

#userlinks a {
    font-family: var(--font-headline1);
    font-size: 18pt;
    padding: 4px 10px;
    color: var(--akzent3);
	letter-spacing:2px;
	word-spacing:4px;
	width: 200px;
}

#userlinks a:hover {
color: var(--akzent1);
 font-family: var(--font-headline1);
padding: 4px 10px;
letter-spacing:2px;
word-spacing:4px;
}


.headteam {
	width: 70px;
	height: 70px;
	border: 1px solid var(--akzent4);
	padding: 3px;
	margin: 3px;
	}

.headteam:hover{
	border: 1px solid var(--akzent1);
    border-radius: 100px;
    opacity:0.5;
	-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
-o-transition: all ease 0.6s;
transition: all ease 0.6s;
}

/* Tabs mit radio-Buttons */
.tabbed figure {
 height: 250px;
 display: block;
 margin-left: 0;
 clear: both;
 width: 1150px;
}

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

.tabbed figure>div {
  width: 1150px;
  height:240px;
  background: var(--hintergrund2);
}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4,
#tab5:checked ~ figure .tab5 {
 display: block;
}

nav{
	margin: 3px 5px 0px 5px;
}

nav label {
 width: 220px;
 text-align: center;
 height: 35px;
 font-family: var(--font-main);
 font-size: 16pt;
 letter-spacing:-1px;
 float: left;
 background-color: var(--akzent4);
 color: var(--hintergrund2);
 margin: 0px 4px;
 }

nav label:nth-child(1) {
}

nav label:hover {
 color: var(--akzent4);
background-color: var(--hintergrund2);	
}

nav label:active {
 color: var(--akzent4);
background-color: var(--hintergrund2);	
}

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"],
#tab4:checked ~ nav label[for="tab4"],
#tab5:checked ~ nav label[for="tab5"] {
 color: var(--akzent4);
background-color: var(--hintergrund2);	
 position: relative;
 border-bottom: none;}

#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after,
#tab4:checked ~ nav label[for="tab4"]:after,
#tab5:checked ~ nav label[for="tab5"]:after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
}


.headbox1{
	width: 716px;
	height: 220px;
	float:left;
	padding: 10px 15px;
	text-align: justify;
	font-size: 12pt;
}

.headboxteam{
	width: 400px;
	height: 240px;
	float:left;
	margin: 5px 0px 0px 0px;
}

.headbox2{}

.headbox3{
    width: auto;
    height: auto;
    float: left;
    margin: 0px 5px;
}

.headbox4{
    width: auto;
    height: auto;
    float: left;
    margin: 5px;
}

.headbox5{
    width: auto;
    height: auto;
    float: left;
}



.headhline1{
 font-size:26pt;
 font-family: var(--font-headline1);
text-align:center;
color:var(--akzent4);
text-transform:uppercase;
display: block;
}

.headhline2 {
    font-size: 26px;
    font-family: var(--font-headline1);
    text-align: center;
    color: var(--akzent4);
    text-transform: uppercase;
	width: 900px;
}


.ontodayusername{
font-family: var(--font-main);
	font-size:9pt;
	text-align: left;
}

.mareheadtext{
	font-family: var(--font-headline1);
	color:var(--akzent3);
	font-size:11pt;
	text-align:	justify;
	height:200px;
	overflow:auto;
	width: 428px;
	padding: 5px;
	margin-left:15px;
	}

.marehead{
	font-family: var(--font-headline1);
	font-size: 14pt;
	text-align:center;
	border-bottom: 1px solid var(--akzent4);
	color: var(--akzent4);
	text-transform: uppercase;}

.mareboxweather{width: 560px;height: 229px;margin: 5px;}

.marehead2{font-family: var(--font-headline1);
font-size: 13pt;
text-align:center;
border-bottom: 2px solid var(--akzent4);
color: var(--akzent4);}

.mareweathertext{
 font-family: var(--font-main);
 font-size: 11pt;
 width: 280px;
 height:190px;
 padding: 5px;
 overflow:auto;
 text-align:justify;
}

.headnews{
 font-family: var(--font-main);
 font-size: 12pt;
 width: 555px;
 height: 197px;
 padding: 5px;
 overflow:auto;
 text-align:justify;
 }


.mareheadtext2back{
height:230px; 
	width:300px;
}

.mareheadtext2{
height:220px; 
	width:300px; 
	overflow:auto; 
	font-family: var(--font-main);
	color:var(--font-color); 
	font-size:12pt; 
	text-align:justify; 
	padding:5px;
}


/*Gesuche*/

.headbox6{
	width: 589px;
	height:240px;
	float:left;
}



.headbox7{
	width: 560px;
	height:240px;
	float:left;
}

.headgesbox1{
    width: 589px;
    height: 120px;
}

.headgesbox2{
	height: 75px;
	width: 579px;
	overflow:auto;
	font-family: var(--font-main);
	color:var(--font-color); 
	font-size:12pt;
	padding:5px;
	}

.headgesbox2 li {
	list-style:none;}

.headgesbox2 li a{
	font-family: var(--font-main);
	font-size: 12pt;
	border: 1px solid var(--link1);
	margin: 2px;
	padding: 0px 4px;
	float:left;
}

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

.headgesbox3{
	width:auto;
	height:auto;
	}

.headgesbox4{
	height: 226px;
	width: 549px;
	overflow:auto;
	font-family: var(--font-main);
	color:var(--font-color);
	font-size:12pt;
	padding:5px;
}

.headgesbox4 li {
	list-style:none;}

.headgesbox4 li a{
	font-family: var(--font-main);
	font-size: 12pt;
	border: 1px solid var(--link1);
	margin: 2px;
	padding: 0px 4px;
	float:left;
}

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


.mareplothead{ font-family: var(--font-headline1);
font-size: 16pt;
text-align:center;
border-bottom: 2px solid var(--akzent4);
color: var(--akzent4);
text-transform: uppercase;}

.marenewshead{
	font-family: var(--font-headline1);
	font-size: 12pt;
	text-align:center;
	border-bottom: 1px solid var(--akzent4);
	color: var(--akzent4);}

.mareplottext{
 height: 186px;
 width: 554px;
 overflow:auto;
 font-family: var(--font-main);
 color:var(--font-color);
 font-size: 12pt;
 padding:5px;
 }

.mareheadstats{
text-align: center;
}

.maretext2stats{
height:180px; 
width:300px; 
overflow:auto; 
padding:5px; 
font-family: var(--font-main);
color:var(--font-color); 
font-size:11pt;
overflow: auto;
}

.teamonlinehead{
 font-family: var(--font-headline1);
 font-size: 20px;
 height: 20px;
 border-bottom: 1px solid var(--akzent4);
 color: var(--akzent4);
 text-align:center;
}

.teamonlinebox1{
 font-family: var(--font-main);
 color: var(--font-color);
 height: 107px;
 width: 390px;
 overflow: auto;
 padding: 5px;
 }




/*Wetter*/


/* tabweathers mit radio-Buttons */
.tabweatherbed figure {
 height: 215px;
 display: block;
 margin: 0;
 clear: both;
 width: 560px;
}

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

.tabweatherbed figure>div {
  width: 540px;
  height: 199px;
  background: var(--hintergrund3);
  padding: 5px 10px;
}

#tabweather1:checked ~ figure .tabweather1,
#tabweather2:checked ~ figure .tabweather2,
#tabweather3:checked ~ figure .tabweather3 {
 display: block;
}

navweather{margin: 0px 3px;}

navweather label {
 width: 180px;
 text-align: center;
 height: 20px;
 font-family: var(--font-main);
 font-size: 11pt;
 letter-spacing:-1px;
 float: left;
 background-color: var(--akzent3);
 color: var(--hintergrund2);
 margin: 0px 3px;
 }

navweather label:nth-child(1) {
}

navweather label:hover {
 background-color: var(--hintergrund3);
 color: var(--akzent5);
}

navweather label:active {
 background-color: var(--hintergrund3);
 color: var(--akzent5);
}

#tabweather1:checked ~ navweather label[for="tabweather1"],
#tabweather2:checked ~ navweather label[for="tabweather2"],
#tabweather3:checked ~ navweather label[for="tabweather3"] {
 background-color: var(--hintergrund3);
 color: var(--akzent5);
 position: relative;
 border-bottom: none;
 }

#tabweather1:checked ~ navweather label[for="tabweather1"]:after,
#tabweather2:checked ~ navweather label[for="tabweather2"]:after,
#tabweather3:checked ~ navweather label[for="tabweather3"]:after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
}


/* Dropdown Button */
.dropbtn {
  background-color: var(--hintergrund1);
  color: var(--akzent4);
  font-family: var(--font-headline1);
  font-size: 18pt;
  border: none;
  width:200px;
  }

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--hintergrund1);
  min-width: 200px;
  z-index: 1;  
  border-radius:1px;}

/* Links inside the dropdown */
.dropdown-content a {
 color: var(--akzent4);
  text-decoration: none;
  display: block;
  border-radius:1px;}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  font-family: var(--font-headline1);
 }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;
background-color: var(--hintergrund1);
 color: var(--akzent4);
  font-family: var(--font-headline1);
 }

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {width: 200px;
background-color:var(--hintergrund1);
border:0px solid var(--hintergrund1);
border-radius:1px;
 color: var(--akzent4);
 font-family: var(--font-headline1); }