Fertiges Kontakformular mit Wiederrufsbelehrung, ABG und Wiederrufsformular

Hallo,

Wir haben ein gekauftes Template angepasst und doktorn seit mehreren Tage an dem Kontaktformular rum.

Der Kunde nimmt mit uns Kontakt auf und muss, bevor er auf absenden geht, die Allgemeinen Geschäftsbedingungen, den Wiederruf und ein Wiederrufsformular angezeigt bzw. zugesandt bekommen.
Wir sind kein Internetshop, der Waren verkauft, bieten aber Dienstleistungen (Nachhilfe) an und sollten hierfür eine rechtskonforme Kontaktmöglichkeit anbieten.

Nun kommt das Problem: Das Kontakformular sieht folgendermaßen aus:

<div class="bg-w-form contact-form">
<div class="row">
 <div class="col-md-6">
  <div class="form-group">
   <label class="control-label form-label">Vorname <span class="required">*</span></label>
   [text* vorname class:form-control class:form-input]
 <label class="control-label form-label">Nachname <span class="required">*</span></label>
   [text* nachname class:form-control class:form-input]
  </div>
 </div>
 <div class="col-md-6">
  <div class="form-group">
   <label class="control-label form-label">E-Mail <span class="required">*</span></label>
   [email* E-Mailadresse class:form-control class:form-input]
  </div>
 </div>
 <div class="col-md-6">
  <div class="form-group">
   <label class="control-label form-label">Betreff</label>
   [select Betreff id:purpose class:form-control class:form-input "Allgemeine Anfrage" "Frage zu unseren Kursen"]
  </div>
 </div>
 <div class="col-md-6">
  <div class="form-group">
   <label class="control-label form-label">Betreff:</label>
   [text Ihr Betreff class:form-control class:form-input]
  </div>
 </div>
 <div class="col-md-12">
  <div class="contact-question form-group">
   <label class="control-label form-label">Ihre Nachricht an uns: <span class="required">*</span></label>
   [textarea* Nachricht rows:5 class:form-control class:form-input]
  </div>
 </div>
</div>
 <div class="col-md-12">
  <div class="contact-question form-group">
[textarea checkbox-307 placeholder "ABC"]
</div>
</div>
[checkbox checkbox-737 "Die Allgemeinen Geschäftsbedingungen, den Datenschutz und das Wiederrufsrecht habe ich zur Kenntnis genommen und akzeptiere diese."]
<div class="contact-quiz">[quiz class:btn class:btn-contact class:btn-green Quiz "3+7=?|11" "12+48=?|60" "20+20=?|40"] Beantworten Sie folgende Frage, bevor Sie auf Absenden klicken!
</div>
</div>
<div class="contact-submit">[submit class:btn  class:btn-contact class:btn-green "Absenden"]
</div>
</div>

Wir würde gerne unter das Kontakformluar ein dem css angepasstes Textfeld mit den einzelnen Texten einbauen. Der Kunde muss auf jedenfall per checkbox die Kontakanfrage wegschicken. Somit hätte wir auf der Kontaktseite alle notwendigen Informationen. Der Kunde kann sich im Textfeld mit pder ohne Scrollbalken die Rechtstexte durchlesen oder er klickt einfach nur auf die Checkbox.
Wie können wir Textfelder mit den ellenlangen Texten und dem responsiv-Desiong des gekauften Templates verknüpfen?
Gibt es ein besonderes Plugin oder einen Code, mit dem wir das verknüpfen könnten?

Bitte um Hilfe.

Grüße
lern.de