.single .px-textimage-inner {
  width: 100%;
}

.px-textimage .is-style-likeh5,
.px-textimage h5 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.px-textimage .is-style-likeh5 span:first-child,
.px-textimage h5 span:first-child {
  width: fit-content;
  flex-shrink: 0;
}
.px-textimage .is-style-likeh5 span:last-child,
.px-textimage h5 span:last-child {
  display: block;
  border-top: 1px dashed var(--formBorderColor);
  flex-basis: 100%;
  flex-shrink: 1;
}
.px-textimage-inner {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: clamp(10px, 2.6vw, 50px);
  width: var(--baseWidth);
}
@container (width > 1024px) {
  .px-textimage-inner .col.image img {
    height: 100%;
  }
}
@container (width <= 1024px) {
  .px-textimage-inner .col.image img {
    height: 300px;
  }
}
.px-textimage-inner[data-contentwidth=standard] {
  max-width: var(--maxWidthBig);
}
.px-textimage-inner[data-contentwidth=reduced] {
  max-width: var(--maxWidth);
  min-height: 540px;
}
@container (width > 1024px) {
  .px-textimage-inner .text {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 500px;
  }
  .px-textimage-inner[data-imagesize=small][data-contentwidth=standard] .col.image {
    width: clamp(100px, 30%, 430px);
    aspect-ratio: 430/636;
  }
  .px-textimage-inner[data-imagesize=small][data-contentwidth=reduced] .col.image {
    width: clamp(100px, 40%, 400px);
    aspect-ratio: 400/540;
  }
  .px-textimage-inner[data-imagesize=big] .col.image {
    width: clamp(100px, 65%, 805px);
    aspect-ratio: 805/600;
  }
}
@container (width <= 1024px) {
  .px-textimage-inner {
    flex-direction: column;
  }
}
.px-textimage-inner .col.image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@container (width <= 1024px) {
  .px-textimage-inner .col.image {
    width: 100%;
  }
}
.px-textimage-inner .col.image button {
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
}
.px-textimage-inner .col.image img {
  width: 100%;
  object-fit: cover;
}
.px-textimage[data-infobox=true] .infobox {
  box-shadow: 0 15px 56px 0 rgba(105, 111, 138, 0.13);
  padding: 20px;
  height: fit-content;
  background-color: var(--contrastColorInverted);
}
.px-textimage[data-infobox=true] .infobox p:first-child {
  margin-top: 0;
}
.px-textimage[data-infobox=true] .infobox p:not(:first-child) {
  margin-top: 20px;
}
.px-textimage[data-infobox=true] .infobox a {
  font-size: 15px;
  font-weight: 500;
  border-bottom: none;
  color: var(--temp--dark-stroke);
}
.px-textimage[data-infobox=true] .infobox .mail,
.px-textimage[data-infobox=true] .infobox .phone {
  display: flex;
  align-items: center;
  gap: 30px;
}
.px-textimage[data-infobox=true] .infobox .mail:before,
.px-textimage[data-infobox=true] .infobox .phone:before {
  content: "";
  background-color: var(--secondColor);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  display: inline-flex;
  height: 25px;
  width: 25px;
}
.px-textimage[data-infobox=true] .infobox .mail:before {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="25" viewBox="0 0 26 25" fill="none"><path d="M2.93902 3.75C1.58613 3.75 0.5 4.88854 0.5 6.25573V18.9176C0.5 20.2848 1.58613 21.4329 2.93902 21.4329H23.061C24.4139 21.4329 25.5 20.2848 25.5 18.9176V6.25573C25.5 4.88854 24.4139 3.75 23.061 3.75H2.93902ZM2.93902 4.96951H23.061C23.242 4.96951 23.4123 5.02191 23.5659 5.09337L13.7525 14.4111C13.3023 14.8386 12.7176 14.8386 12.2662 14.4111L2.4339 5.09337C2.58753 5.02191 2.75802 4.96951 2.93902 4.96951ZM1.73857 6.1128L8.68399 12.6963L1.8529 19.518C1.76715 19.3405 1.71951 19.1369 1.71951 18.9177V6.25585C1.71951 6.20584 1.7338 6.16044 1.73857 6.1128ZM24.2614 6.1128C24.2662 6.16044 24.2805 6.2057 24.2805 6.25572V18.9176C24.2805 19.1332 24.2305 19.3321 24.1471 19.5083L17.3349 12.6867L24.2614 6.1128ZM16.4489 13.5348L23.1181 20.2134H23.061H2.93902H2.89139L9.57005 13.5442L11.4279 15.2973C12.3128 16.1357 13.7062 16.1369 14.591 15.2973L16.4489 13.5348Z" fill="white"/></svg>');
}
.px-textimage[data-infobox=true] .infobox .phone:before {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="25" viewBox="0 0 16 25" fill="none"><path d="M12.0544 0H3.7219C1.80837 0 0.25 1.55834 0.25 3.4719V21.5281C0.25 23.4416 1.80834 25 3.7219 25H12.0555C13.9691 25 15.5274 23.4417 15.5274 21.5281V3.47308C15.5274 1.55725 13.9691 0 12.0544 0ZM14.1386 21.5269C14.1386 22.6762 13.2036 23.6112 12.0544 23.6112H3.7219C2.57262 23.6112 1.63762 22.6762 1.63762 21.5269V3.47308C1.63762 2.32379 2.57262 1.38879 3.7219 1.38879H12.0555C13.2048 1.38879 14.1398 2.32379 14.1398 3.47308L14.1386 21.5269Z" fill="white"/><path d="M9.27752 21.5268C9.27752 23.3785 6.5 23.3785 6.5 21.5268C6.5 19.6763 9.27752 19.6763 9.27752 21.5268Z" fill="white"/><path d="M9.27774 2.08301H6.49907C6.11521 2.08301 5.80469 2.39353 5.80469 2.77739C5.80469 3.16125 6.11521 3.47177 6.49907 3.47177H9.27774C9.66159 3.47177 9.97212 3.16125 9.97212 2.77739C9.97212 2.39353 9.66159 2.08301 9.27774 2.08301Z" fill="white"/></svg>');
}
@media screen and (max-width: 1024px) {
  .px-textimage[data-infobox=true] .infobox {
    width: 100%;
    border-bottom: 3px solid var(--secondColor);
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .px-textimage[data-infobox=true] .col.image {
    position: relative;
    padding-bottom: 65px;
    box-sizing: content-box;
  }
  .px-textimage[data-infobox=true] .infobox {
    max-width: 290px;
    position: absolute;
    bottom: 0;
    z-index: 10;
    border-radius: 2px;
    border-bottom: 6px solid var(--secondColor);
  }
  .px-textimage[data-infobox=true].imageposition-right .col.image {
    padding-left: 90px;
  }
  .px-textimage[data-infobox=true].imageposition-right .infobox {
    left: 0;
  }
  .px-textimage[data-infobox=true].imageposition-left .col.image {
    padding-right: 90px;
  }
  .px-textimage[data-infobox=true].imageposition-left .infobox {
    right: 0;
  }
}
@media screen and (min-width: 1025px) {
  .px-textimage.imageposition-right .col.image {
    order: 1;
  }
}
.px-textimage .videoImage button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
}
.px-textimage .videoImage button:before, .px-textimage .videoImage button:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
}
.px-textimage .videoImage button:before {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
}
.px-textimage .videoImage button:after {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play" viewBox="0 0 16 16"><path d="M10.804 8 5 4.633v6.734zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696z"/></svg>');
  mask-size: 80%;
  background-color: var(--mainColor);
  mask-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.px-textimage .videoWrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
}
.px-textimage .videoWrapper video {
  max-width: 100%;
  max-height: 100%;
}
.px-textimage .videoWrapper[data-active=true] {
  padding: 10vw;
}
.px-textimage .videoWrapper[data-active=false] {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
}