/*
//====================================================
#         VARIABLES
\\====================================================
*/
/*
//====================================================
#         GENERAL
\\====================================================
*/
.impuls_cardblocks {
  display: flex;
  flex-wrap: wrap;
}
.impuls_cardblocks_wrapper {
  position: relative;
	width: 100%;
  margin-bottom: 1em;
 min-height: 224px;
display: flex;
height: 100%;
overflow: hidden;
}
/*.impuls_cardblocks_wrapper:not(:nth-child(4n+4)) {
  margin-right: 3em;
}*/
.impuls_cardblocks_wrapper > * {
  min-height: 224px;
  /*min-width: 250px;*/
  height: 100%;
  width: 100%;
  text-align: center;
  background-size: cover;
  aspect-ratio : 1 / 1;
}
.impuls_cardblocks .impuls_cardblocks_back {
  position: absolute;
  top: 0;
}

.impuls_cardblocks.PFI .cardblock_title {
  font-weight: bolder;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
/*
//====================================================
#         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: #fff;
}

.impuls_cardblocks.PFI .impuls_cardblocks_wrapper:hover .impuls_cardblocks_front .cardblock_title {
	display: none;
}

.impuls_cardblocks_back .cardblock_text{
	width: 90%;
font-weight: bolder;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);	
}
.impuls_cardblocks.PFI .impuls_cardblocks_back {
  color: #fff;
  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;
}

.cardblock_icon img{width: 100px;}
.impuls_cardblocks.PFI .impuls_cardblocks_wrapper:hover .impuls_cardblocks_back {
  opacity: 1;
}

/* icon right */
.impuls_cardblocks.right_icon_card {
  font-size: 20px;margin-top: 25px;
}
.impuls_cardblocks.right_icon_card .impuls_cardblocks_front,
.impuls_cardblocks.right_icon_card .impuls_cardblocks_back {
  padding: 35px 30px 30px 30px;
}
.impuls_cardblocks.right_icon_card .cardblock_title {
  font-weight: bolder;
top: 50%;
transform: translate(0, -50%);
position: absolute;text-align: left;width: 70%;
}
.impuls_cardblocks.right_icon_card .impuls_cardblocks_front {
  color: #545454;
}
.impuls_cardblocks.right_icon_card .impuls_cardblocks_front .cardblock_title {
  color: #0168b5;
}
.impuls_cardblocks.right_icon_card .impuls_cardblocks_back {
  color: white;
  opacity: 0;
  transition: ease-in-out 0.2s;
  transition-property: opacity;
}
.impuls_cardblocks.right_icon_card .impuls_cardblocks_back img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(166deg) brightness(110%) contrast(101%);
  opacity: 1;
}

.impuls_cardblocks.right_icon_card .impuls_cardblocks_front img{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(166deg) brightness(110%) contrast(101%);
}

.impuls_cardblocks.right_icon_card .impuls_cardblocks_wrapper:hover .impuls_cardblocks_back {
  opacity: 1;
}

.impuls_cardblocks.right_icon_card .impuls_cardblocks_wrapper {
  font-size: 23px;text-align: left !important;
}

.impuls_cardblocks.right_icon_card .cardblock_icon {
      position: absolute;
    width: 91px;
    background-color: rgb(212, 35, 43);
    border-radius: 50px;
    padding: 12px 12px 6px 12px;
    right: 0px;
    margin-right: -40px;
    top: 50%;
    transform: translate(0, -50%);
}

.impuls_cardblocks.right_icon_card .impuls_cardblocks_wrapper > * {
    min-height: 134px !important;
    min-width: 250px;
    height: 100%;
    width: 100%;
    text-align: center;
    background-size: cover;
}