Zehn Blöcke für die Abschnitte der Pilotseite (Arbeitspaket C)

Dokumentschema v6 ergänzt iconcard, stat, quote, logos, cta, contact,
divider, spacer, accordion und accordionitem - die Abschnittsarten,
aus denen die Startseite von kant-it.de besteht.

Symbole liegen als Inline-SVG aus einer festen Liste im Template:
kein Symbolschriftsatz, keine externe Anfrage. Kontaktdaten werden zu
tel:- und mailto:-Verweisen mit bereinigter Nummer. Das Akkordeon
nutzt details/summary und braucht damit kein öffentliches
JavaScript.

Tabs sind bewusst nicht umgesetzt: ohne JavaScript gibt es dafür
keine zugängliche Lösung, und eine CSS-Variante über Radiobuttons
wird als Auswahlfeld statt als Tabliste angekündigt. Begründung in
ADR 015.

Zwei Fehler von den Tests gefunden und behoben: die Regel "ein
Akkordeon-Eintrag gehört in ein Akkordeon" griff nicht auf oberster
Dokumentebene, und ein JavaScript-Test suchte im vorherigen
Dokumentstand, weil history.document vor history.change ausgewertet
wurde.

Geprüft: 107 PHP-Tests / 380 Assertions unter PHP 8.2.12 und 8.4.22,
13 JavaScript-Modelltests, Lint/Format/Container. Keine Browser- oder
Lighthouse-Läufe; für die neuen Blöcke liegt damit keine visuelle
Kontrolle und keine Barrierefreiheitsprüfung vor.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

public/assets/site.css

@@ -30,3 +30,36 @@ h1,h2,h3,p,a{overflow-wrap:anywhere;hyphens:auto}
 .post-empty{padding:26px;border:1px dashed currentColor;border-radius:10px}
 .pagination{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:38px;padding-top:22px;border-top:1px solid currentColor;font-size:14px}
 .post-terms-label{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:10px}
+
+/* Blocks introduced with schema v6. No JavaScript: the accordion is details/summary. */
+.block-icon{flex-shrink:0;display:block}
+.block-iconcard{display:grid;gap:12px;padding:26px;border:1px solid currentColor;border-radius:12px}
+.block-iconcard h3{margin:0;font-size:19px;line-height:1.3}
+.block-iconcard h3 a{text-decoration:none}
+.block-iconcard h3 a:hover{text-decoration:underline}
+.block-iconcard p{margin:0;line-height:1.65}
+.block-stat{display:grid;gap:4px;margin:0}
+.block-stat strong{font-size:44px;font-weight:600;line-height:1.05;letter-spacing:-1.5px}
+.block-stat span{font-size:14px;line-height:1.5}
+.block-quote{margin:0;display:grid;gap:14px;padding:28px;border:1px solid currentColor;border-radius:12px}
+.block-quote blockquote{margin:0}
+.block-quote blockquote p{margin:0;font-size:18px;line-height:1.65}
+.block-quote figcaption{font-size:14px;font-weight:600}
+.block-quote figcaption span{font-weight:400;opacity:.75}
+.quote-rating{margin:0;letter-spacing:3px}
+.block-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center;gap:24px}
+.block-logos img{max-height:52px;width:auto;margin-inline:auto;display:block}
+.block-cta{display:flex;flex-wrap:wrap;gap:20px 34px;align-items:center;justify-content:space-between;padding:32px;border:1px solid currentColor;border-radius:14px}
+.block-cta h2{margin:0 0 6px;font-size:26px;letter-spacing:-.6px}
+.block-cta p{margin:0;line-height:1.6}
+.block-contact{display:grid;gap:14px;font-style:normal}
+.block-contact span{display:flex;align-items:center;gap:12px;line-height:1.5}
+.block-divider{border:0;border-top:1px solid currentColor;opacity:.35;margin:0}
+.block-spacer{display:block}
+.spacer-small{height:18px}.spacer-medium{height:38px}.spacer-large{height:68px}.spacer-huge{height:110px}
+.block-accordion{display:grid;gap:10px}
+.block-accordionitem{border:1px solid currentColor;border-radius:10px;padding:4px 18px}
+.block-accordionitem>summary{cursor:pointer;padding:15px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center}
+.block-accordionitem>summary::after{content:'+';font-size:22px;line-height:1}
+.block-accordionitem[open]>summary::after{content:'–'}
+.accordion-body{padding-bottom:16px}