Barrierefreie Formulare mit CSS in Form gebracht

Eine kleine Fingerübung. Formulare werden immer wieder benötigt, wie in diesem Fall ein Kontaktformular. Manchmal sind die Labels links, manchmal rechts. Die Farben ändern sich auch ständig.
Ziel war es ein Formular zu entwickeln, welches mit einigen wenigen CSS Änderungen an das Design der jeweiligen Seite angepasst werden kann.
Um die Ausrichtung der Labels und Formularelemente, reichen diese paar Zeilen:

  label, .two-elements p{
        float:right;
      }

Kontaktformular

Betreff
Persönliche Daten
  1. Telefon(+49/---/---)

  2. Straße / Haus Nr.

  3. PLZ / Ort

* Pflichtfelder

labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

Themengebiete 1
Themengebiete 2