@media screen and (max-width: 1200px) {
  .px-textimage-extra[data-margin-after=default] {
    margin-bottom: var(--fl-margin-after-large);
  }
}
.px-textimage-extra > hr:last-child {
  margin-top: -110px;
}
@media screen and (max-width: 1200px) {
  .px-textimage-extra > hr {
    display: none;
  }
}
@media screen and (width > 1200px) {
  .px-textimage-extra:has(.trustelements, .infobox)[data-margin-after=extra-large] {
    margin-bottom: calc(var(--fl-margin-after-extra-large) * 2);
  }
  .px-textimage-extra:has(.trustelements, .infobox)[data-margin-after=large] {
    margin-bottom: calc(var(--fl-margin-after-large) * 2);
  }
  .px-textimage-extra:has(.trustelements, .infobox)[data-margin-after=medium] {
    margin-bottom: calc(var(--fl-margin-after-medium) * 2);
  }
  .px-textimage-extra:has(.trustelements, .infobox)[data-margin-after=small] {
    margin-bottom: calc(var(--fl-margin-after-small) * 2);
  }
  .px-textimage-extra:has(.trustelements, .infobox)[data-margin-after=extra-small] {
    margin-bottom: calc(var(--fl-margin-after-extra-small) * 2);
  }
  .px-textimage-extra:has(.trustelements, .infobox) > .px-textimage-extra-inner {
    margin-bottom: 110px;
  }
}
.px-textimage-extra .is-style-likeh5,
.px-textimage-extra h5 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.px-textimage-extra .is-style-likeh5 span:first-child,
.px-textimage-extra h5 span:first-child {
  width: fit-content;
  flex-shrink: 0;
}
.px-textimage-extra .is-style-likeh5 span:last-child,
.px-textimage-extra h5 span:last-child {
  display: block;
  border-top: 1px dashed var(--formBorderColor);
  flex-basis: 100%;
  flex-shrink: 1;
}
.px-textimage-extra-inner {
  max-width: var(--pageLimit);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}
@container (width <= 1200px) {
  .px-textimage-extra-inner {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1201px) {
  .px-textimage-extra-inner .col {
    width: 50%;
  }
  .px-textimage-extra-inner .col.text {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .px-textimage-extra-inner .col.text {
    max-width: var(--maxWidth);
    width: var(--baseWidth);
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--fl-margin-before-small);
  }
}
.px-textimage-extra-inner .col.image {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1201px) {
  .px-textimage-extra-inner .col.image {
    max-height: 1000px;
  }
}
@media screen and (max-width: 1200px) {
  .px-textimage-extra-inner .col.image img, .px-textimage-extra-inner .col.image video {
    max-height: 500px;
  }
}
.px-textimage-extra-inner .col.image img, .px-textimage-extra-inner .col.image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.px-textimage-extra-inner .trustelements {
  pointer-events: visible;
}
@media screen and (min-width: 1201px) {
  .px-textimage-extra-inner .trustelements {
    position: absolute;
    bottom: -110px;
    z-index: 9;
  }
}
.px-textimage-extra-inner .trustelements-inner {
  padding: 30px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: var(--contrastColorInverted);
  box-shadow: 0 2px 15px 0 rgba(var(--contrastColorRGB), 0.1);
  position: relative;
}
@media screen and (max-width: 1200px) {
  .px-textimage-extra-inner .trustelements-inner {
    width: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .px-textimage-extra-inner .trustelements-inner {
    width: fit-content;
  }
}
.px-textimage-extra-inner .trustelements [class*=-inner] {
  column-gap: clamp(20px, 4vw, 80px);
  row-gap: 20px;
}
.px-textimage-extra-inner .trustelements .global-trustelements-inner,
.px-textimage-extra-inner .trustelements .individual-trustelements-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
@container (width <=768px) {
  .px-textimage-extra-inner .trustelements .global-trustelements-inner,
  .px-textimage-extra-inner .trustelements .individual-trustelements-inner {
    flex-wrap: wrap;
  }
}
.px-textimage-extra-inner .trustelements .global-trustelements-inner .image,
.px-textimage-extra-inner .trustelements .global-trustelements-inner .googlerating,
.px-textimage-extra-inner .trustelements .global-trustelements-inner .code,
.px-textimage-extra-inner .trustelements .individual-trustelements-inner .image,
.px-textimage-extra-inner .trustelements .individual-trustelements-inner .googlerating,
.px-textimage-extra-inner .trustelements .individual-trustelements-inner .code {
  height: 110px;
  max-width: 164px;
  width: 100%;
}
@container (width >768px) {
  .px-textimage-extra-inner .trustelements .global-trustelements-inner .image,
  .px-textimage-extra-inner .trustelements .global-trustelements-inner .googlerating,
  .px-textimage-extra-inner .trustelements .global-trustelements-inner .code,
  .px-textimage-extra-inner .trustelements .individual-trustelements-inner .image,
  .px-textimage-extra-inner .trustelements .individual-trustelements-inner .googlerating,
  .px-textimage-extra-inner .trustelements .individual-trustelements-inner .code {
    border-radius: 3px;
  }
}
.px-textimage-extra-inner .trustelements .global-trustelements-inner .image img,
.px-textimage-extra-inner .trustelements .global-trustelements-inner .image svg,
.px-textimage-extra-inner .trustelements .global-trustelements-inner .googlerating img,
.px-textimage-extra-inner .trustelements .global-trustelements-inner .googlerating svg,
.px-textimage-extra-inner .trustelements .global-trustelements-inner .code img,
.px-textimage-extra-inner .trustelements .global-trustelements-inner .code svg,
.px-textimage-extra-inner .trustelements .individual-trustelements-inner .image img,
.px-textimage-extra-inner .trustelements .individual-trustelements-inner .image svg,
.px-textimage-extra-inner .trustelements .individual-trustelements-inner .googlerating img,
.px-textimage-extra-inner .trustelements .individual-trustelements-inner .googlerating svg,
.px-textimage-extra-inner .trustelements .individual-trustelements-inner .code img,
.px-textimage-extra-inner .trustelements .individual-trustelements-inner .code svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (min-width: 1201px) {
  .px-textimage-extra.imageposition-right .col.text {
    padding-right: 120px;
    padding-left: max(4%, (100% - var(--maxWidthBig)) / 2);
  }
  .px-textimage-extra.imageposition-right .trustelements {
    left: -100px;
  }
  .px-textimage-extra.imageposition-left .col.text {
    padding-left: 120px;
    padding-right: max(4%, (100% - var(--maxWidthBig)) / 2);
  }
  .px-textimage-extra.imageposition-left .px-textimage-extra-inner {
    flex-direction: row-reverse;
  }
  .px-textimage-extra.imageposition-left .px-textimage-extra-inner .trustelements {
    right: -100px;
  }
}
.px-textimage-extra .videoImage button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.px-textimage-extra .videoImage button:before, .px-textimage-extra .videoImage button:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
}
.px-textimage-extra .videoImage button:before {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
}
.px-textimage-extra .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-extra .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-extra .videoWrapper video {
  max-width: 100%;
  max-height: 100%;
}
.px-textimage-extra .videoWrapper[data-active=true] {
  padding: 10vw;
}
.px-textimage-extra .videoWrapper[data-active=false] {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
}