.px-teaser {
  container-type: inline-size;
  position: relative;
}
.px-teaser-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.px-teaser-inner .teaser-col-5 {
  flex: 0 0 calc((100% - 4 * 20px) / 5);
  max-width: calc((100% - 4 * 20px) / 5);
}
.px-teaser-inner .teaser-col-4 {
  flex: 0 0 calc((100% - 3 * 20px) / 4);
  max-width: calc((100% - 3 * 20px) / 4);
}
.px-teaser-inner .teaser-col-3 {
  flex: 0 0 calc((100% - 2 * 20px) / 3);
  max-width: calc((100% - 2 * 20px) / 3);
}
.px-teaser-inner .teaser-col-2 {
  flex: 0 0 calc((100% - (20px)) / 2);
  max-width: calc((100% - (20px)) / 2);
}
.px-teaser-inner .teaser-col-1 {
  flex: 0 0 100%;
  max-width: 100%;
  height: auto;
}
.px-teaser-inner .teaser-col {
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.px-teaser-inner .teaser-single {
  padding: 30px 30px 35px;
  background-color: var(--contrastColorInverted);
  border-radius: var(--borderRadiusSmall);
  filter: var(--defaultDropShadow);
  height: fit-content;
}
.px-teaser-inner .teaser-single-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.px-teaser-inner .teaser-single-inner > p, .px-teaser-inner .teaser-single-inner ul, .px-teaser-inner .teaser-single-inner ol, .px-teaser-inner .teaser-single-inner li, .px-teaser-inner .teaser-single-inner span {
  font-size: var(--smallFontSize);
  line-height: var(--baseLineheight);
}
.px-teaser-inner .teaser-single-inner .wp-block-image {
  height: 100%;
}
.px-teaser-inner .teaser-single-inner .wp-block-image img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
.px-teaser-inner .teaser-single-inner .wp-block-buttons {
  margin-top: auto;
  margin-bottom: 0;
}
.px-teaser-inner .teaser-single-inner .wp-block-buttons .wp-block-button__link {
  margin-top: 20px;
}
.px-teaser-offset .px-teaser-inner {
  align-items: center;
}
.px-teaser-offset .px-teaser-inner .teaser-col:not(.teaser-col-1):nth-child(odd) {
  padding-bottom: 50px;
}
.px-teaser-offset .px-teaser-inner .teaser-col:not(.teaser-col-1):nth-child(even) {
  padding-top: 50px;
}
.px-teaser-offset .px-teaser-inner .teaser-col:not(.teaser-col-1).teaser-col-3 {
  padding-bottom: 50px !important;
}
.px-teaser-offset .px-teaser-inner .teaser-col:not(.teaser-col-1).teaser-col-3:nth-child(3n+2) {
  padding-top: 50px !important;
}

.px-banner + .px-teaser {
  translate: 0 calc(clamp(3.3333333333rem, 2.4324324324rem + 5.0675675676vw, 6.6666666667rem) * -1);
  z-index: 1;
}
.px-banner + .px-teaser h5 {
  min-height: 2.4em;
}
@container (width <= 960px) {
  .px-banner + .px-teaser {
    translate: 0;
  }
}
@media (hover: hover) {
  .px-banner + .px-teaser .teaser-single {
    transition: var(--baseTransition);
  }
  .px-banner + .px-teaser .teaser-single-inner > * {
    transition: var(--baseTransition);
  }
}
.px-banner + .px-teaser .teaser-single:hover {
  background-color: var(--mainColor);
}
.px-banner + .px-teaser .teaser-single:hover *, .px-banner + .px-teaser .teaser-single:hover .wp-block-button__link {
  color: var(--contrastColorInverted);
}
.px-banner + .px-teaser .teaser-single .wp-block-button:hover > .wp-block-button__link {
  color: var(--secondColor);
}