.werte .werte-boxen--box {
  overflow: hidden;
  display: inline-block;
  width: 24%;
  vertical-align: top;
  margin: 0 0.25%;
  position: relative;
}
@media (max-width: 999px) {
  .werte .werte-boxen--box {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}
.werte .werte-boxen--box--first {
  padding: 60px 30px;
  min-height: 538px;
}
@media (max-width: 999px) {
  .werte .werte-boxen--box--first {
    min-height: 200px;
    height: 200px !important;
  }
}
.werte .werte-boxen--box--first--icons {
  text-align: center;
  margin-bottom: 30px;
}
.werte .werte-boxen--box--first--icons img {
  display: inline-block;
  max-width: 45px;
}
.werte .werte-boxen--box--hover {
  display: none;
  padding: 60px 30px;
  min-height: 538px;
}
.werte .werte-boxen--box--hover .copy-s3 {
  width: 80%;
  position: relative;
  margin: 0 auto 30px auto;
}
.werte .werte-boxen--box--hover .copy-s3 span {
  font-weight: 700;
}
.werte .werte-boxen--box.active .werte-boxen--box--hover {
  display: block;
}
.werte .werte-boxen--box:hover .werte-boxen--box--first {
  display: none;
}
.werte .werte-boxen--box:hover .werte-boxen--box--hover {
  display: flex;
}/*# sourceMappingURL=werte.css.map */