.px-teaser-special {
  container-type: inline-size;
  max-width: var(--maxWidthBig);
  position: relative;
}
.px-teaser-special .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 80px;
  position: relative;
  z-index: 2;
}
.px-teaser-special .icon img {
  width: auto;
  height: 95px;
  object-fit: contain;
}
@media (prefers-reduced-motion: no-preference) {
  .px-teaser-special .icon .icon-image {
    opacity: 0;
    transition: opacity 1.1s ease;
  }
  .px-teaser-special .icon.image-go .icon-image {
    opacity: 1;
  }
}
@media screen and (max-width: 834px) {
  .px-teaser-special .icon {
    padding-bottom: 0px;
  }
}
.px-teaser-special .icon-line {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: auto;
}
.px-teaser-special .icon-line path {
  fill: none;
  stroke: #E7E7E7;
  stroke-width: 2;
  stroke-linecap: square;
  opacity: 1;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
}
@media screen and (max-width: 834px) {
  .px-teaser-special .icon-line {
    display: none;
  }
}
.px-teaser-special-inner {
  display: grid;
  gap: clamp(1.1764705882rem, 0.6995230525rem + 2.5337837838vw, 2.9411764706rem);
  grid-template-columns: repeat(3, 1fr);
  position: relative;
  padding-top: 27px;
}
@container (width <=1024px) {
  .px-teaser-special-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (width <=768px) {
  .px-teaser-special-inner {
    grid-template-columns: 1fr;
  }
}
.px-teaser-special-inner .teaser-special-single {
  display: contents;
}
.px-teaser-special-inner .teaser-special-single .item {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 2;
}
@media (prefers-reduced-motion: no-preference) {
  .px-teaser-special-inner .teaser-special-single .item {
    transition: opacity 0.4s ease;
  }
}
.px-teaser-special-inner .teaser-special-single .item .image {
  position: relative;
  overflow: hidden;
}
.px-teaser-special-inner .teaser-special-single .item .image img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: contain;
}
@container (width <=768px) {
  .px-teaser-special-inner .teaser-special-single .item .image img {
    height: auto;
  }
}
.px-teaser-special-inner .teaser-special-single .item .content {
  padding: 20px clamp(1.1764705882rem, 0.6995230525rem + 2.5337837838vw, 2.9411764706rem) clamp(1.1764705882rem, 0.8585055644rem + 1.6891891892vw, 2.3529411765rem);
  padding-top: 170px;
  box-shadow: var(--mainBoxShadowBig);
  border-radius: var(--baseBorderRadiusBig);
  background: var(--glasslook);
  margin-top: -160px;
  border: 1px solid var(--contrastColorInverted);
}
.px-teaser-special-inner .teaser-special-single .item .content .wp-block-image img {
  border-radius: var(--baseBorderRadius);
}
.px-teaser-special-inner .teaser-special-single .item .content h1 + p, .px-teaser-special-inner .teaser-special-single .item .content h1 + ul, .px-teaser-special-inner .teaser-special-single .item .content h1 + ol, .px-teaser-special-inner .teaser-special-single .item .content h1 + .wp-block-columns, .px-teaser-special-inner .teaser-special-single .item .content h1 + .wp-block-table, .px-teaser-special-inner .teaser-special-single .item .content h1 + .wp-block-image, .px-teaser-special-inner .teaser-special-single .item .content h1 + .wp-block-gallery, .px-teaser-special-inner .teaser-special-single .item .content h1 + .wp-block-buttons, .px-teaser-special-inner .teaser-special-single .item .content h2 + p, .px-teaser-special-inner .teaser-special-single .item .content h2 + ul, .px-teaser-special-inner .teaser-special-single .item .content h2 + ol, .px-teaser-special-inner .teaser-special-single .item .content h2 + .wp-block-columns, .px-teaser-special-inner .teaser-special-single .item .content h2 + .wp-block-table, .px-teaser-special-inner .teaser-special-single .item .content h2 + .wp-block-image, .px-teaser-special-inner .teaser-special-single .item .content h2 + .wp-block-gallery, .px-teaser-special-inner .teaser-special-single .item .content h2 + .wp-block-buttons, .px-teaser-special-inner .teaser-special-single .item .content h3 + p, .px-teaser-special-inner .teaser-special-single .item .content h3 + ul, .px-teaser-special-inner .teaser-special-single .item .content h3 + ol, .px-teaser-special-inner .teaser-special-single .item .content h3 + .wp-block-columns, .px-teaser-special-inner .teaser-special-single .item .content h3 + .wp-block-table, .px-teaser-special-inner .teaser-special-single .item .content h3 + .wp-block-image, .px-teaser-special-inner .teaser-special-single .item .content h3 + .wp-block-gallery, .px-teaser-special-inner .teaser-special-single .item .content h3 + .wp-block-buttons, .px-teaser-special-inner .teaser-special-single .item .content h4 + p, .px-teaser-special-inner .teaser-special-single .item .content h4 + ul, .px-teaser-special-inner .teaser-special-single .item .content h4 + ol, .px-teaser-special-inner .teaser-special-single .item .content h4 + .wp-block-columns, .px-teaser-special-inner .teaser-special-single .item .content h4 + .wp-block-table, .px-teaser-special-inner .teaser-special-single .item .content h4 + .wp-block-image, .px-teaser-special-inner .teaser-special-single .item .content h4 + .wp-block-gallery, .px-teaser-special-inner .teaser-special-single .item .content h4 + .wp-block-buttons, .px-teaser-special-inner .teaser-special-single .item .content h5 + p, .px-teaser-special-inner .teaser-special-single .item .content h5 + ul, .px-teaser-special-inner .teaser-special-single .item .content h5 + ol, .px-teaser-special-inner .teaser-special-single .item .content h5 + .wp-block-columns, .px-teaser-special-inner .teaser-special-single .item .content h5 + .wp-block-table, .px-teaser-special-inner .teaser-special-single .item .content h5 + .wp-block-image, .px-teaser-special-inner .teaser-special-single .item .content h5 + .wp-block-gallery, .px-teaser-special-inner .teaser-special-single .item .content h5 + .wp-block-buttons, .px-teaser-special-inner .teaser-special-single .item .content h6 + p, .px-teaser-special-inner .teaser-special-single .item .content h6 + ul, .px-teaser-special-inner .teaser-special-single .item .content h6 + ol, .px-teaser-special-inner .teaser-special-single .item .content h6 + .wp-block-columns, .px-teaser-special-inner .teaser-special-single .item .content h6 + .wp-block-table, .px-teaser-special-inner .teaser-special-single .item .content h6 + .wp-block-image, .px-teaser-special-inner .teaser-special-single .item .content h6 + .wp-block-gallery, .px-teaser-special-inner .teaser-special-single .item .content h6 + .wp-block-buttons {
  margin-top: 20px;
}
.px-teaser-special-inner .teaser-special-single .item .content .wp-block-buttons + .wp-block-buttons {
  margin-top: 10px;
}
.px-teaser-special-inner .teaser-special-single .item .content p:not([class*=roofline]) + .wp-block-buttons {
  margin-top: clamp(1.1764705882rem, 0.8903020668rem + 1.5202702703vw, 2.2352941176rem);
}
.px-teaser-special-inner .teaser-special-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);
}

.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));
}

.editor-styles-wrapper .px-teaser-special-inner,
.block-editor-block-list__layout .px-teaser-special-inner {
  min-height: 100px;
}
.editor-styles-wrapper .px-teaser-special-inner .teaser-special-single,
.block-editor-block-list__layout .px-teaser-special-inner .teaser-special-single {
  display: block;
}
.editor-styles-wrapper .px-teaser-special-inner .teaser-special-single .item,
.block-editor-block-list__layout .px-teaser-special-inner .teaser-special-single .item {
  transform: none !important;
  opacity: 1 !important;
  z-index: auto !important;
}
.editor-styles-wrapper .px-teaser-special-inner .teaser-special-single .item,
.block-editor-block-list__layout .px-teaser-special-inner .teaser-special-single .item {
  transform: none !important;
  opacity: 1 !important;
}