/* Drei Fotos im Stil des Herkunftsbereichs, vier Sekunden pro Motiv. */
#philosophie.bio-gallery-active {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 7%;
  align-items: start;
}
#philosophie .bio-aside .section-index { margin-bottom: 32px; }
#philosophie .bio-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background: #647556 url('bio-blueten-biene.jpg') center / cover;
}
#philosophie .bio-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: benderhof-bio-fade 12s infinite;
}
#philosophie .bio-slide:nth-child(2) { animation-delay: 4s; }
#philosophie .bio-slide:nth-child(3) { animation-delay: 8s; }
#philosophie .bio-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.8);
}
#philosophie.bio-gallery-active .intro-bottom { grid-template-columns: 1fr; gap: 22px; }
@keyframes benderhof-bio-fade {
  0%, 100% { opacity: 0; }
  5%, 28% { opacity: 1; }
  33.333% { opacity: 0; }
}
@media (max-width: 900px) {
  #philosophie.bio-gallery-active { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 5%; }
  #philosophie .bio-image { aspect-ratio: 3 / 4; }
}
@media (max-width: 700px) {
  #philosophie.bio-gallery-active { display: flex; flex-direction: column; gap: 38px; }
  #philosophie .bio-aside, #philosophie.bio-gallery-active > div { width: 100%; }
  #philosophie .bio-aside .section-index { margin-bottom: 22px; }
  #philosophie .bio-image { aspect-ratio: 4 / 3; }
}
@media (prefers-reduced-motion: reduce) {
  #philosophie .bio-slide { animation: none; opacity: 0; }
  #philosophie .bio-slide:first-child { opacity: 1; }
}

/* Familie: dieselbe Bild/Text-Anordnung und derselbe Wechselrhythmus. */
#familie.family-gallery-active {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 7%;
  align-items: start;
}
#familie.family-gallery-active .family-aside .eyebrow { margin: 0 0 32px; }
#familie.family-gallery-active .family-heading { display: block; margin: 0; }
#familie.family-gallery-active .family-heading > div { display: block; }
#familie.family-gallery-active .family-heading h2 { margin-top: 0; }
#familie.family-gallery-active .family-heading > p { max-width: 610px; }
#familie .family-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background-color: #647556;
  background-position: center;
  background-size: cover;
}
#familie .family-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: benderhof-bio-fade 12s infinite;
}
#familie .family-slide:nth-child(2) { animation-delay: 4s; }
#familie .family-slide:nth-child(3) { animation-delay: 8s; }
#familie .family-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.8);
}
@media (max-width: 900px) {
  #familie.family-gallery-active { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 5%; }
  #familie .family-image { aspect-ratio: 3 / 4; }
}
@media (max-width: 700px) {
  #familie.family-gallery-active { display: flex; flex-direction: column; gap: 38px; }
  #familie .family-aside, #familie.family-gallery-active .family-heading { width: 100%; }
  #familie.family-gallery-active .family-aside .eyebrow { margin-bottom: 22px; }
  #familie .family-image { aspect-ratio: 4 / 3; }
}
@media (prefers-reduced-motion: reduce) {
  #familie .family-slide { animation: none; opacity: 0; }
  #familie .family-slide:first-child { opacity: 1; }
}

/* Presse: Bild links, Auszeichnungen rechts, vier Sekunden je Aufnahme. */
#presse.press-gallery-active {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 7%;
  align-items: start;
}
#presse.press-gallery-active .press-aside .eyebrow { margin: 0 0 32px; }
#presse.press-gallery-active .press-heading { display: block; margin: 0; }
#presse.press-gallery-active .press-heading > div { display: block; }
#presse.press-gallery-active .press-heading h2 { margin-top: 0; }
#presse.press-gallery-active .press-heading > p { max-width: 610px; }
#presse .press-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background-color: #647556;
  background-position: center;
  background-size: cover;
}
#presse .press-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: benderhof-press-fade 8s infinite;
}
#presse .press-slide:nth-child(2) { animation-delay: 4s; }
#presse .press-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.8);
}
#presse.press-gallery-active .press-details { display: block; margin-top: 40px; }
#presse.press-gallery-active .press-card-copy {
  display: block;
  padding: 20px 0;
  border-top: 1px solid currentColor;
}
@keyframes benderhof-press-fade {
  0%, 100% { opacity: 0; }
  7.5%, 42.5% { opacity: 1; }
  50% { opacity: 0; }
}
@media (max-width: 900px) {
  #presse.press-gallery-active { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 5%; }
}
@media (max-width: 700px) {
  #presse.press-gallery-active { display: flex; flex-direction: column; gap: 38px; }
  #presse .press-aside, #presse.press-gallery-active .press-heading { width: 100%; }
  #presse.press-gallery-active .press-aside .eyebrow { margin-bottom: 22px; }
  #presse .press-image { aspect-ratio: 3 / 2; }
}
@media (prefers-reduced-motion: reduce) {
  #presse .press-slide { animation: none; opacity: 0; }
  #presse .press-slide:first-child { opacity: 1; }
}