.teambox1{
	width:auto;
	height:auto;
	float:left;
	margin: 1px 1px 10px 1px;
}

.teambox2{
	width: 597px;
	height: 220px;
	}

.teamhead1{
	font-family:var(--font-headline1);
	font-size:18pt;
	color:var(--akzent3);
	text-align:center;}

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

.teampic{
	width:130px;
	height:180px;
	border:1px solid var(--akzent2);
	padding:2px;
	float:left;}

.teambox4{
	width: 461px;
	height: 186px;
	float:left;
	}

.teambox5{
	width: 461px;
	height: 53px;
	float: left;
	}

.teambox5 .contactbox{
	width: 462px;
	height: 21px;
	float: left;
	}

.teambox5 .contactbox .contact{
	background-color:var(--hintergrund2);
	color:var(--font-color);
	border-left:10px solid var(--akzent2);
	padding: 3px 2px 2px 5px;
	font-size: 12px;
	line-height: 10px;
	text-align:left;
	text-transform:uppercase;
	margin:1px;
	width: 29%;
	float: left;
	}

.teambox5 .taskbox{
	width: 461px;
	height: 32px;
	overflow:auto;
	scrollbar-width:none;
	}

.teambox5 .taskbox .tasks{
	background-color:var(--hintergrund2);
	color:var(--font-color);
	border-left:10px solid var(--akzent2);
	padding:2px 2px 2px 5px;
	font-size: 13px;
	line-height: 10px;
	text-align:left;
	text-transform:uppercase;
	margin:1px;
	float: left;
	width: 134px;
	}
	
.teambox6{
	width: 213px;
	height: 126px;
	text-align:justify;
	overflow:auto;
	font-size:11pt;
	font-family:var(--font-main);
	float: left;
	padding: 3px;
	}
	
	
.teambox7{
 background-color:var(--akzent1);
 font-family:  var(--font-main);
 font-size: 11pt;
 height: 23px;
 text-align: left;
 color: var(--hintergrund2);
 padding: 2px;
 float: left;
 width: 237px;
 }

/* The container <div> - needed to position the teamcharadown content */
.teamcharadown {
  position: relative;
  display: inline-block;
  margin: 1px;
  /* border: 1px solid; */
  height: 19px;
}

.teamcharabtn{
 background-color:var(--akzent1);
 color: var(--hintergrund2);
 border:0px solid;
 padding: 0px;
}

/* teamcharadown Content (Hidden by Default) */
.teamcharadown-content {
  display: none;
  position: absolute;
  background-color: var(--akzent1);
  min-width: 234px;
  max-height: 107px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  font-family: var(--font-main);
  scrollbar-width: none;
}

/* Links inside the teamcharadown */
.teamcharadown-content a {
   color: var(--hintergrund2);
   padding: 2px 10px;
   text-decoration: none;
   display: block;
   font-family: var(--font-main);
}

/* Change color of teamcharadown links on hover */
.teamcharadown-content a:hover {
	background-color: var(--akzent3);
color:var(--hintergrund2);}

/* Show the teamcharadown menu on hover */
.teamcharadown:hover .teamcharadown-content {
  display: block;
}

/* Change the background color of the teamcharadown button when the teamcharadown content is shown */
.teamcharadown:hover .teamcharabtn {
  background-color: var(--akzent1);
color:var(--hintergrund2);}