/* "Christoph Schütz – Inhaber"-Section auf ueber-uns.html / en/about-us.html / pt/sobre-nos.html:
   Portrait bleibt beim Scrollen stehen (sticky), Bio-Text daneben scrollt durch.
   Zusätzliche Absätze (32 Jahre Erfahrung, Bauherrenvertretung etc.) sind hinter einem
   "Mehr erfahren"-Toggle versteckt, damit die Section nicht zu textlastig wirkt. */

.christoph-bio_component .christoph-bio_portrait {
  position: sticky;
  top: 4rem;
  height: calc(100vh - 8rem);
}

.christoph-bio_component .layout192_image-wrapper-2 {
  height: 100%;
}

.christoph-bio_component .layout192_image {
  height: 100%;
  object-fit: cover;
}

.christoph-bio_component .layout192_content {
  align-self: center;
}

.christoph-bio_toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1.5rem;
  padding: 0;
  border: none;
  background: none;
  color: var(--white);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.christoph-bio_toggle-icon {
  display: inline-flex;
  flex: none;
  width: 0.85em;
  height: 0.85em;
  transition: transform 0.2s ease;
}

.christoph-bio_toggle[aria-expanded="true"] .christoph-bio_toggle-icon {
  transform: rotate(180deg);
}

.christoph-bio_more {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
}

.christoph-bio_more[data-open="true"] {
  grid-template-rows: 1fr;
}

.christoph-bio_more-inner {
  overflow: hidden;
  min-height: 0;
}

.christoph-bio_component .about_rich-text h3 {
  margin-top: 2.5rem;
}

@media screen and (max-width: 767px) {
  .christoph-bio_component .christoph-bio_portrait {
    position: static;
    height: auto;
  }

  .christoph-bio_component .layout192_image-wrapper-2,
  .christoph-bio_component .layout192_image {
    height: auto;
  }

  .christoph-bio_component .layout192_content {
    align-self: auto;
  }
}