.px-textimages {
  position: relative;
}
.px-textimages-inner {
  background-color: #EBF0F2;
  width: 94%;
  max-width: 1685px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 1120px) {
  .px-textimages-inner {
    flex-direction: column;
    width: 100%;
  }
}
.px-textimages-inner .col {
  width: 50%;
}
@media screen and (max-width: 1120px) {
  .px-textimages-inner .col {
    width: 100%;
  }
}
.px-textimages-inner .col.text {
  background-color: #EBF0F2;
  padding: 80px 90px 80px 45px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 1120px) {
  .px-textimages-inner .col.text {
    padding: clamp(1rem, 0.5945945946rem + 2.5337837838vw, 2.5rem) 3%;
  }
}
.px-textimages-inner .col.text .headline-wrap {
  border-left: 1.5px solid #9D031B;
  padding-left: clamp(0.85rem, 0.7148648649rem + 0.8445945946vw, 1.35rem);
  margin-bottom: clamp(1rem, 0.6621621622rem + 2.1114864865vw, 2.25rem);
}
.px-textimages-inner .col.text .headline-wrap h1, .px-textimages-inner .col.text .headline-wrap h2, .px-textimages-inner .col.text .headline-wrap h3, .px-textimages-inner .col.text .headline-wrap h4, .px-textimages-inner .col.text .headline-wrap h5, .px-textimages-inner .col.text .headline-wrap h6 {
  margin-bottom: 0;
}
.px-textimages-inner .col.text .headline-wrap p[class*=roofline] {
  border: 0;
  padding-left: 0;
}
.px-textimages-inner .col.text .wp-block-heading {
  border-left: 1.5px solid #9D031B;
  padding-left: clamp(0.85rem, 0.7148648649rem + 0.8445945946vw, 1.35rem);
}
.px-textimages-inner .col.text p[class*=roofline] + .wp-block-heading {
  padding-top: 10px;
}
.px-textimages-inner .col.text p:last-child {
  margin-bottom: 0;
}
.px-textimages-inner .col.text .buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .px-textimages-inner .col.text .buttons {
    flex-direction: column;
    align-items: flex-start;
  }
}
.px-textimages-inner .col.text .buttons .btn {
  margin-top: 0;
}
.px-textimages-inner .col.text ul li {
  position: relative;
  padding-left: 15px;
  margin: 10px 0;
}
.px-textimages-inner .col.text ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: black;
}
.px-textimages-inner .col.text ol {
  counter-reset: index;
}
.px-textimages-inner .col.text ol li {
  counter-reset: index_sub;
  position: relative;
  padding-left: 15px;
  margin: 10px 0;
}
.px-textimages-inner .col.text ol li::before {
  counter-increment: index;
  content: counter(index) ".";
  position: absolute;
  left: 0;
  top: 0;
}
.px-textimages-inner .col.text ol li ol li::before {
  counter-increment: index_sub;
  content: counter(index_sub) ".";
}
.px-textimages-inner .col.image {
  position: relative;
}
@media screen and (max-width: 1120px) {
  .px-textimages-inner .col.image {
    order: -1;
  }
}
.px-textimages-inner .col.image .image-big {
  height: 100%;
  width: 100%;
}
.px-textimages-inner .col.image img {
  display: block;
  width: 100%;
  min-height: 100%;
  max-height: 600px;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1120px) {
  .px-textimages-inner .col.image img {
    min-height: inherit;
    height: auto;
  }
}
.px-textimages-inner .col.image .bg-red {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.px-textimages-inner .col.image .bg-red .red {
  position: absolute;
  top: 0;
  left: 0px;
  height: 100%;
  width: 100%;
  background: url(../../../img/red-oblique_textimages2.svg) no-repeat left top/auto 100%;
}
.px-textimages-inner .col.image .bg-red .grey {
  position: absolute;
  top: 0;
  left: 1px;
  height: 102%;
  width: 100%;
  background: url(../../../img/grey-oblique_textimages.svg) no-repeat right bottom/auto 100%;
}
@media screen and (max-width: 1120px) {
  .px-textimages-inner .col.image .bg-red .grey {
    display: none;
  }
}
.px-textimages.imageposition-right .image .bg-red .red {
  left: inherit;
  right: 0;
  background: url(../../../img/red-oblique_textimages3.svg) no-repeat right top/auto 102%;
}
.px-textimages.imageposition-right .image .bg-red .grey {
  rotate: 180deg;
  background-position: right top;
  top: -2px;
  left: 0;
}
.px-textimages.imageposition-right .text {
  padding: 50px 45px 50px 90px;
}
@media screen and (max-width: 1120px) {
  .px-textimages.imageposition-right .text {
    padding: clamp(1rem, 0.5945945946rem + 2.5337837838vw, 2.5rem);
  }
}