.px-anfahrt {
  position: relative;
  container-type: inline-size;
  overflow: hidden;
}
.px-anfahrt #prm-logo {
  transform: translateX(-100%);
  will-change: transform;
  transition: transform 0.1s linear;
}
.px-anfahrt #prm-logo.visible {
  transform: translateX(0);
}
.px-anfahrt-inner {
  max-width: var(--reducedWidth);
  width: var(--baseWidth);
  margin: 0 auto;
  margin-top: -200px;
  display: flex;
  justify-content: space-between;
  gap: 20px clamp(2.2222222222rem, 0.5705705706rem + 9.2905405405vw, 8.3333333333rem);
}
@container (width <= 768px) {
  .px-anfahrt-inner {
    flex-direction: column;
    gap: 20px;
  }
}
.px-anfahrt-inner .col {
  width: 50%;
}
@container (width <= 768px) {
  .px-anfahrt-inner .col {
    width: 100%;
  }
}
.px-anfahrt-inner .col.image {
  position: relative;
}
@container (width <= 768px) {
  .px-anfahrt-inner .col.image {
    order: -1;
  }
}
.px-anfahrt-inner .col.image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: 1;
}
@media screen and (max-width: 1300px) {
  .px-anfahrt #prm-logo {
    opacity: 0.1;
  }
}
@media screen and (max-width: 900px) {
  .px-anfahrt #prm-logo {
    height: 250px;
    width: 160px;
    opacity: 1;
  }
  .px-anfahrt-inner {
    margin-top: -50px;
  }
}
@media screen and (max-width: 500px) {
  .px-anfahrt #prm-logo {
    height: 150px;
    width: 100px;
  }
  .px-anfahrt-inner {
    margin-top: -50px;
  }
}
.editor-styles-wrapper .px-anfahrt-inner .col.image img {
  mask-image: none;
}
.image-big {
  position: relative;
  overflow: hidden;
}
.image-big img {
  mask-image: url("img/mask_new.svg");
  mask-size: cover;
  mask-repeat: no-repeat;
  width: 100%;
  height: 100%;
}