/* === home-hero (home.php) — Lisa-Foto + H1 zwei-spaltig === */
.home-hero {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.home-hero__portrait {
  flex: 0 0 auto;
}
.home-hero__text {
  flex: 1 1 320px;
  min-width: 240px;
}
.home-hero__text h1 {
  margin: 0;
}
.rounded-portrait {
  width: 120px;
  height: 120px;
  max-width: 100%;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}
@media (max-width: 600px) {
  .rounded-portrait {
    width: 96px;
    height: 96px;
  }
}

/* === Slot-Liste: Weitere-Termine-Button zentriert + Abstand === */
.btn-load-more {
  display: block;
  margin: 2rem auto;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--border-focus, #8a5260);
  outline-offset: 2px;
}