.px-teaser {
  container-type: inline-size;
  max-width: var(--maxWidth) !important;
}
.px-teaser.animate {
  animation-duration: 1.8s;
}
.px-teaser-inner {
  display: grid;
  gap: 30px;
}
.px-teaser-inner .teaser-single {
  display: contents;
}
.px-teaser-inner .teaser-single .item-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.px-teaser-inner .teaser-single .item-link:hover {
  transform: translateY(-5px);
}
.px-teaser-inner .teaser-single .item-link:hover .item {
  box-shadow: 0 8px 30px 0 rgba(var(--contrastColorRGB, 0, 0, 0), 0.15);
}
.px-teaser-inner .teaser-single.has-link {
  cursor: pointer;
}
.px-teaser-inner .teaser-single .item {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--contrastColorInverted);
  box-shadow: var(--mainBoxShadowBig);
  border-radius: var(--baseBorderRadiusBig);
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}
.px-teaser-inner .teaser-single .item .image {
  overflow: hidden;
  height: 250px;
  background: var(--secondGradient);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@container (width <=640px) {
  .px-teaser-inner .teaser-single .item .image {
    height: 235px;
  }
}
@container (width <=450px) {
  .px-teaser-inner .teaser-single .item .image {
    height: auto;
  }
}
.px-teaser-inner .teaser-single .item .image img {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: contain;
}
@container (width <=640px) {
  .px-teaser-inner .teaser-single .item .image img {
    height: 235px;
  }
}
@container (width <=450px) {
  .px-teaser-inner .teaser-single .item .image img {
    height: auto;
  }
}
.px-teaser-inner .teaser-single .item .image.fullscreen {
  padding: 0;
}
.px-teaser-inner .teaser-single .item .image.fullscreen img {
  object-fit: cover;
  height: 250px;
}
.px-teaser-inner .teaser-single .item .icon {
  padding: 30px 30px 0;
}
.px-teaser-inner .teaser-single .item .icon img {
  width: auto;
  height: 32px;
}
.px-teaser-inner .teaser-single .item .content {
  padding: clamp(1.1764705882rem, 0.8585055644rem + 1.6891891892vw, 2.3529411765rem);
}
.px-teaser-inner .teaser-single .item .content .wp-block-image img {
  border-radius: var(--baseBorderRadius);
}
.px-teaser-inner .teaser-single .item .content .is-style-largetext strong {
  font-weight: 500;
}
.px-teaser-inner .teaser-single .item:has(.icon) .content {
  padding: 15px clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem) clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem);
}
.px-teaser-inner .teaser-single.content-centered .item {
  align-items: center;
  text-align: center;
}
.px-teaser-inner .teaser-single.content-centered .item .wp-block-buttons {
  justify-content: center;
}
.px-teaser-inner .teaser-single.content-centered .item p {
  text-align: center !important;
}
.px-teaser-inner .teaser-single.content-centered .item .icon {
  padding-top: clamp(1.1764705882rem, 0.6995230525rem + 2.5337837838vw, 2.9411764706rem);
}
.px-teaser-inner .teaser-single.content-centered .item:has(.icon) {
  justify-content: center;
}
.px-teaser-inner .teaser-single.content-centered .item:has(.icon) .content {
  padding: 15px clamp(1.1764705882rem, 0.6995230525rem + 2.5337837838vw, 2.9411764706rem) clamp(1.1764705882rem, 0.6995230525rem + 2.5337837838vw, 2.9411764706rem);
}
.px-teaser.twoColumns .px-teaser-inner {
  grid-template-columns: repeat(2, 1fr);
}
@container (width <=768px) {
  .px-teaser.twoColumns .px-teaser-inner {
    grid-template-columns: 1fr;
  }
}
.px-teaser.threeColumns .px-teaser-inner {
  grid-template-columns: repeat(3, 1fr);
}
@container (width <=1024px) {
  .px-teaser.threeColumns .px-teaser-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (width <=768px) {
  .px-teaser.threeColumns .px-teaser-inner {
    grid-template-columns: 1fr;
  }
}
.px-teaser.fourColumns .px-teaser-inner {
  grid-template-columns: repeat(4, 1fr);
}
@container (width <=1200px) {
  .px-teaser.fourColumns .px-teaser-inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
@container (width <=1024px) {
  .px-teaser.fourColumns .px-teaser-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (width <=768px) {
  .px-teaser.fourColumns .px-teaser-inner {
    grid-template-columns: 1fr;
  }
}
.px-teaser.fourColumns .px-teaser-inner .item .content {
  padding: clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem) clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem) clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem);
}
.px-teaser.twoColumnsAsymmetric .px-teaser-inner {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: row dense;
  gap: 30px;
}
@container (width <=768px) {
  .px-teaser.twoColumnsAsymmetric .px-teaser-inner {
    grid-template-columns: 1fr;
  }
}
.px-teaser.twoColumnsAsymmetric .teaser-single {
  display: block;
  /* Standard: Box 1 (60%) + Box 2 (40%) */
  /* Zeile 2: Box 3 (40%) + Box 4 (60%) */
}
.px-teaser.twoColumnsAsymmetric .teaser-single:nth-child(4n+1) {
  grid-column: 1/span 7; /* ~60% */
}
@container (width <=768px) {
  .px-teaser.twoColumnsAsymmetric .teaser-single:nth-child(4n+1) {
    grid-column: auto;
  }
}
.px-teaser.twoColumnsAsymmetric .teaser-single:nth-child(4n+2) {
  grid-column: 8/span 5; /* ~40% */
}
@container (width <=768px) {
  .px-teaser.twoColumnsAsymmetric .teaser-single:nth-child(4n+2) {
    grid-column: auto;
  }
}
.px-teaser.twoColumnsAsymmetric .teaser-single:nth-child(4n+3) {
  grid-column: 1/span 5; /* ~40% */
}
@container (width <=768px) {
  .px-teaser.twoColumnsAsymmetric .teaser-single:nth-child(4n+3) {
    grid-column: auto;
  }
}
.px-teaser.twoColumnsAsymmetric .teaser-single:nth-child(4n+4) {
  grid-column: 6/span 7; /* ~60% */
}
@container (width <=768px) {
  .px-teaser.twoColumnsAsymmetric .teaser-single:nth-child(4n+4) {
    grid-column: auto;
  }
}
.px-teaser.blueborder .teaser-single .item {
  border-bottom: 3px solid var(--main-color);
}
.px-teaser.textonly .teaser-single .item {
  background: var(--glasslook);
  border: 1px solid var(--contrastColorInverted);
}
.px-teaser.textonly .teaser-single .content {
  padding: clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem);
}
.px-teaser.textonly .teaser-single .content p:not([class*=roofline]) + .wp-block-buttons, .px-teaser.textonly .teaser-single .content ul + .wp-block-buttons, .px-teaser.textonly .teaser-single .content ol + .wp-block-buttons, .px-teaser.textonly .teaser-single .content header + .wp-block-buttons, .px-teaser.textonly .teaser-single .content .wp-block-columns + .wp-block-buttons, .px-teaser.textonly .teaser-single .content .wp-block-table + .wp-block-buttons, .px-teaser.textonly .teaser-single .content .wp-block-image + .wp-block-buttons, .px-teaser.textonly .teaser-single .content .wp-block-gallery + .wp-block-buttons, .px-teaser.textonly .teaser-single .content .wp-block-buttons + .wp-block-buttons {
  margin-top: 20px;
}

.block-editor-button-block-appender {
  background-color: var(--contrastColorInverted, #fff);
}

.editor-styles-wrapper .px-teaser.twoColumnsAsymmetric .px-teaser-inner {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}