/*
//====================================================
#         VARIABLES
\\====================================================
*/
/*
//====================================================
#         GENERAL
\\====================================================
*/
.impuls_cardblocks {
  display: flex;
  flex-wrap: wrap;
}
.impuls_cardblocks_wrapper {
  position: relative;
  width: calc( (100% / 3) - (2em * 2 / 3) );
  margin-bottom: 2em;
}
.impuls_cardblocks_wrapper:not(:nth-child(3n+3)) {
  margin-right: 2em;
}
.impuls_cardblocks_wrapper > * {
  min-height: 250px;
  min-width: 250px;
  height: 100%;
  width: 100%;
  text-align: center;
  background-size: cover;
}
.impuls_cardblocks .impuls_cardblocks_back {
  position: absolute;
  top: 0;
}
/*
//====================================================
#         FLIP
\\====================================================
*/
.impuls_cardblocks.FLIP .impuls_cardblocks_front {
  transform: rotateY(0deg);
  transition: ease-in-out 0.2s 0.2s;
  transition-property: transform;
}
.impuls_cardblocks.FLIP .impuls_cardblocks_back {
  transform: rotateY(-90deg);
  transition: ease-in-out 0.2s 0s;
  transition-property: transform;
}
.impuls_cardblocks.FLIP .impuls_cardblocks_wrapper:hover .impuls_cardblocks_front {
  transform: rotateY(90deg);
  transition: ease-in-out 0.2s 0s;
  transition-property: transform;
}
.impuls_cardblocks.FLIP .impuls_cardblocks_wrapper:hover .impuls_cardblocks_back {
  transform: rotateY(0deg);
  transition: ease-in-out 0.2s 0.2s;
  transition-property: transform;
}
/*
//====================================================
#         FADE
\\====================================================
*/
.impuls_cardblocks.FADE .impuls_cardblocks_back {
  opacity: 0;
  transition: ease-in-out 0.2s;
  transition-property: opacity;
}
.impuls_cardblocks.FADE .impuls_cardblocks_wrapper:hover .impuls_cardblocks_back {
  opacity: 1;
}
/*
//====================================================
#         PFI
\\====================================================
*/
.impuls_cardblocks.PFI {
  font-size: 20px;
}
.impuls_cardblocks.PFI .impuls_cardblocks_front,
.impuls_cardblocks.PFI .impuls_cardblocks_back {
  padding: 35px 30px 30px 30px;
}
.impuls_cardblocks.PFI .cardblock_title {
  font-weight: bolder;
}
.impuls_cardblocks.PFI .impuls_cardblocks_front {
  color: #545454;
}
.impuls_cardblocks.PFI .impuls_cardblocks_front .cardblock_title {
  color: #0168b5;
}
.impuls_cardblocks.PFI .impuls_cardblocks_back {
  color: white;
  opacity: 0;
  transition: ease-in-out 0.2s;
  transition-property: opacity;
}
.impuls_cardblocks.PFI .impuls_cardblocks_back img {
  filter: saturate(0%) brightness(10);
  opacity: 1;
}
.impuls_cardblocks.PFI .impuls_cardblocks_wrapper:hover .impuls_cardblocks_back {
  opacity: 1;
}