Messages from error over the form and not on the bottom

Hi. I have a problem with my form. If i don’t fill out all the fields, ive got a error message, but its over the form.
https://www.dropbox.com/s/hyr4hjzsjdsn7fb/Bildschirmfoto%202021-04-26%20um%2014.28.50.jpg?dl=0

Thank you for your help.
Best regards.
Manuel

This is the code from the form.

<div id=”responsive-form” class=”clearfix”>

<h3>Kontaktdaten</h3>
<div class=”form-row”>
<div class=”column-half”>Vorname* [text* vorname]</div>
<div class=”column-half”>Nachname* [text* nachname]</div>
</div>

<div class=”form-row”>
<div class=”column-full”>Adresse* [text* adresse]</div>
</div>

<div class=”form-row”>
<div class=”column-half”>PLZ* [text* plz]</div>
<div class=”column-half”>Ort* [text* ort]</div>
</div>

<div class=”form-row”>
<div class=”column-half”>E-Mail* [email* e-mail]</div>
<div class=”column-half”>Telefon* [text* tel]</div>
</div>

<div class=”form-row”>
<div class=”column-half”>Beruf [text beruf]</div>
<div class=”column-half”>Geburtsdatum* [text* geburtstag]</div>
</div>

<h3>Angaben zum Kurs</h3>

<div class=”form-row”>
<div class=”column-full”>Gewünschter Tauchkurs* [select* tauchkurs include_blank “Nitrox” “Advanced Nitrox” “Gasblender Nitrox” “Gasblender Trimix” “Advanced Skills” “Technical Skills” “Pers?nliches Training” “Trimix Normoxic” “Trimix Hypoxic” “CCR Air” “CCR Trimix Normoxic” “CCR Trimix Hypoxic” “CCR Cave” “Cave 1” “Cave 2” “Cave 3” “Wreck 1” “Wreck 2” “Scooter 1” “Scooter 2” “Scooter 3″ ]</div>
</div>

<div class=”form-row”>
<div class=”column-half”>Kursdatum* [text* kursdatum]</div>
<div class=”column-half”>H?chste Brevetierung* [text* brevet]</div>
</div>

<div class=”form-row”>
<div class=”column-half”>Anzahl Tauchg?nge* [text* tauchgaenge]</div>
<div class=”column-half”>Letzter Tauchgang* [text* letzter-tauchgang]</div>
</div>

<div class=”form-row”>
<div class=”column-half”>Meine Tauchversicherung* [select* tauchversicherung include_blank “Aquamed” “DAN” “Andere”]</div>
<div class=”column-half”>Gültig bis* [text* tauchversicherung-datum] </div>
</div>

 
<h3>Dokumente</h3>
<div class=”form-row”>
<div class=”column-half”>Foto für Zertifizierung* [file* foto]</div>
<div class=”column-half”>Tauchattest* [file* tauchattest]</div>
</div>

 
<h3>Bemerkung</h3>
<div class=”form-row”>
<div class=”column-full”>[textarea bemerkung]</div>
</div>

<div class=”form-row”>
<div class=”column-full”>[acceptance zustimmung-versicherung] Ich habe verstanden und akzeptiert, dass die Versicherung Sache des Teilnehmers ist. Ich habe die AGB gelesen, verstanden und akzeptiert.[/acceptance]</div>
</div>

 
<div class=”form-row”>
<div class=”column-full”>[submit “Senden”]</div>
</div>

* Pflichtfelder

</div>

Any idea, why its overlaying the form?

The page I need help with: [log in to see the link]