@charset "utf-8"; /* CSS Document***********************************************************************************************
*  ___       _________ ______ __________________________ _____   ___________    ______  _____________________ _______________  *
*  __ |     / /__  __ \___  / ___  ____/__  ____/___    |___  | / /__  ____/    ___   |/  /___  ____/___  __ \____  _/___    | *
*  __ | /| / / _  / / /__  /  __  /_    _  / __  __  /| |__   |/ / _  / __      __  /|_/ / __  __/   __  / / / __  /  __  /| | *
*  __ |/ |/ /  / /_/ / _  /____  __/    / /_/ /  _  ___ |_  /|  /  / /_/ /      _  /  / /  _  /___   _  /_/ / __/ /   _  ___ | *
*  ____/|__/   \____/  /_____//_/       \____/   /_/  |_|/_/ |_/   \____/       /_/  /_/   /_____/   /_____/  /___/   /_/  |_| *
*                                                                                                                              *
********************************************************************************************************************************            
*              Copyright: Wolfgang Wahl | www.saschas.ch | 01.02.2016 | Letzte Aktualisierung: 09.03.2016                      *
*****************************************************************************************************************************-->	 
		 
/*##############################################################################################################################
---- Team ----------------------------------------------------------------------------------------------------------------------
##############################################################################################################################*/	 

.teamblock {
   width: 200px;
   height: 300px;
   margin-right: 28px;
   margin-bottom: 21px;
   float: left;
   border: 4px solid #343434;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background: #fff url(../images/team/bgimg.jpg) no-repeat center center;
}

.teamblock.last {
   margin-right: 0;
   margin-bottom: 0;
}

.teamblock .mask {
   width: 200px;
   height: 300px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.teamblock img {
   display: block;
   position: relative;
}

.teamblock h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 1.8em;
   font-weight: 500;
   padding: 0;
   padding-bottom: 10px;   
   background: rgba(0, 0, 0, 0.8);
   margin: 0;
}

.teamblock h3 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 1.5em;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   font-weight: 500;   
}

.teamblock p {
   font-size: 1.4em;
   position: relative;
   color: #fff;
   padding: 10px;
   padding-top:0;
   text-align: center;
}

.teamblock img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}

.teamblock .mask {
   background-color: rgba(0, 0, 0, 0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
/*   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
/*   filter: alpha(opacity=0);*/
   opacity: 0;
}

.teamblock h2 {
   border-bottom: 1px dotted #888;
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #bbb;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
/*   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
/*   filter: alpha(opacity=0);*/
   opacity: 0;
}

.teamblock h3 {
   background: transparent;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #bbb;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
/*   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
/*   filter: alpha(opacity=0);*/
   opacity: 0;
}

.teamblock p {
   color: #bbb;
/*   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
/*   filter: alpha(opacity=0);*/
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}

.teamblock:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
/*   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
/*   filter: alpha(opacity=0);*/
   opacity: 0;
}

.teamblock:hover .mask {
/*   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
/*   filter: alpha(opacity=100);*/
   opacity: 1;
}

.teamblock:hover h2, .teamblock:hover h3, .teamblock:hover p {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
/*   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
/*   filter: alpha(opacity=100);*/
   opacity: 1;
}