/* Inner Circle und Kooperationen (22. Oktober 2026, Martinas Wunsch). Einstieg wie „Events“: Text und Bild nebeneinander,
   darunter die Einträge aus der Verwaltung auf sandfarbener Fläche, ohne Eintrag ein ruhiger Hinweis. Mobile-first. */

.kreis-hero__grid { display: grid; gap: var(--space-6); align-items: center; }
.kreis-hero__text > * + * { margin-top: var(--space-4); }
.kreis-hero__media { margin: 0; }
.kreis-hero__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 4;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}
@media (min-width: 900px) {
  .kreis-hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--space-10); }
}

.kreis-liste h2 { margin-bottom: var(--space-6); }

/* Ohne Eintrag: ein Zeichen und ein Satz, mittig, ohne Rahmen um leere Plätze. */
.kreis-leer { display: grid; justify-items: center; gap: var(--space-4); max-width: 34rem; margin: 0 auto; padding: var(--space-6) var(--space-4); text-align: center; }
.kreis-leer__zeichen { color: var(--color-primary); }
.kreis-leer__text { margin: 0; font-size: var(--fs-lg); line-height: 1.5; color: var(--color-text); text-wrap: balance; }

/* Raster der Karten: Personen ab 640 px zu zweit, ab 1000 px zu dritt; Partner ab 640 px zu zweit. */
.kreis-raster { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
.kreis-raster > li { margin: 0; min-width: 0; }
@media (min-width: 640px) {
  .kreis-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
}
@media (min-width: 1000px) {
  .kreis-raster--personen { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.kreis-karte {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  height: 100%;
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-soft);
}
.kreis-karte__text { display: grid; gap: var(--space-2); }
.kreis-karte__text > * { margin: 0; }
.kreis-karte__name { font-size: var(--fs-lg); line-height: 1.25; color: var(--color-text); }
.kreis-karte__rolle { font-size: var(--fs-sm); font-weight: 600; letter-spacing: .02em; color: var(--color-primary-dark); }
.kreis-karte__beschreibung { font-size: var(--fs-sm); line-height: 1.6; color: var(--color-text-muted); white-space: pre-line; }
.kreis-karte__link { justify-self: start; margin-top: var(--space-1); color: var(--color-primary-dark); font-size: var(--fs-sm); font-weight: 600; text-underline-offset: .3em; }
.kreis-karte__link:hover { color: var(--color-text); }

/* Inner Circle: Foto rund, mittig über dem Namen, die Karte zentriert. */
.kreis-karte--inner-circle { align-items: center; text-align: center; }
.kreis-karte--inner-circle .kreis-karte__text { justify-items: center; }
.kreis-karte--inner-circle .kreis-karte__link { justify-self: center; }
.kreis-karte--inner-circle .kreis-karte__bild img {
  display: block;
  width: 8.5rem;
  height: 8.5rem;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid var(--color-bg);
  box-shadow: 0 0 0 1px var(--color-border-strong);
}

/* Kooperationen: Logo oder Bild ganz zu sehen, auf heller Fläche auch im Dunkelmodus (Logos mit Transparenz). */
.kreis-karte--kooperationen .kreis-karte__bild {
  display: grid;
  place-items: center;
  height: 9rem;
  padding: var(--space-4);
  border-radius: var(--radius-md);
  background: #FFFCF6;
}
.kreis-karte--kooperationen .kreis-karte__bild img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }

.kreis-anfrage .lead { margin: var(--space-4) auto var(--space-6); }