.px-teaser {
  max-width: var(--maxWidthBig);
  margin: 0 auto;
  width: var(--baseWidth);
}
.px-teaser.teaser-small {
  margin-bottom: clamp(0.0625rem, -1.2719594595rem + 6.6722972973vw, 5rem);
}
.px-teaser.teaser-large {
  margin-bottom: 0px;
}
.px-teaser.teaser-large .px-teaser-inner {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1.25rem, 0.6756756757rem + 2.8716216216vw, 3.375rem);
}
.px-teaser.teaser-large .px-teaser-inner .item {
  padding: 0;
}
.px-teaser.teaser-large .px-teaser-inner .item:nth-of-type(odd) {
  top: 0px;
}
.px-teaser.teaser-large .px-teaser-inner .item .content {
  padding: clamp(1.25rem, 0.7432432432rem + 2.5337837838vw, 3.125rem);
}
.px-teaser.teaser-large .px-teaser-inner .item .image {
  margin-bottom: 0;
  height: clamp(15.625rem, 12.9222972973rem + 13.5135135135vw, 25.625rem);
}
.px-teaser.teaser-large .px-teaser-inner .item .image img {
  height: clamp(15.625rem, 12.9222972973rem + 13.5135135135vw, 25.625rem);
  object-fit: cover;
}
.px-teaser.teaser-large .px-teaser-inner .item .text {
  margin-bottom: clamp(4.6875rem, 4.3496621622rem + 1.6891891892vw, 5.9375rem);
}
.px-teaser.teaser-large .px-teaser-inner .item .btn {
  width: fit-content;
  left: clamp(1.25rem, 0.7432432432rem + 2.5337837838vw, 3.125rem);
  bottom: clamp(1.25rem, 0.7432432432rem + 2.5337837838vw, 3.125rem);
  transform: none;
  max-width: calc(100% - 40px);
}
.px-teaser-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px clamp(1.25rem, 0.6756756757rem + 2.8716216216vw, 3.375rem);
}
.px-teaser-inner .item {
  border-radius: var(--borderRadius);
  background-color: var(--greyVeryLight);
  overflow: hidden;
  padding: 20px;
  position: relative;
}
.px-teaser-inner .item:nth-of-type(odd) {
  top: 80px;
}
@media screen and (max-width: 1378px) {
  .px-teaser-inner .item:nth-of-type(odd) {
    top: 0;
  }
}
.px-teaser-inner .item .image {
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
}
.px-teaser-inner .item .image img {
  width: 100%;
  height: 100px;
  object-fit: contain;
}
.px-teaser-inner .item p, .px-teaser-inner .item h2, .px-teaser-inner .item h3, .px-teaser-inner .item h4, .px-teaser-inner .item h5, .px-teaser-inner .item h6 {
  color: var(--contrastColor);
}
.px-teaser-inner .item .text {
  margin-bottom: 75px;
}
.px-teaser-inner .item .btn {
  width: calc(100% - 40px);
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.fl .px-teaser, .px-textimages .px-teaser, .wp-block-columns .px-teaser {
  width: 100%;
}