.px-textmedia-columns {
  position: relative;
  container-type: inline-size;
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin: 0 auto;
}
.px-textmedia-columns .textmediaTitle {
  display: block;
}
.px-textmedia-columns-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px 70px;
}
@container (width <= 1200px) {
  .px-textmedia-columns-inner {
    flex-direction: column;
    gap: 20px;
  }
  .px-textmedia-columns-inner .px-textmedia-columns-media {
    width: 100%;
    order: 2;
  }
}
.px-textmedia-columns-inner .image,
.px-textmedia-columns-inner .video {
  position: relative;
  min-width: 750px;
  width: 750px;
  border-radius: var(--baseBorderRadius);
  overflow: hidden;
  transition: var(--baseTransition);
}
@container (width <= 1400px) {
  .px-textmedia-columns-inner .image,
  .px-textmedia-columns-inner .video {
    min-width: 550px;
    width: 550px;
  }
}
@container (width <= 1200px) {
  .px-textmedia-columns-inner .image,
  .px-textmedia-columns-inner .video {
    max-width: 100%;
  }
}
@container (width <= 640px) {
  .px-textmedia-columns-inner .image,
  .px-textmedia-columns-inner .video {
    width: 100%;
    min-width: 100%;
  }
}
.px-textmedia-columns-inner .image img,
.px-textmedia-columns-inner .image video,
.px-textmedia-columns-inner .video img,
.px-textmedia-columns-inner .video video {
  display: block;
  width: 100%;
  height: auto;
}
.px-textmedia-columns-inner .video-youtube .frame,
.px-textmedia-columns-inner .video-vimeo .frame {
  position: relative;
}
.px-textmedia-columns-inner .video-youtube .frame picture img,
.px-textmedia-columns-inner .video-vimeo .frame picture img {
  border-radius: var(--baseBorderRadius);
}
.px-textmedia-columns-inner .video-youtube .frame .video iframe,
.px-textmedia-columns-inner .video-vimeo .frame .video iframe {
  position: relative;
  width: 100%;
  height: auto;
  min-height: clamp(15.625rem, 13.7668918919rem + 9.2905405405vw, 22.5rem);
  border-radius: var(--baseBorderRadius);
}
.px-textmedia-columns-inner .video-youtube .frame .overlay,
.px-textmedia-columns-inner .video-vimeo .frame .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@container (width <= 768px) {
  .px-textmedia-columns-inner .video-youtube .frame .overlay,
  .px-textmedia-columns-inner .video-vimeo .frame .overlay {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
  }
}
.px-textmedia-columns-inner .video-youtube .frame .overlay-inner,
.px-textmedia-columns-inner .video-vimeo .frame .overlay-inner {
  text-align: center;
  margin: 25px auto;
  max-width: 600px;
  width: var(--baseWidth);
  background-color: rgba(var(--contrastColorInvertedRGB), 1);
  border-radius: 10px;
  padding: 30px;
  position: relative;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, top 0.2s ease-in-out;
  box-shadow: 0 2px 15px 0 rgba(var(--contrastColorRGB), 0.1);
}
.px-textmedia-columns-inner .video-youtube .no-bg-img .overlay,
.px-textmedia-columns-inner .video-vimeo .no-bg-img .overlay {
  position: relative;
  top: auto;
  left: auto;
  transform: translate(0, 0);
}
.px-textmedia-columns-inner .video-youtube .no-bg-img.with-dsgvo .frame,
.px-textmedia-columns-inner .video-vimeo .no-bg-img.with-dsgvo .frame {
  background-color: var(--backgroundColor);
  border-radius: var(--baseBorderRadius);
}
.px-textmedia-columns-inner .textmediaTitle,
.px-textmedia-columns-inner .text {
  width: 300px;
  transition: var(--baseTransition);
}
@container (width <= 1200px) {
  .px-textmedia-columns-inner .textmediaTitle,
  .px-textmedia-columns-inner .text {
    width: 100%;
  }
}
.px-textmedia-columns-inner .text {
  align-self: flex-end;
}
.px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .textmediaTitle {
  width: 400px;
}
@container (width <= 1200px) {
  .px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .textmediaTitle {
    width: 100%;
  }
}
.px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .text {
  width: 600px;
}
@container (width <= 1200px) {
  .px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .text {
    width: 100%;
  }
}
.px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .px-textmedia-columns-media .image,
.px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .px-textmedia-columns-media .video {
  min-width: 500px;
  width: 500px;
}
@container (width <= 1400px) {
  .px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .px-textmedia-columns-media .image,
  .px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .px-textmedia-columns-media .video {
    min-width: 400px;
    width: 400px;
  }
}
@container (width <= 1200px) {
  .px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .px-textmedia-columns-media .image,
  .px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .px-textmedia-columns-media .video {
    max-width: 100%;
    order: -1;
  }
}
@container (width <= 640px) {
  .px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .px-textmedia-columns-media .image,
  .px-textmedia-columns.reduceimagesize .px-textmedia-columns-inner .px-textmedia-columns-media .video {
    width: 100%;
    min-width: 100%;
  }
}

.fl[data-layout=layout-full-reduced] .inner .px-textmedia-columns,
.fl[data-layout=layout-full-reduced-small] .inner .px-textmedia-columns,
.fl[data-layout=layout-reduced] .inner .px-textmedia-columns {
  width: 100%;
}