.px-teaser-services {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--glasslook);
  box-shadow: var(--boxShadow);
  overflow: hidden;
  border-radius: var(--baseBorderRadiusBig);
  border: 1px solid var(--contrastColorInverted);
  border-bottom: none;
  /*
  .wp-block-button.is-style-button-fill-small > a.wp-block-button__link:not(.has-text-color) {
      padding: 10px;
      color: var(--fontColor);
      font-family: Roboto;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
  }
  .wp-block-buttons {
      gap: 10px;
  }
  */
}
.px-teaser-services p {
  line-height: 155%;
}
.px-teaser-services.animate {
  animation-duration: 1.8s;
}
.px-teaser-services .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) inset, 0 10px 20px -10px rgba(0, 0, 0, 0);
  border: 1px solid transparent;
  padding: 9px 15px;
  transition: var(--baseTransition);
}
.px-teaser-services .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0) inset, 0 10px 20px -10px rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0);
  border: 1px solid #fff;
}
.px-teaser-services-inner {
  display: flex;
  flex-direction: column;
  gap: clamp(1.1111111111rem, 0.960960961rem + 0.8445945946vw, 1.6666666667rem);
  padding: clamp(1.1111111111rem, 0.6606606607rem + 2.5337837838vw, 2.7777777778rem);
}
.px-teaser-services.top-left {
  border-top-left-radius: 0;
}
.px-teaser-services.top-right {
  border-top-right-radius: 0;
}
.px-teaser-services.bottom-left {
  border-bottom-left-radius: 0;
}
.px-teaser-services.bottom-right {
  border-bottom-right-radius: 0;
}
.px-teaser-services h1 + p,
.px-teaser-services h1 + ul,
.px-teaser-services h1 + ol,
.px-teaser-services h1 + .wp-block-columns,
.px-teaser-services h1 + .wp-block-table,
.px-teaser-services h1 + .wp-block-image,
.px-teaser-services h1 + .wp-block-gallery,
.px-teaser-services h1 + .wp-block-buttons,
.px-teaser-services h2 + p,
.px-teaser-services h2 + ul,
.px-teaser-services h2 + ol,
.px-teaser-services h2 + .wp-block-columns,
.px-teaser-services h2 + .wp-block-table,
.px-teaser-services h2 + .wp-block-image,
.px-teaser-services h2 + .wp-block-gallery,
.px-teaser-services h2 + .wp-block-buttons,
.px-teaser-services h3 + p,
.px-teaser-services h3 + ul,
.px-teaser-services h3 + ol,
.px-teaser-services h3 + .wp-block-columns,
.px-teaser-services h3 + .wp-block-table,
.px-teaser-services h3 + .wp-block-image,
.px-teaser-services h3 + .wp-block-gallery,
.px-teaser-services h3 + .wp-block-buttons,
.px-teaser-services h4 + p,
.px-teaser-services h4 + ul,
.px-teaser-services h4 + ol,
.px-teaser-services h4 + .wp-block-columns,
.px-teaser-services h4 + .wp-block-table,
.px-teaser-services h4 + .wp-block-image,
.px-teaser-services h4 + .wp-block-gallery,
.px-teaser-services h4 + .wp-block-buttons,
.px-teaser-services h5 + p,
.px-teaser-services h5 + ul,
.px-teaser-services h5 + ol,
.px-teaser-services h5 + .wp-block-columns,
.px-teaser-services h5 + .wp-block-table,
.px-teaser-services h5 + .wp-block-image,
.px-teaser-services h5 + .wp-block-gallery,
.px-teaser-services h5 + .wp-block-buttons,
.px-teaser-services h6 + p,
.px-teaser-services h6 + ul,
.px-teaser-services h6 + ol,
.px-teaser-services h6 + .wp-block-columns,
.px-teaser-services h6 + .wp-block-table,
.px-teaser-services h6 + .wp-block-image,
.px-teaser-services h6 + .wp-block-gallery,
.px-teaser-services h6 + .wp-block-buttons {
  margin-top: 0px;
}
.px-teaser-services p + h1,
.px-teaser-services p + h2,
.px-teaser-services p + h3,
.px-teaser-services p + h4,
.px-teaser-services p + h5,
.px-teaser-services p + h6,
.px-teaser-services p + .wp-block-heading {
  margin-top: 0;
}
.px-teaser-services p:not([class*=roofline]) + .wp-block-buttons,
.px-teaser-services ul + .wp-block-buttons,
.px-teaser-services ol + .wp-block-buttons,
.px-teaser-services header + .wp-block-buttons,
.px-teaser-services .wp-block-columns + .wp-block-buttons,
.px-teaser-services .wp-block-table + .wp-block-buttons,
.px-teaser-services .wp-block-image + .wp-block-buttons,
.px-teaser-services .wp-block-gallery + .wp-block-buttons,
.px-teaser-services .wp-block-buttons + .wp-block-buttons {
  margin-top: 0;
}
.px-teaser-services .px-teaser-services-link {
  position: absolute;
  right: clamp(0.5555555556rem, 0.3303303303rem + 1.2668918919vw, 1.3888888889rem);
  bottom: clamp(0.5555555556rem, 0.3303303303rem + 1.2668918919vw, 1.3888888889rem);
}
.px-teaser-services .px-teaser-services-link a {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15) inset;
  transition: var(--baseTransition);
  display: flex;
  align-items: center;
  justify-content: center;
}
.px-teaser-services .px-teaser-services-link a:hover {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) inset;
}
.px-teaser-services:has(.px-teaser-services-link) .px-teaser-services-inner {
  padding-right: 50px;
}
.px-teaser-services .wp-block-heading:not([data-margin-before]) {
  margin-top: 0;
}
.px-teaser-services.full-height {
  height: 100%;
}
.px-teaser-services.kein-padding-bottom .px-teaser-services-inner {
  padding-bottom: 0;
}
@media (max-width: 782px) {
  .px-teaser-services.kein-padding-bottom .px-teaser-services-inner {
    padding-bottom: clamp(1.1111111111rem, 0.6606606607rem + 2.5337837838vw, 2.7777777778rem);
  }
}
.px-teaser-services.kein-padding-left .px-teaser-services-inner {
  padding-left: 0;
}
@media (max-width: 782px) {
  .px-teaser-services.kein-padding-left .px-teaser-services-inner {
    padding-left: clamp(1.1111111111rem, 0.6606606607rem + 2.5337837838vw, 2.7777777778rem);
  }
}
.px-teaser-services.kein-padding-right .px-teaser-services-inner {
  padding-right: 0;
}
@media (max-width: 782px) {
  .px-teaser-services.kein-padding-right .px-teaser-services-inner {
    padding-right: clamp(1.1111111111rem, 0.6606606607rem + 2.5337837838vw, 2.7777777778rem);
  }
}
.px-teaser-services.padding-20 {
  padding: clamp(1.1111111111rem, 0.960960961rem + 0.8445945946vw, 1.6666666667rem);
}
.px-teaser-services.padding-20 .px-teaser-services-link {
  right: 10px;
  bottom: 10px;
}
.px-teaser-services.padding-20 .px-onlyimage .image {
  display: flex;
  justify-content: center;
}
.px-teaser-services.padding-20 .px-onlyimage .image img {
  width: calc(100% + 60px);
}
.px-teaser-services.padding-20.kein-padding-bottom {
  padding-bottom: 0;
}
@media only screen and (max-width: 1024px) and (min-width: 782px) {
  .px-teaser-services .px-teaser-services-inner:has(.wp-block-heading + .wp-block-columns > .wp-block-column > .wp-block-image) {
    padding-bottom: clamp(200px, 200px + 45px * (100vw - 320px) / 704px, 250px);
    position: relative;
  }
  .px-teaser-services .px-teaser-services-inner:has(.wp-block-heading + .wp-block-columns > .wp-block-column > .wp-block-image) .wp-block-heading + .wp-block-columns:has(.wp-block-image) .wp-block-column:nth-child(2) .wp-block-image {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 781.98px) {
  .px-teaser-services .px-teaser-services-inner:has(.wp-block-heading + .wp-block-columns > .wp-block-column > .wp-block-image) {
    padding-bottom: clamp(1.1111111111rem, 0.6606606607rem + 2.5337837838vw, 2.7777777778rem);
  }
  .px-teaser-services .px-teaser-services-inner:has(.wp-block-heading + .wp-block-columns > .wp-block-column > .wp-block-image) .wp-block-heading + .wp-block-columns {
    display: contents;
  }
  .px-teaser-services .px-teaser-services-inner:has(.wp-block-heading + .wp-block-columns > .wp-block-column > .wp-block-image) .wp-block-heading + .wp-block-columns > .wp-block-column {
    flex-basis: auto !important;
  }
  .px-teaser-services .px-teaser-services-inner:has(.wp-block-heading + .wp-block-columns > .wp-block-column > .wp-block-image) .wp-block-heading + .wp-block-columns > .wp-block-column:nth-child(2) {
    order: 5;
    display: flex;
    justify-content: center;
  }
  .px-teaser-services .px-teaser-services-inner:has(.wp-block-heading + .wp-block-columns > .wp-block-column > .wp-block-image) .wp-block-heading + .wp-block-columns > .wp-block-column:nth-child(2) .wp-block-image {
    position: static;
    transform: none;
    margin: 0;
    width: auto;
  }
  .px-teaser-services .px-teaser-services-inner:has(.wp-block-heading + .wp-block-columns > .wp-block-column > .wp-block-image) .wp-block-heading + .wp-block-columns > .wp-block-column:nth-child(2) .wp-block-image img {
    max-width: 180px !important;
    max-height: 120px !important;
    width: auto !important;
    height: auto !important;
  }
  .px-teaser-services:has(.px-teaser-services-link):not(.kein-padding-right) .px-teaser-services-inner:has(.wp-block-heading + .wp-block-columns > .wp-block-column > .wp-block-image) .wp-block-heading + .wp-block-columns > .wp-block-column:nth-child(2) {
    margin-right: calc(clamp(1.1111111111rem, 0.6606606607rem + 2.5337837838vw, 2.7777777778rem) - 50px);
  }
}
@media only screen and (max-width: 1024px) {
  .px-teaser-services .px-teaser-services-inner:has(.wp-block-heading + p + .wp-block-columns .wp-block-column:first-child > .wp-block-image) .wp-block-columns {
    flex-direction: column-reverse;
    flex-wrap: nowrap !important;
  }
  .px-teaser-services .px-teaser-services-inner .wp-block-heading + p {
    margin-bottom: 10px;
  }
  .px-teaser-services .px-teaser-services-inner:not(:has(.wp-block-columns)) .wp-block-image {
    order: 5;
  }
}

@media (max-width: 1024px) {
  .wp-block-column:has(.px-teaser-services) {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}