Kommentarverlauf am Seitenrand

<div class="uvq13-cmt"><div class="doc"><p class="kk">Dokument</p><p class="h" tabindex="-1">Vorschlag für das Redesign</p><p class="tx"><span>Die neue Startseite muss in unter zwei Sekunden laden.</span> <button type="button" class="hl" aria-expanded="false" aria-controls="uvq13-cmt-0">Wir schlagen vor, das Karussell zu entfernen und ein einziges festes Bild zu zeigen.</button> <span>So erscheint der Hauptinhalt früher.</span></p><p class="tx"><button type="button" class="hl" aria-expanded="false" aria-controls="uvq13-cmt-1">Buttons bekommen eine einzige Aktionsfarbe.</button> <span>Alle anderen Links werden unterstrichen.</span></p></div><span class="bg" aria-hidden="true">2</span><span class="bg" aria-hidden="true">1</span><svg class="ln" aria-hidden="true"><path/></svg><section class="cm" id="uvq13-cmt-0" role="dialog" aria-label="Kommentare"><ul><li><span class="av" style="--c:#db2777">S</span><div><b>Sara</b><small>hace 5 min</small><p>Und wenn wir das Karussell nur auf dem Handy lassen?</p></div></li><li><span class="av" style="--c:#0284c7">L</span><div><b>Leo</b><small>vor 2 Min.</small><p>Wir testen es in der nächsten Version.</p></div></li><li class="tpl" hidden><span class="av" style="--c:#64748b">T</span><div><b>Du</b><small>jetzt</small><p></p></div></li></ul><div class="rp"><input placeholder="Antworten…" aria-label="Antworten" autocomplete="off"><button type="button" class="sd" aria-label="Senden"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12l16-8-6 16-2.5-6.5z"/></svg></button></div><button type="button" class="rs"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg><span>Erledigen</span></button></section><section class="cm" id="uvq13-cmt-1" role="dialog" aria-label="Kommentare"><ul><li><span class="av" style="--c:#0284c7">L</span><div><b>Leo</b><small>vor 1 Std.</small><p>Lass uns den Kontrast der neuen Farbe prüfen.</p></div></li><li class="tpl" hidden><span class="av" style="--c:#64748b">T</span><div><b>Du</b><small>jetzt</small><p></p></div></li></ul><div class="rp"><input placeholder="Antworten…" aria-label="Antworten" autocomplete="off"><button type="button" class="sd" aria-label="Senden"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12l16-8-6 16-2.5-6.5z"/></svg></button></div><button type="button" class="rs"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg><span>Erledigen</span></button></section><p class="toast" aria-live="polite"><span>Kommentar erledigt</span></p></div>