/* ==========================================================================
   Seite: Über MyVLife (/ueber-myvlife)
   Ergänzt site.css um seitenspezifische Feinheiten. Tokens und Bausteine
   kommen aus site.css; hier wird nichts davon überschrieben, nur ergänzt.
   ========================================================================== */

/* Datenblatt innerhalb eines Panels: Panelkopf liefert die obere Linie bereits */
.ueber .kopf-datenblatt .datenblatt { border-top: 0; }
.ueber .kopf-datenblatt .datenblatt > div:last-child { border-bottom: 0; padding-bottom: 0; }

/* Verantwortung: sechs Knoten statt sieben auf der Linie (site.css kennt nur sieben) */
@media (min-width: 900px) {
  .ueber .ablauf { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .ueber .ablauf::before { right: calc(100% / 6 - 10px); }
}

/* Transparenz: zwei Listen nebeneinander – „zeigt“ und „ist nicht“ */
.ueber .transparenz-listen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-6) var(--s-8); margin-top: var(--s-6); }
.ueber .transparenz-listen > * { min-width: 0; }
.ueber .transparenz-listen h3 { font-family: var(--schrift-protokoll); font-size: .75rem; font-weight: 500; letter-spacing: .06em; color: var(--graphit); margin-bottom: var(--s-3); }
.ueber .transparenz-listen .bausteine li, .ueber .transparenz-listen .problemliste li { font-size: .9375rem; }
.ueber .transparenz-listen .bausteine { border-top: 1px solid var(--linie); }
.ueber .transparenz-fuss { margin-top: var(--s-6); }

@media (max-width: 600px) {
  .ueber .transparenz-listen { grid-template-columns: 1fr; }
}