.px-teaser {
  position: relative;
  max-width: var(--maxWidthBigger);
  width: var(--baseWidth);
  margin: 0 auto;
  background: var(--greyDark);
  border-radius: 20px;
  padding-top: clamp(2.3529411765rem, 1.0810810811rem + 6.7567567568vw, 7.0588235294rem);
  margin-bottom: 170px;
}
.px-teaser .wrapper {
  display: flex;
  gap: 20px clamp(1.1764705882rem, -0.7313195548rem + 10.1351351351vw, 8.2352941176rem);
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .px-teaser .wrapper {
    flex-direction: column;
  }
  .px-teaser .wrapper .text-column, .px-teaser .wrapper .px-teaser-inner {
    width: 100%;
  }
}
.px-teaser .text-column {
  width: 40%;
  padding-top: clamp(0.0588235294rem, -0.720190779rem + 4.1385135135vw, 2.9411764706rem);
  padding-bottom: clamp(0.0588235294rem, -0.720190779rem + 4.1385135135vw, 2.9411764706rem);
  position: relative;
  z-index: 2;
}
.px-teaser .text-column h2, .px-teaser .text-column h3, .px-teaser .text-column h4, .px-teaser .text-column h5, .px-teaser .text-column h6, .px-teaser .text-column p, .px-teaser .text-column span, .px-teaser .text-column a, .px-teaser .text-column li, .px-teaser .text-column ul, .px-teaser .text-column ol, .px-teaser .text-column blockquote, .px-teaser .text-column div {
  color: var(--contrastColorInverted);
}
.px-teaser .arrows-top, .px-teaser .arrows-bottom, .px-teaser .arrows-right {
  position: absolute;
  z-index: 1;
}
.px-teaser .arrows-top {
  top: -8px;
  left: -56px;
}
.px-teaser .arrows-bottom {
  bottom: 80px;
  left: -18px;
}
.px-teaser .arrows-right {
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
}
.px-teaser > .arrows-top, .px-teaser > .arrows-bottom, .px-teaser > .arrows-right {
  display: inline-block;
}
.px-teaser-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  width: 60%;
  margin-bottom: -150px;
  position: relative;
  z-index: 2;
}
.px-teaser-inner .item {
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--contrastColorInverted);
  height: fit-content;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
}
.px-teaser-inner .item .image {
  overflow: hidden;
}
.px-teaser-inner .item .image img {
  margin-left: clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem);
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px 0 0 10px;
}
.px-teaser-inner .item .headline-wrapper {
  padding: clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem);
}
.px-teaser-inner .item .headline-wrapper .headline {
  margin-bottom: 0px;
  margin-top: -40px;
}
@media screen and (max-width: 1550px) {
  .px-teaser-inner .item .headline-wrapper .headline {
    margin-top: -30px;
  }
}
@media screen and (max-width: 960px) {
  .px-teaser-inner .item .headline-wrapper .headline {
    margin-top: -20px;
  }
}
.px-teaser-inner .item .headline-wrapper .roofline {
  font-size: clamp(1.7647058824rem, 1.0492845787rem + 3.8006756757vw, 4.4117647059rem);
  color: var(--greyLightest);
  text-transform: uppercase;
  font-family: var(--headline);
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 1550px) {
  .px-teaser-inner .item .headline-wrapper .roofline {
    font-size: clamp(1.7647058824rem, 1.2877583466rem + 2.5337837838vw, 3.5294117647rem);
  }
}
.px-teaser-inner .item .content {
  padding: clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem) clamp(1.1764705882rem, 0.8585055644rem + 1.6891891892vw, 2.3529411765rem);
  color: var(--fontColor);
}
.px-teaser-inner .item .content p {
  margin-bottom: 0;
}