*{  box-sizing: border-box;}

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

.projekt_card{
/*   width: 25%; */
  width: 33.33%;
  min-height: 250px;
  position: relative;
}
.face{
  display: flex;
  flex-direction: column;
  backface-visibility: hidden;
  justify-content: center;
  align-items: center;
}
.front_card{
  padding: 5%;
  height: 100%;

}
.back_card{
  text-align: center;
  padding: 10%;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
}



/** CARD EFFECT ***/
.projekt_card{}
.face{}
.front_card{ transition: opacity .4s ease-in;transition-delay: .4s }
.projekt_card:hover .front_card{ opacity: 0; transition-delay: 0s}
.back_card{opacity: 0;  transition: opacity .4s ease-in-out; transition-delay: 0s;}
.projekt_card:hover .back_card{opacity: 1; transition-delay: .4s }







/** CONTENT STYLE ***/ 
.front_card img{
  width: 100%;
  max-width: 300px!important;
  -webkit-filter: grayscale(100%); 
  filter: grayscale(1) brightness(0.9);
}

.back_card p {
  margin: 0;
  padding: 0;
}





/*** COLOR BACK ***/

/* .projekt_card:nth-child(3n+1) .back_card{background-color: #CD2B4F ;}
.projekt_card:nth-child(3n+2) .back_card{background-color: #184D47;}
.projekt_card:nth-child(3n+3) .back_card{background-color: #2D6187;} */








/*** RESPONSIV CARD ANORDNUNG ***/




@media screen and (max-width: 1050px ){ 
  .projekt_card{ width: 33%;}
}
@media screen and (max-width: 760px){ 
  .projekt_card{ width: 50%;}
}
@media screen and (max-width: 540px){ 
  .projekt_card{ width: 100%;}
}