.mod_mitarbeiter_list .member{
	width:33%;
	box-sizing:border-box;
	display: inline-block;
	overflow:visible;
	position:relative;
	margin-bottom:30px;
	/*padding-top: 30px;*/
	text-align: center;
}

.mod_mitarbeiter_list .area.fussball h2,
.mod_mitarbeiter_list .area.kegeln h2,
.mod_mitarbeiter_list .area.tischtennis h2{
	display:none;
}
.mod_mitarbeiter_list .area_team.inline .member {
	width: 100%;
}
.mod_mitarbeiter_list .area.fussball,
.mod_mitarbeiter_list .area.tischtennis {
	text-align: left;
}

.mod_mitarbeiter_list .area.fussball h3,
.mod_mitarbeiter_list .area.tischtennis h3,
.mod_mitarbeiter_list .area.kegeln h3 {
	color: #fecc00;
	/*margin-bottom:50px;*/
	display: none;
	text-align: center;
}

.mod_mitarbeiter_list .area.fussball .area_team .area_team h3,
.mod_mitarbeiter_list .area.tischtennis .area_team .area_team h3,
.mod_mitarbeiter_list .area.kegeln .area_team .area_team h3 {
/*	margin-bottom:50px;
	display: none;*/
	text-align: left;
	display: block;
	font-size: 23px;
	line-height: 28px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

.area_team.inline {
	width: 33%;
}

.mod_mitarbeiter_list .member .img_container, .mod_mitarbeiter_list .member .overview{
	margin:0 auto;
	display: inline-block;
	/*max-width:300px;*/
	height:auto;
	cursor:pointer;
}

#mitarbeitercanvas{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#mitarbeiteroverlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:9999;
	background: rgba(0, 0, 0, 0.77)
}

/*.mod_mitarbeiter_list .member .img_container:before {
	content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    border-bottom: none;
    border-left: none;
    background: rgb(9, 35, 56);
    top: -5px;
    left: 5px;
    transform: skew(-5deg, -3deg);
    z-index: -1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}*/
.mod_mitarbeiter_list .member .img_container{
	position:relative;
}

.mod_mitarbeiter_list .member .profile_img{
	cursor: pointer;
    /*height: 300px;*/
    width: auto;
    display: block;
 }

.mod_mitarbeiter_list .member .overview{
	padding-top:20px;
	width:100%;
}

.mod_mitarbeiter_list .member .overview .name{
	font-size: 20px;
    margin-bottom: 10px;
    /* text-align: right; */
    max-width: 73%;
    padding: 6px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: absolute;
    bottom: -15px;
    right: 0px;
    left: 0;
    z-index: 6;
    margin: 0 auto;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4);
}

/*.mod_mitarbeiter_list .member .overview .name:before {
	content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    right: 0;
    transform: skew(-12deg);
    background: rgba(209, 0, 37, 0.9);
}
.mod_mitarbeiter_list .member .overview .name:after {
    content: '';
    height: 100%;
    width: 100%;
    background: rgb(9, 35, 56);
    position: absolute;
    top: 3px;
    right: -3px;
    transform: skew(-12deg);
    z-index: -2;
}*/

.mod_mitarbeiter_list .member .additional{
	display:none;
}

#mitarbeiteroverlay .prev,
#mitarbeiteroverlay .next{
	position:absolute;
	top:50%;
	color:white;
	cursor:pointer;
	font-size: 42px;
}

#mitarbeiteroverlay .prev{left:20px;}
#mitarbeiteroverlay .next{right:20px;}

#mitarbeiteroverlay .close{
	position:absolute;
	top:16px;
	right:20px;
	color:white;
	cursor:pointer;
	font-size: 42px;
}

#mitarbeiteroverlay .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    right: inherit;
    bottom: inherit;
    text-align: center;
    color: white;
    font-size: 50px;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

#mitarbeiteroverlay .info{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width:60%;
	max-width:850px;
	height:80%;
	max-height:700px;
	overflow-y:auto;
	margin-top:20px;
	padding: 30px;
	box-sizing: border-box;
	background: -moz-linear-gradient(bottom,  rgba(125,185,232,0) 0%, rgba(30,87,153,1) 100%); 
	background: -webkit-linear-gradient(bottom,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%); 
	background: linear-gradient(to top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799',GradientType=1 ); 
	-webkit-box-shadow: 10px 10px 50px #000;
	-moz-box-shadow: 10px 10px 50px #000;
	box-shadow: 10px 10px 50px #000;
}

#mitarbeiteroverlay .img {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	padding-right: 30px;
	box-sizing: border-box;;
}

#mitarbeiteroverlay .info img{
	/*display: none;	*/
	height: auto;
	width: 100%;
	display: block;
	margin-right: 15px;
}
#mitarbeiteroverlay .modal_window_top .main_txt .item>* { 
	width: 100%;
	font-size: 24px;
	font-weight: 600;
	padding: 2px 0;
}
#mitarbeiteroverlay .modal_window_top .main_txt .item.first.even>*,
#mitarbeiteroverlay .modal_window_top .main_txt .item.odd>* { 
	font-size: 16px;
	font-weight: 400;
}
#mitarbeiteroverlay .modal_window_top .main_txt {
	width: 100%;
}
#mitarbeiteroverlay .modal_window_top { 
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 12px;
    padding-bottom: 20px;
}
#mitarbeiteroverlay .modal_window_top:after { 
	content: '';
	display: table;
	clear: both;
}

#mitarbeiteroverlay .modal_window_top>* {
	float: left;
}
#mitarbeiteroverlay .text{
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 58%;
}

#mitarbeiteroverlay .item{
	padding:5px 0;
	/*border-bottom: 1px solid #fff;*/
}

#mitarbeiteroverlay .item span{
	padding:5px 0;
	color:white;
	display: inline-block;
    box-sizing: border-box;
    width:43%;
}

#mitarbeiteroverlay .modal_window_top .main_txt .item {
	padding: 8px 0;
    letter-spacing: 1px;
}

/*#mitarbeiteroverlay .info .text .item.even{
	background: -moz-linear-gradient(left,  rgba(125,185,232,0) 0%, rgba(30,87,153,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%); 
	background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799',GradientType=1 ); 
}*/

@media(max-width:1180px){
	#mitarbeiteroverlay .info img {
		max-height: 250px;
		width: auto;
	}
	#mitarbeiteroverlay .text{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		padding: 20px 30px;
	}
	
	#mitarbeiteroverlay .modal_window_top{
		height:250px;
		padding-left: 43%;
	}
}

@media(max-width:800px){
	#mitarbeiteroverlay .info{
		width:100%;
		margin-top:0px;
		padding: 30px 60px;
	}
	
	#mitarbeiteroverlay .text{
		padding: 20px 60px;
	}
}

@media(max-width:450px){
	#mitarbeiteroverlay .text{
		top:220px;
	}
	
	#mitarbeiteroverlay .modal_window_top{
		padding:0;
		height:auto;
	}
	
	#mitarbeiteroverlay .item span:first-of-type{
		font-weight:400;
		font-size: 16px;
	}
	#mitarbeiteroverlay .item span{
		display:block;
		width:100%;
		padding:2px 0px;
		font-size: 14px;
	}
	#mitarbeiteroverlay .img{
		width:auto;
		padding:0;
	}
	#mitarbeiteroverlay .img img{
		width:auto;
		height:200px;
	}
}

@media(max-width:360px){
	#mitarbeiteroverlay .prev, #mitarbeiteroverlay .next{
		font-size:28px;
	}
	#mitarbeiteroverlay .prev{left:5px;}
	#mitarbeiteroverlay .next{right:5px;}
	#mitarbeiteroverlay .info{
		padding:32px;
	}
	#mitarbeiteroverlay .text{
		padding:20px 32px;
	}
}