.flip-card {
  background-color: transparent;
  width: 100%;
  /*min-height: 354px;*/
  perspective: 1000px;
  border-radius: 10px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 417px;
  margin-bottom: 30px;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  /*border: 1px solid red;*/
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card-front {
  /*color: black;*/
  background-color: green;
  display: grid;
  /*align-items: center;*/
  /*display: flex;*/
}

.flip-card-back {
  background-color: rgba(255,255,255,0.28);
  color: black;
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  text-align: left;
  padding: 10px;
  font-size: 0.9em;
}

.flip-card-back {
  height: 100%;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  /*height: 100%;*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*border: 1px solid #e6e3e3;*/
}

.single-who-we-are-2 {
  /*padding-bottom: 50px;*/
}

@media (min-width: 992px) {
  .single-who-we-are-2 {
    /*min-height: 420px !important;*/
    /*border: 1px solid red !important;*/
  }
}

@media (min-width: 768px) {
  .single-who-we-are-2 {
    /*min-height: 500px;*/
    /*border: 1px solid green;*/
  }
}

.single-who-we-are, .single-who-we-are-2 {
  /*border-radius: 5px;*/
  /*margin-bottom: 30px;*/
  /*position: relative;*/
  /*overflow: hidden;*/
  /*-webkit-box-shadow: 0 20px 40px 0 rgba(28, 30, 35, 0.2);*/
  /*box-shadow: 0 20px 40px 0 rgba(28, 30, 35, 0.2);*/
  /*background: transparent;*/
  /*padding: 50px 30px;*/
  /*-webkit-transition: all 0.5s ease-in-out 0s;*/
  /*transition: all 0.5s ease-in-out 0s;*/
  /*min-height: 420px;*/
  /*width: 100%;*/
}

.single-who-we-are-2 span i {
  font-size: 24px;
  color: white;
  border: 1px solid white;
  background: #bb1f11;
  padding: 5px;
  border-radius: 50%;
  margin-right: 15px;
  -webkit-transition: .4s;
  transition: .4s;
  z-index: 4;
}

.single-who-we-are:hover i {
  /*color: #ffffff;*/
}

.single-who-we-are h4 {
  /*margin-bottom: 20px;*/
  /*margin-top: 25px;*/
  /*font-size: 22px;*/
  /*font-weight: 500;*/
}

.single-who-we-are p {
  /*-webkit-transition: .4s;*/
  /*transition: .4s;*/
}

.single-who-we-are:hover p {
  /*color: #ffffff;*/
}

.single-who-we-are-2 span {
  bottom: 15px;
  color: rgba(0, 0, 0, 0.03);
  /*font-size: 200px;*/
  /*line-height: 180px;*/
  position: absolute;
  right: 0;
  -webkit-transition: .4s;
  transition: .4s;
  z-index: 0;
}

.single-who-we-are:hover span {
  color: rgba(255, 255, 255, 0.2);
}

.height-back:before {
  content: "";
  background: rgba(255,255,255,0.9);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.height-sicherheit-back {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-Sicherheit.jpg");
  /*filter: grayscale(140%) brightness(190%);*/
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  /*height: 417px;*/
  /*position: absolute;*/
  top: 0;
}

.height-ausbildung-back {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-Ausbildung-Fortbildung.jpg");
  /*filter: grayscale(140%) brightness(190%);*/
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  /*height: 417px;*/
  /*position: absolute;*/
  top: 0;
}

.height-qualitaet-back {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-Qualitaet.jpg");
  /*filter: grayscale(140%) brightness(190%);*/
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  /*height: 417px;*/
  /*position: absolute;*/
  top: 0;
}

.height-verantwortung-back {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-Verantwortung.jpg");
  /*filter: grayscale(140%) brightness(190%);*/
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  /*height: 417px;*/
  /*position: absolute;*/
  top: 0;
}

.height-teamwork-back {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-Teamwork.jpg");
  /*filter: grayscale(140%) brightness(190%);*/
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  /*height: 417px;*/
  /*position: absolute;*/
  top: 0;
}

.height-bezahlung-back {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-faire-Bezahlung.jpg");
  /*filter: grayscale(140%) brightness(190%);*/
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  /*height: 417px;*/
  /*position: absolute;*/
  top: 0;
}

.height-bezahlung {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-faire-Bezahlung.jpg");
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  height: 417px;
  position: absolute;
  top: 0;
}

.height-teamwork {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-Teamwork.jpg");
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  height: 417px;
  position: absolute;
  top: 0;
}

.height-ausbildung {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-Ausbildung-Fortbildung.jpg");
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  height: 417px;
  position: absolute;
  top: 0;
}

.height-qualitaet {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-Qualitaet.jpg");
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  height: 417px;
  position: absolute;
  top: 0;
}

.height-sicherheit {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-Sicherheit.jpg");
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  height: 417px;
  position: absolute;
  top: 0;
}

.height-verantwortung {
  background: url("../../assets/img/team/Pfaelzische-Blitzschutz-Verantwortung.jpg");
  background-size: cover;
  background-position: center;
  /*background-color: red;*/
  width: 100%;
  height: 417px;
  position: absolute;
  top: 0;
}