/* CSS Document */
#team {
	float: left;
	width: calc(100% + 20px);
	margin-bottom: 20px;
	margin-left: -10px;;
}

#team div {
	float: left;
}

#team .container {
	float: none;
}

#team article {
	width: calc(50% - 10px);
	float: left;
	margin: 0px 5px 20px 5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 10px;

	border: 1px solid #000000;
	position: relative;
}

#team .bild {
	width: 125px;
	margin: 0 10px 0 0;
	height: 150px;
	overflow: hidden;
}

#team .bild img {
	width: 125px;
}

#team .text {
	width: calc(100% - 135px);
}
#team article .beschreibung{
	display: none;
	width: 100%;
}
#team article{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

#team .text strong,
#team .text span {
	float: left;
	clear: both;
}

#team .email, #team .more{
	display: block;
	float: left;
	position: absolute;
}
#team .email{
	top: 120px;
}
#team .more{
	top: 140px;
}
#team .fullwidth{
	width: calc(100% - 10px) !important;
}
#team table{
	width: 100%;
	border-spacing: 0px;
}
#team table td{
	padding: 5px 0px;;
}
#team table td:first-child{
	width: 50px;
	vertical-align: top;
}

#team .beschreibung table:nth-of-type(1) td:first-child{
	width: 105px;
}
#team table td p{
	margin: 0px;;
}

/**************************************************************************************************
 * 
 * #Media Queries
 * 
 *************************************************************************************************/
/**************************************************************************************************
 * Browser gross
 * 
 * 1170px - 
 *************************************************************************************************/
@media only screen and (min-width: 1224px) {
}



/**************************************************************************************************
 * Browser schmal / Tablet Portrait
 * Smartphone Landscape
 * Smartphone Portrait
 * 
 *  - 959px
 *************************************************************************************************/
@media only screen and (max-width: 986px) {

	#team article{
		width: calc(100% - 20px);
		margin-left: 10px;
	}
	#team .fullwidth{
		width: calc(100% - 20px) !important;
	}
}



/**************************************************************************************************
 * Smartphone Landscape
 * Smartphone Portrait
 * 
 *  - 767px
 *************************************************************************************************/
@media only screen and (max-width: 793px) {
	#team table td:first-child{
		width: 30%;
		vertical-align: top;
	}
	#team article{
		font-size: 12px;;
		width: calc(100% - 10px);
		margin-left: 5px;
		border: 0;
	}
	#team .fullwidth{
		width: calc(100% - 10px) !important;
	}
	#team .beschreibung > *{
		width: 100%;
	}
}


/**************************************************************************************************
 * Smartphone Portrait
 * 
 *  - 479px
 *************************************************************************************************/
@media only screen and (max-width: 479px) {
	#team article{
	}
}