.ppl-random-hero {
  position: relative;
  width: 100%;
  height: var(--ppl-height, 570px);
  overflow: visible !important;
  isolation: isolate;
}
/* A hard, right-anchored bounding box: no image may exceed 657px. */
.ppl-random-hero .ppl-random-hero__image {
  position: absolute !important;
  display: block !important;
  box-sizing: border-box !important;
  right: 0;
  bottom: 0;
  left: auto;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, var(--ppl-max-width, 657px)) !important;
  max-height: 588px;
  object-fit: contain;
  object-position: bottom right;
}
.ppl-random-hero.ppl-align-left .ppl-random-hero__image {
  left: 0;
  right: auto;
  object-position: bottom left;
}
.ppl-random-hero.ppl-align-center .ppl-random-hero__image {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  object-position: bottom center;
}
@media (max-width: 767px) {
  .ppl-random-hero { height: var(--ppl-mobile-height, 360px); }
  .ppl-random-hero .ppl-random-hero__image {
    max-height: min(var(--ppl-max-image-height, 700px), calc(var(--ppl-mobile-height, 360px) + var(--ppl-overhang, 80px))) !important;
  }
}

/* Optional label, aligned inside the image area; customize via theme CSS. */
.ppl-random-hero .ppl-random-hero__caption {
  position: absolute;
  left: 0px;
  bottom: 86px;
color: #fff
}





.ppl-random-hero .ppl-random-hero__caption[hidden] { display: none !important; }
.ppl-random-hero .ppl-random-hero__caption .name { font-size: 24px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.1px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
.ppl-random-hero .ppl-random-hero__caption .rolle { display: flex;
  align-items: center;
  gap: 14px;

  font-size: 16px;
  font-weight: var(--font-weight-medium);
  letter-spacing: 1px;

  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
.ppl-random-hero .ppl-random-hero__caption .rolle::before {
  content: '';

  width: 9px;
  height: 12px;

  flex-shrink: 0;

  background:
    url('/wp-content/themes/Impreza-child/elements/icon-orange-arrow.svg')
    center / contain no-repeat;
}
.ppl-random-hero.ppl-align-left .ppl-random-hero__caption { left: 0; right: auto; }
.ppl-random-hero.ppl-align-center .ppl-random-hero__caption { left: 50%; right: auto; transform: translateX(-50%); }
@media (max-width: 767px) {
  .ppl-random-hero .ppl-random-hero__caption { bottom: 45px; }
  .ppl-random-hero .ppl-random-hero__caption .name { font-size: 17px; }
  .ppl-random-hero .ppl-random-hero__caption .rolle { font-size: 13px; }
}