.px-teaser-banner {
  container-type: inline-size;
  position: relative;
}
.px-teaser-banner-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.px-teaser-banner-inner .teaser-single {
  flex: 0 0 calc((100% - 4 * 20px) / 5);
  max-width: calc((100% - 4 * 20px) / 5);
  padding: 30px 30px 35px;
  background-color: var(--contrastColorInverted);
  border-radius: var(--borderRadiusSmall);
  filter: var(--defaultDropShadow);
}
@container (width <= 1200px) {
  .px-teaser-banner-inner .teaser-single {
    flex: 0 0 calc((100% - 3 * 20px) / 4);
    max-width: calc((100% - 3 * 20px) / 4);
  }
}
@container (width <= 1024px) {
  .px-teaser-banner-inner .teaser-single {
    flex: 0 0 calc((100% - 2 * 20px) / 3);
    max-width: calc((100% - 2 * 20px) / 3);
  }
}
@container (width <= 960px) {
  .px-teaser-banner-inner .teaser-single {
    flex: 0 0 calc((100% - (20px)) / 2);
    max-width: calc((100% - (20px)) / 2);
  }
}
@container (width <= 450px) {
  .px-teaser-banner-inner .teaser-single {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
  }
}
.px-teaser-banner-inner .teaser-single-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.px-teaser-banner-inner .teaser-single-inner h2, .px-teaser-banner-inner .teaser-single-inner h3, .px-teaser-banner-inner .teaser-single-inner h4, .px-teaser-banner-inner .teaser-single-inner h5, .px-teaser-banner-inner .teaser-single-inner h6 {
  min-height: 2.4em;
}
.px-teaser-banner-inner .teaser-single-inner > p, .px-teaser-banner-inner .teaser-single-inner ul, .px-teaser-banner-inner .teaser-single-inner ol, .px-teaser-banner-inner .teaser-single-inner li, .px-teaser-banner-inner .teaser-single-inner span {
  font-size: var(--smallFontSize);
  line-height: var(--baseLineheight);
}
.px-teaser-banner-inner .teaser-single-inner .wp-block-image {
  height: 100%;
}
.px-teaser-banner-inner .teaser-single-inner .wp-block-image img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
.px-teaser-banner-inner .teaser-single-inner .wp-block-buttons {
  margin-top: auto;
  margin-bottom: 0;
}
.px-teaser-banner-inner .teaser-single-inner .wp-block-buttons .wp-block-button__link {
  margin-top: 20px;
}
@media (hover: hover) {
  .px-teaser-banner-inner .teaser-single {
    transition: var(--baseTransition);
  }
  .px-teaser-banner-inner .teaser-single-inner > * {
    transition: var(--baseTransition);
  }
}
.px-teaser-banner-inner .teaser-single:hover {
  background-color: var(--mainColor);
}
.px-teaser-banner-inner .teaser-single:hover *, .px-teaser-banner-inner .teaser-single:hover .wp-block-button__link {
  color: var(--contrastColorInverted) !important;
}
.px-teaser-banner-inner .teaser-single .wp-block-button:hover > .wp-block-button__link {
  color: var(--secondColor) !important;
}

.px-banner + .px-teaser-banner {
  translate: 0 calc(clamp(3.3333333333rem, 2.4324324324rem + 5.0675675676vw, 6.6666666667rem) * -1);
  margin-bottom: calc(clamp(3.3333333333rem, 2.4324324324rem + 5.0675675676vw, 6.6666666667rem) * -1) !important;
  z-index: 1;
}
@container (width <= 960px) {
  .px-banner + .px-teaser-banner {
    translate: 0;
  }
}