.phero[data-astro-cid-75ysl5lo] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(8.5rem, 15vw, 12rem) clamp(3.5rem, 7vw, 6rem);
}

.phero__media[data-astro-cid-75ysl5lo] {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.phero__media[data-astro-cid-75ysl5lo] .phero__fig {
  block-size: 100%;
  aspect-ratio: auto;
}

.phero__scrim[data-astro-cid-75ysl5lo] {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, #0a0a0bf2 0%, #0a0a0bcc 45%, #0a0a0b9e 100%), linear-gradient(to right, #0a0a0bb8 0%, #0a0a0b33 68%);
}

.phero--geteilt[data-astro-cid-75ysl5lo] {
  display: grid;
  background: var(--black);
  overflow: clip;
  padding-block: 0;
}

.phero--geteilt[data-astro-cid-75ysl5lo] .phero__spalte[data-astro-cid-75ysl5lo] {
  position: relative;
  grid-row: 1;
}

.phero--geteilt[data-astro-cid-75ysl5lo] .phero__body[data-astro-cid-75ysl5lo] {
  grid-row: 2;
  padding-block: 1.5rem clamp(3rem, 6vw, 4.5rem);
  max-inline-size: none;
  margin-inline: 0;
}

.phero__portraet[data-astro-cid-75ysl5lo] {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: 50% 12%;
  display: block;
  aspect-ratio: 4 / 5;
}

.phero__spalte[data-astro-cid-75ysl5lo]:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(#0a0a0b9e 0%, #0a0a0b00 20%), linear-gradient(to top, #0a0a0b 0%, #0a0a0b00 32%);
}

@media (width >= 62rem) {
  .phero--geteilt[data-astro-cid-75ysl5lo] {
    grid-template-columns: minmax(0, 1fr) clamp(26rem, 38vw, 38rem);
    min-block-size: 32rem;
  }

  .phero--geteilt[data-astro-cid-75ysl5lo] .phero__spalte[data-astro-cid-75ysl5lo] {
    grid-column: 2;
  }

  .phero--geteilt[data-astro-cid-75ysl5lo] .phero__body[data-astro-cid-75ysl5lo] {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: clamp(5.5rem, 13vh, 9rem) clamp(2.5rem, 6vh, 4rem);
    padding-inline-start: max(var(--gutter),
        calc((100vw - var(--shell)) / 2 + var(--gutter)));
    padding-inline-end: clamp(2rem, 5vw, 5rem);
  }

  .phero--geteilt[data-astro-cid-75ysl5lo] .phero__spalte[data-astro-cid-75ysl5lo] picture {
    position: absolute;
    inset: 0;
    display: block;
  }

  .phero__portraet[data-astro-cid-75ysl5lo] {
    position: absolute;
    inset: 0;
    aspect-ratio: auto;
  }

  .phero__spalte[data-astro-cid-75ysl5lo]:after {
    background: linear-gradient(#0a0a0b94 0%, #0a0a0b00 18%), linear-gradient(to right, #0a0a0b 0%, #0a0a0b00 22%), linear-gradient(to left, #0a0a0b4d 0%, #0a0a0b00 16%);
  }

  .phero--geteilt[data-astro-cid-75ysl5lo] .phero__headline[data-astro-cid-75ysl5lo] {
    font-size: min(clamp(1.9rem, 2.7vw, 2.7rem), 5.8vh);
    line-height: 1.12;
    max-inline-size: 18ch;
  }

  .phero--geteilt[data-astro-cid-75ysl5lo] .phero__lede[data-astro-cid-75ysl5lo] {
    max-inline-size: 44ch;
  }
}

.phero__body[data-astro-cid-75ysl5lo] {
  position: relative;
  z-index: 1;
}

.crumbs[data-astro-cid-75ysl5lo] {
  margin-block-end: clamp(1.5rem, 3vw, 2.25rem);
}

.crumbs[data-astro-cid-75ysl5lo] ol[data-astro-cid-75ysl5lo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  list-style: none;
  padding: 0;
  font-size: var(--t-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-on-dark-faint);
}

.crumbs[data-astro-cid-75ysl5lo] li[data-astro-cid-75ysl5lo] + li[data-astro-cid-75ysl5lo]:before {
  content: "/";
  margin-inline-end: .65rem;
  opacity: .5;
}

.crumbs[data-astro-cid-75ysl5lo] a[data-astro-cid-75ysl5lo] {
  transition: color var(--dur-fast) var(--ease);
}

.crumbs[data-astro-cid-75ysl5lo] a[data-astro-cid-75ysl5lo]:hover {
  color: var(--gold-light);
}

.phero__label[data-astro-cid-75ysl5lo] {
  margin-block-end: clamp(1.1rem, 2.5vw, 1.75rem);
}

.phero__headline[data-astro-cid-75ysl5lo] {
  max-inline-size: 20ch;
  color: var(--text-on-dark);
}

.phero__lede[data-astro-cid-75ysl5lo] {
  max-inline-size: 46ch;
  margin-block-start: clamp(1.3rem, 3vw, 2rem);
  font-size: var(--t-md);
  line-height: 1.55;
  color: var(--text-on-dark-muted);
}
