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

.teambox2{
	width: 1097px;
	height: 190px;
}

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

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

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

.teambox4{
	width: 982px;
	height: 154px;
	float:left;
}

.teambox5{
	width: 174px;
	height: 154px;
	float: left;
}

.teambox5 .contactbox{
	width: 171px;
	height: 57px;
	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: 150px;
	float: left;
}

.teambox5 .taskbox{
	width: 173px;
	height: 95px;
	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: 13px;
	text-align:left;
	text-transform:uppercase;
	margin:1px;
	float: left;
	width: 149px;
}

.teambox6{
	width: 443px;
	height: 150px;
	text-align:justify;
	overflow:auto;
	font-size:11pt;
	font-family:var(--font-main);
	float: left;
	padding: 3px;
}

.teambox7{
 background-color: var(--akzent3);
 font-family:  var(--font-main);
 font-size: 11pt;
 height: 23px;
 text-align: left;
 color: var(--hintergrund2);
 padding: 2px;
 float: left;
 width: 353px;
}

/* 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(--akzent3);
 color: var(--hintergrund2);
 border:0px solid;
 padding: 0px;
}

/* teamcharadown Content (Hidden by Default) */
.teamcharadown-content {
  display: none;
  position: absolute;
  background-color: var(--akzent3);
  min-width: 351px;
  max-height: 130px;
  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(--akzent2);
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(--akzent3);
color:var(--hintergrund2);
}