*{  box-sizing: border-box;}

.team_wrapper{ 
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.team_card{
  width: 25%;
  position: relative;
  padding: 1vw;
}
.team_face{
  display: flex;
  flex-direction: column;
  backface-visibility: hidden;
  justify-content: space-around;
  align-items: center;

}

.team_front_card{

}

.team_back_card{
  padding: 10px;
  text-align: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  background-color: black;
  border: 1vw solid white;
  letter-spacing: 1em;
}



/** CARD EFFECT ***/
.team_card{}
.team_face{}
.team_front_card{ transition: opacity .4s ease-in;transition-delay: .4s;  }

.team_back_card{opacity: 0;  transition: opacity .4s ease-in-out; transition-delay: 0s; }

.team_card_clicked .team_front_card{ opacity: 0; }
.team_card_clicked .team_back_card{opacity: 1;}

.team_card{pointer-events: all; cursor: pointer; }
.team_card_clicked{ cursor: auto; }

.team_back_card * {pointer-events: none;}
.team_card_clicked .team_back_card .team_links a {pointer-events: all;}








/** CONTENT STYLE ***/ 


.team_front_card img{
  width: 100%;

}
.team_back_card h3{
  margin: 10px;
  padding: 0;
  color: #d86f45;
  font-size: 1.9rem;
}

.team_back_card p {
  margin: 0;
  padding: 0;
  color: white;
  font-size: 0.9rem;
  letter-spacing: 2.3px;
  text-transform: uppercase;
}


.team_links {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
}

.team_links a {
  margin: 0 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;  
  max-width: 20%;
}

.team_links a:hover {
 opacity: .7;
}

.team_links img {
  height: 100%;
  max-height: 50px;
  object-position: bottom;
  margin-bottom: 7px;
  min-height: 40px;

}

.team_front_card:after{
  position: absolute;
  left: 40px;
  bottom: 40px;
  content: '';
  display: block;
  width: 30px;
  height: 17px;
  background: url(https://f.hubspotusercontent30.net/hubfs/4201731/Nordfabrik_hub_September_2021/Icons/black_further_arrow.svg) transparent no-repeat;
  transition: all 0.4s ease-in;
}

.team_card:hover .team_front_card:after{
  left: 65px;
  
}
/*** COLOR BACK ***/


 .team_front_card {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
}
.team_front_card img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: top center;
} 
/*** RESPONSIV CARD ANORDNUNG ***/

.team_card{ width: 25%;}


@media screen and (max-width: 2000px ){ 
  .team_card{ width: 33.333%;}
}

@media screen and (max-width: 1350px){ 
  .team_card{ width: 50%;}
}

@media screen and (max-width: 1490px){ 
  .team_card{ width: 50%;}
  .team_back_card h3{ font-size: 1.7rem; }
}
@media screen and (max-width: 1050px){ 
  .team_card{ width: 50%;}
  .team_back_card h3{ font-size: 1.5rem; }
}
@media screen and (max-width: 760px){ 
  .team_card{ width: 50%;}
  .team_back_card h3{ font-size: 1.4rem; }
}
@media screen and (max-width: 620px){ 
  .team_card{ width: 100%;}
  .team_back_card h3{ font-size: 1.6rem; }
}
/*
@media screen and (max-width: 540px){ 
  .team_card{ width: 100%;}
  .team_back_card h3{ font-size: 1.2rem; }
} */
@media screen and (max-width: 400px){ 
  .team_card{ width: 100%;}
  .team_back_card h3{font-size: 1.4rem;}
} */