Das sieht doch schon sehr gut aus :)
Wie kann ich den Abstand zwischen dem Satz "In unserer Kanzlei von Bedeutung" und den drei Antwortkategorien vergrößern?
Sie haben den Abstande mit dem padding-top: 2em vorgegeben. Wenn Sie z.B. 3em (=3 Zeilen, wobei die erste Zeile von der Über-Überschrift verdeckt/verbraucht wird) schreiben, haben Sie den doppelten Abstand.
Was die Linien angeht, haben Sie zwei Optionen:
(A) Sie können in der Frage die Zwischenräume viermal definieren:
question(..., 'gap=0', 'gap=0', 'gap=0', 'gap=line');
(B) Sie können (weniger elegant) die Linien einfach verdecken, indem Sie der Über-Überschrift bzw. deren Box eine Hintergrundfarbe (hier: "white") geben:
<div style="position: relative">
<div style="position: absolute; left: 0; top: -2em; width: 240px; text-align: center; padding: 2em 0; background-color: white;">
In unserer Kanzlei von Bedeutung
</div>
</div>
<div style="padding-top: 3em">früher</div>
Nachteil dieser Lösung: Es wird einiges Gebastel notwendig sein, damit die Linien oben komplett verdeckt werden. Die Lösung (A) ist deutlich ordentlicher.