Validators Not Working

Hi
First of all i wanted to create responsive Labels on the input Fields via CSS. In Order to do that i had to inject the Labels in the Form to get them into the right place where they alwasy should be. So i followed the tips here in support and put the hardcode into the Contactform:

<span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="your-name-id" aria-required="true" aria-invalid="false" placeholder="Vorname/Nachname"><label class="hidelabel" for="your-name-id">Ihr Vorname/Nachname</label></span>

<span class="wpcf7-form-control-wrap your-company"><input type="text" name="your-company" id="your-company-id" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Firma"><label class="hidelabel" for="your-company-id">Firma</label></span>

Emailing works as expected the generated Code looks familiar but the Validators does not work how can i Fix it?!
ANy Ideas?

https://ww.wp.xz.cn/plugins/contact-form-7/