.ar-vf__leitsatz { max-width: 980px; margin-bottom: 56px; }
.ar-vf__leitsatz--magenta { padding-left: 28px; border-left: 4px solid var(--magenta); }
.ar-vf__leitsatz--rose { padding: 30px 34px; background: var(--rose); border-radius: var(--radius); }
.ar-vf__satz { font-size: calc(clamp(24px, 2.6vw, 34px) * var(--f-h3)); font-weight: 700; letter-spacing: -.03em; line-height: 1.2; color: var(--ink); }
.ar-vf__erlaeuterung { margin-top: 14px; max-width: 62ch; font-size: calc(18px * var(--f-lead)); font-weight: 300; line-height: 1.55; color: var(--text-2); }

.ar-vf__kopf, .ar-vf__zeile { display: grid; grid-template-columns: 1.1fr 1fr 1fr; column-gap: 40px; }
.ar-vf__kopf { padding-bottom: 14px; border-bottom: 2px solid var(--ink); font-size: calc(12px * var(--f-klein)); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--label); }
.ar-vf__zeilen { list-style: none; margin: 0; padding: 0; }
.ar-vf__zeile { padding: 28px 0; border-bottom: 1px solid var(--line); }
.ar-vf__label { display: none; }
.ar-vf__frage { display: flex; gap: 16px; align-items: baseline; font-size: calc(clamp(21px, 1.9vw, 25px) * var(--f-h3)); font-weight: 700; letter-spacing: -.025em; line-height: 1.2; }
.ar-vf__nr { flex: 0 0 auto; font-size: calc(14px * var(--f-klein)); font-weight: 700; color: var(--magenta); letter-spacing: 0; }
.ar-vf__akteur { display: inline-block; margin-bottom: 10px; padding: 3px 11px; border-radius: var(--btn-radius); font-size: calc(12px * var(--f-klein)); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ar-vf__akteur--mensch { border: 1.5px solid var(--ink); color: var(--ink); }
.ar-vf__akteur--ki { border: 1.5px solid var(--magenta); background: var(--rose); color: var(--magenta-dark); }
.ar-vf__text, .ar-vf__nutzen { font-size: calc(16px * var(--f-text)); line-height: 1.55; color: var(--text-2); }
.ar-vf__nutzen { color: var(--ink); font-weight: 600; }
.ar-vf__chips { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ar-vf__link { margin-top: 30px; }
.body-wrapper .ar-vf__a { font-weight: 700; font-size: calc(15.5px * var(--f-text)); color: var(--magenta); display: inline-flex; gap: 8px; align-items: center; }
.body-wrapper .ar-vf__a:hover { color: var(--magenta-dark); }

@media (max-width: 860px) {
  .ar-vf__leitsatz { margin-bottom: 40px; }
  .ar-vf__kopf { display: none; }
  .ar-vf__zeilen { border-top: 2px solid var(--ink); }
  .ar-vf__zeile { grid-template-columns: 1fr; row-gap: 16px; padding: 24px 0; }
  .ar-vf__zelle:not(.ar-vf__zelle--frage) .ar-vf__label { display: block; margin-bottom: 6px; font-size: calc(12px * var(--f-klein)); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--label); }
}

/* Darstellung Kette: vier Schritte auf einer Linie, ein Akzent (Flaeche der KI-Schritte) */
.ar-vf__kette { --vf-innen: 24px; list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); }
.ar-vf__schritt { display: flex; flex-direction: column; padding: 22px var(--vf-innen) 26px; border-radius: var(--radius); }
.ar-vf__kette--paper .ar-vf__schritt--ki { background: var(--paper); }
.ar-vf__kette--paper-2 .ar-vf__schritt--ki { background: var(--paper-2); }
.ar-vf__kette--rose .ar-vf__schritt--ki { background: var(--rose); }
.ar-sek--paper .ar-vf__kette--paper .ar-vf__schritt--ki { background: var(--paper-2); }
.ar-vf__wer { min-height: 1.4em; margin: 0 0 12px; font-size: calc(12px * var(--f-klein)); font-weight: 700; letter-spacing: .14em; line-height: 1.4; text-transform: uppercase; color: var(--label); }
.ar-vf__achse { position: relative; display: block; height: 12px; margin: 0 calc(-1 * var(--vf-innen)) 22px; }
.ar-vf__achse::before { content: ""; position: absolute; top: 5px; left: 0; right: 0; height: 2px; background: var(--line); }
.ar-vf__schritt:first-child .ar-vf__achse::before { left: var(--vf-innen); }
.ar-vf__schritt:last-child .ar-vf__achse::before { right: calc(100% - var(--vf-innen) - 12px); }
.ar-vf__achse::after { content: ""; position: absolute; top: 0; left: var(--vf-innen); width: 12px; height: 12px; border-radius: 50%; background: var(--ink); box-sizing: border-box; }
.ar-vf__schritt--ki .ar-vf__achse::after { background: var(--white); border: 2px solid var(--ink); }
.ar-vf__schritt-titel { margin: 0 0 12px; font-size: calc(22px * var(--f-h3)); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.ar-vf__kette .ar-vf__text { margin: 0; }
.ar-vf__kette .ar-vf__nutzen { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--line); font-weight: 400; color: var(--ink); }
.ar-vf__begriffe { margin: auto 0 0; padding-top: 16px; font-size: calc(13px * var(--f-klein)); font-weight: 600; line-height: 1.45; color: var(--muted); }
.ar-vf__begriffe:empty { display: none; }
@supports (grid-template-rows: subgrid) {
  .ar-vf__kette { grid-template-rows: repeat(6, auto); }
  .ar-vf__schritt { display: grid; grid-row: span 6; grid-template-rows: subgrid; row-gap: 0; }
  .ar-vf__begriffe { margin-top: 0; align-self: end; }
}

@media (max-width: 1080px) {
  .ar-vf__kette { grid-template-columns: 1fr; grid-template-rows: none; margin-left: 5px; padding-left: 18px; border-left: 2px solid var(--line); row-gap: 10px; }
  .ar-vf__schritt { position: relative; display: flex; grid-row: auto; padding: 18px 20px 22px; }
  .ar-vf__achse { display: none; }
  .ar-vf__schritt::before { content: ""; position: absolute; top: 22px; left: -25px; width: 12px; height: 12px; border-radius: 50%; background: var(--ink); box-sizing: border-box; }
  .ar-vf__schritt--ki::before { background: var(--white); border: 2px solid var(--ink); }
  .ar-vf__wer { margin-bottom: 6px; }
  .ar-vf__begriffe { margin-top: 0; }
}