#header{background-color:#532d8c78;}

.navimain{
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
   display: block;
   text-align: center; 
    background-color: #532d8c;
    text-transform: uppercase;
    z-index: 12;
    line-height: 220%;
}

.navimain a{
	width: 180px;
	height: 38px;
	padding: 5px 10px;
	text-align: center;
	font-family: 'Playfair Display';
	text-transform: uppercase;
	font-size: 14pt;
	color: #d6d7d7;
	letter-spacing:2px;
	margin:1px;
	display:inline-block;
	}

.navimain a:hover {
	color: #b86bd3;
	font-family: 'Playfair Display';
    text-transform: uppercase;
}

.tabs ul {
  display:flex; /*für das nebeneinander*/
  /* justify-content:space-evenly; */
  list-style:none;
  margin:0px;
  width: auto;
  height: auto;
}

.tabs li {
   float: left;
   padding: 2px;
   background: #7e59b5;
   color: #d7a1e3;
   width: 296px;
   height: 30px;
   font-size: 20px;
   text-align: center;
   font-family: 'Saira Condensed';
   text-transform: uppercase;
}

.tabs li:hover {
  background: #d7a1e3; 
}

.tabs li:active {
 background: #d7a1e3;}

.tabs a {
}

.tabs a:hover {
}

.tabcontent {
 width: 1199px;
  height: 305px;
  /* border: 1px solid #c9c5bd; */
  color: #e9e9e9;
}




.headerhead1{
	font-family: 'Playfair Display';
	font-size:16pt;
	border-bottom: 1px solid #d7a1e3;
	color: #d7a1e3;
	text-align:center;
	}

.headerhead2{
	font-family: 'Playfair Display';
	font-size:14pt;
	border-bottom: 1px solid #d7a1e3;
	color: #d7a1e3;
	text-align:center;
	}

/*About us*/

.headerbox1{
	width: 632px;
	height: 304px;
	float:left;
	/* border: 1px solid; */
	}

.headertext1{
	font-family: 'Saira Condensed';
	font-size:13pt;
	text-align:justify;
	width: auto;
	height: 264px;
	padding: 5px;
	}

/*Team*/
.headerbox2{
	width: 566px;
	height: 304px;
	float:left;
	/* border: 1px solid; */
	}

.headerteam2{
	font-family: 'Playfair Display';
	font-size:13pt;
	border-bottom:1px solid #d7a1e3;
	color: #d7a1e3;
	text-align:center;}

.headerteambox1{width:540px;
height:300px;}

.headerteamtext{
	font-family: 'Saira Condensed';
	font-size:13pt;
	text-align:center;
	width: auto;
	height: 130px;
	overflow:auto;
	padding:10px;
	/* border: 1px solid; */
	}

.headteampic{
	width: 90px;
	height: 90px;
	/* padding:2px; */
	border:1px solid #d7a1e3;
	border-radius: 100px;

	}

.headteampic:hover{
border-radius:100px;
border:1px solid #cf92e0;
-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
-o-transition: all ease 0.6s;
transition: all ease 0.6s;
rotate: 45deg;
 transform: rotate(300deg);
}

.headerteambox0{
	/* width: 475px; */
	height: 95px;
	padding: 2px 45px;
	}

.headerteambox1{
	width: 544px;
	height: 194px;
	padding: 5px;
	/* margin-top: 47px; */
	text-align: center;
	}

.headerteambox1 .text{
    height: 127px;
    padding: 5px;
    overflow: auto;
}

.headplotbox{
	width: 598px;
	height: 304px;
	float:left;
	/* border: 1px solid; */
	margin: 0px 1px 0px 0px;
	}

.headplottext{
	font-family: 'Saira Condensed';
	font-size: 13pt;
	text-align: justify;
	width: auto;
	height: 263px;
	padding: 5px;
	overflow: auto;
	}

.headnewsbox{
	width: 597px;
	height: 304px;
	float:left;
	/* border: 1px solid; */
	margin: 0px 1px 0px 0px;
	}

.headnewstext{
	font-family: 'Saira Condensed';
	font-size: 13pt;
	text-align: justify;
	width: auto;
	height: 264px;
	padding: 5px;
	overflow: auto;
	}


.headcalebox{
	width: 597px;
	height: 304px;
	float:left;
	/* border: 1px solid; */
	margin: 0px 1px 0px 0px;
	}

.headcalebox1{
	height: 216px;
	overflow:auto;
}


.headcalebox2{
}

.headcalemonth{
font-family: 'Playfair Display';
color:#dccde2;
text-align:center;
font-size:15pt;
border-bottom:1px solid #d7a1e3;
}

.headweatherbox{
	width: 597px;
	height: 304px;
	float:left;
	/* border: 1px solid; */
	margin: 0px 1px 0px 0px;
	}

.headweathertext{
	font-family: 'Saira Condensed';
	font-size: 13pt;
	text-align: justify;
	width: auto;
	height: 262px;
	padding: 5px;
	}

.headstoppbox{
   font-family: 'Saira Condensed';
   font-size: 13pt;
   text-align: justify;
   width: 490px;
   height: 94px;
   padding: 5px;
   /* border: 1px solid; */
   }

.headeinzelgesbox{
	width: 500px;
	height: 304px;
	float:left;
	/* border: 1px solid; */
	margin: 0px 1px 0px 0px;
	}

.headeinzelgesbox2{
    height: 197px;
    width: 500px;
    /* border: 1px solid; */
}

.headeinzelgestext{
    font-family: 'Saira Condensed';
    font-size: 13pt;
    text-align: justify;
    width: auto;
    height: 157px;
    padding: 5px;
	overflow:auto;
    }

.headeinzelgestext a{
	border:1px solid #b86bd3;
	float:left;
	margin:2px;
	padding:4px;
	width:47%;	
}


.headgruppengesbox{
	width: 695px;
	height: 304px;
	float:left;
	/* border: 1px solid; */
	}

.headgruppengestext{
   font-family: 'Saira Condensed';
   font-size: 13pt;
   text-align: justify;
   width: auto;
   height: 262px;
   padding: 5px;
	overflow:auto;
   }

.headgruppengestext a{
	border:1px solid #b86bd3;
	float:left;
	margin:2px;
	padding:4px;
	width:47%;	
}

/* Dropdown Button */
.dropbtn {
	font-family: 'Playfair Display';
	background-color: #532d8c;
	color: #d6d7d7;
	text-transform: uppercase;
	border: none;
	width: 180px;
	font-size: 14pt;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  width: 180px;
  font-size: 14pt;
}

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

/* Links inside the dropdown */
.dropdown-content a {
 color: #d6d7d7;
 text-decoration: none;
 display: block;
 border-radius:1px;
 font-family: 'Playfair Display';
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #532d8c;
 color: #b86bd3;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
background-color: #532d8c;
 color: #b86bd3;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
width: 180px;
background-color:#532d8c;
 color: #d6d7d7;
}