/* ==========================================================================
   Über uns – seitenspezifische Styles (Präfix .p-ueber-uns)
   ========================================================================== */

/* Mission: zentriertes Statement */
.p-ueber-uns .mission .container--narrow { position: relative; }
.p-ueber-uns .mission .display { max-width: 18ch; margin-inline: auto; }
.p-ueber-uns .mission .lead,
.p-ueber-uns .mission .container--narrow > p { margin-inline: auto; max-width: 60ch; }
.p-ueber-uns .mission .eyebrow { justify-content: center; }
.p-ueber-uns .mission .stats { border-top: 0; }

/* ----------------------------- Alleinstellung ----------------------------- */
.p-ueber-uns .unique-grid { align-items: center; }
.p-ueber-uns .unique-intro h2 { max-width: 20ch; }
.p-ueber-uns .unique-links { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.p-ueber-uns .unique-links .link-arrow { max-width: 100%; }
.p-ueber-uns .unique-links .link-arrow svg { flex: none; }

.p-ueber-uns .unique-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.p-ueber-uns .unique-list li {
  display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 22px;
  align-items: start; padding: 26px 0; border-top: 1px solid var(--line);
}
.p-ueber-uns .unique-list li:last-child { border-bottom: 1px solid var(--line); }
.p-ueber-uns .unique-list__ico {
  width: 52px; height: 52px; border-radius: 16px;
  border: 1px solid var(--line-strong); display: grid; place-items: center;
  color: var(--accent);
}
.p-ueber-uns .unique-list__ico svg { width: 26px; height: 26px; }
.p-ueber-uns .unique-list h3 { font-size: 1.08rem; margin-bottom: 8px; }
.p-ueber-uns .unique-list p { font-size: .95rem; color: var(--fg-2); margin: 0; max-width: 56ch; }

@media (max-width: 560px) {
  .p-ueber-uns .unique-list li { grid-template-columns: 1fr; gap: 14px; }
}

/* -------------------------------- Team ----------------------------------- */
.p-ueber-uns .team-card { display: flex; flex-direction: column; }
.p-ueber-uns .team-card .avatar { margin-bottom: 26px; }

/* 01 Rolle – Mikro-Label, zwei Zeilen hoch reserviert, damit die Namen fluchten */
.p-ueber-uns .team-card__role {
  display: block;
  font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  line-height: 1.35; min-height: 2.7em;
  color: var(--accent-2);
  margin-bottom: 10px;
}
/* 02 Name */
.p-ueber-uns .team-card h3 { font-size: clamp(1.3rem, 1.6vw, 1.55rem); margin-bottom: 12px; }
/* 03 Funktionsbezeichnung – abgesetzt durch feine Linie */
.p-ueber-uns .team-card__title {
  font-size: .85rem; font-weight: 600; line-height: 1.45; letter-spacing: .01em;
  color: var(--fg); min-height: 2.9em;
  margin: 0 0 18px; padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
/* 04 Beschreibung – füllt die Karte, damit alle vier gleich hoch enden */
.p-ueber-uns .team-card__bio { font-size: .95rem; margin: 0; flex: 1 1 auto; }

/* Führung: ruhig hervorgehoben, nicht lauter */
.p-ueber-uns .team-card--lead { border-color: var(--line-strong); background: var(--surface-2); }
.p-ueber-uns .team-card--lead::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; pointer-events: none;
  background: linear-gradient(90deg, var(--accent), rgba(52, 216, 176, 0) 72%);
}
.p-ueber-uns .team-card--lead .avatar { box-shadow: 0 0 0 5px rgba(52, 216, 176, .14); }
.p-ueber-uns .team-card--lead .team-card__role { color: var(--accent); }
.p-ueber-uns .team-card--lead .team-card__title { color: var(--fg); }

.p-ueber-uns .team-note { border-top: 1px solid var(--line); padding-top: 24px; }

/* Einspaltig braucht es keine reservierte Höhe mehr */
@media (max-width: 720px) {
  .p-ueber-uns .team-card__role,
  .p-ueber-uns .team-card__title { min-height: 0; }
}

/* Arbeitsweise: Intro oben ausrichten, Liste läuft weiter */
.p-ueber-uns .work-grid { align-items: start; }
.p-ueber-uns .work-grid__intro { position: sticky; top: calc(var(--nav-h) + 40px); }
@media (max-width: 960px) { .p-ueber-uns .work-grid__intro { position: static; } }

/* Versprechen: Band gestapelt, damit Text Platz hat */
.p-ueber-uns .promise-grid { align-items: start; }
.p-ueber-uns .promise-band { grid-template-columns: 1fr; gap: 28px; }
.p-ueber-uns .promise-band .btn { justify-self: start; }
.p-ueber-uns .promise-band .eyebrow { margin-bottom: 14px; }
.p-ueber-uns .promise-band .check-list li { font-size: .95rem; }