.px-teaser {
  width: 94%;
  max-width: 1504px;
  margin: 0 auto;
}
.px-teaser-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 25px;
}
.px-teaser-inner .item {
  box-shadow: 0px 14px 74px 0px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  overflow: hidden;
  transition: all 0.3s;
}
.px-teaser-inner .item .image {
  overflow: hidden;
}
.px-teaser-inner .item .image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.px-teaser-inner .item .content {
  padding: clamp(1rem, 0.5945945946rem + 2.5337837838vw, 2.5rem) clamp(1rem, 0.8648648649rem + 0.8445945946vw, 1.5rem);
}
.px-teaser-inner .item .content .headline {
  border-left: 1.5px solid #9D031B;
  padding-left: clamp(0.5rem, 0.3648648649rem + 0.8445945946vw, 1rem);
  margin-bottom: clamp(0.75rem, 0.5472972973rem + 1.2668918919vw, 1.5rem);
  transition: all 0.3s;
}
.px-teaser-inner .item .content h5 {
  font-size: clamp(1.2rem, 1.1189189189rem + 0.5067567568vw, 1.5rem);
}
.px-teaser-inner .item .content .buttons {
  margin-top: 10px;
}
.px-teaser-inner .item:hover {
  background-color: #404040;
  color: #ffffff;
}
.px-teaser-inner .item:hover .content .headline {
  border-color: #ffffff;
  color: #ffffff;
}
.px-teaser-inner .item:hover .content a {
  color: #ffffff;
}
.px-teaser-inner .item:hover .content a.linkarrow::after {
  filter: brightness(0) invert(1);
}