Formular @form

Design
<form class="form">
  <div class="form__fields">
    <div class="form__col">
      <div class="form__field">
        <fieldset class="form-group">
          <legend class="label form-group__label">Anrede<abbr class="label__required" title="Required field">*</abbr></legend>
          <div class="form-group__item form-group__item--horizontal"><label class="radio" for="radio-form-group-1a77-0"><input class="radio__input" type="radio" required="required" id="radio-form-group-1a77-0" name="anrede" /><span class="radio__indicator"></span><span class="radio__label">Frau</span></label></div>
          <div class="form-group__item form-group__item--horizontal"><label class="radio" for="radio-form-group-1a77-1"><input class="radio__input" type="radio" required="required" id="radio-form-group-1a77-1" name="anrede" /><span class="radio__indicator"></span><span class="radio__label">Herr</span></label></div>
        </fieldset>
      </div>
    </div>
    <div class="form__col">
      <div class="form__field">
        <div class="form-group"><label class="label form-group__label" for="form-group-8622">Titel</label>
          <div class="form-group__input"><input class="input" id="form-group-8622" type="text" /></div>
        </div>
      </div>
    </div>
    <div class="form__col form__col--50-50">
      <div class="form__field">
        <div class="form-group"><label class="label form-group__label" for="form-group-5134">Vorname<abbr class="label__required" title="Required field">*</abbr></label>
          <div class="form-group__input"><input class="input" id="form-group-5134" type="text" required="required" /></div>
        </div>
      </div>
      <div class="form__field">
        <div class="form-group"><label class="label form-group__label" for="form-group-14ba">Nachname<abbr class="label__required" title="Required field">*</abbr></label>
          <div class="form-group__input"><input class="input" id="form-group-14ba" type="text" required="required" /></div>
        </div>
      </div>
    </div>
    <div class="form__col form__col--25-75">
      <div class="form__field">
        <div class="form-group"><label class="label form-group__label" for="form-group-671b">Code<abbr class="label__required" title="Required field">*</abbr></label>
          <div class="form-group__input"><input class="input" id="form-group-671b" type="text" required="required" /></div>
        </div>
      </div>
      <div class="form__field">
        <div class="form-group"><label class="label form-group__label" for="form-group-5c33">Institution</label>
          <div class="form-group__input"><input class="input" id="form-group-5c33" type="text" /></div>
        </div>
      </div>
    </div>
    <div class="form__col form__col--75-25">
      <div class="form__field">
        <div class="form-group"><label class="label form-group__label" for="form-group-ea89">Institution2</label>
          <div class="form-group__input"><input class="input" id="form-group-ea89" type="text" /></div>
        </div>
      </div>
      <div class="form__field">
        <div class="form-group"><label class="label form-group__label" for="form-group-3007">Code2<abbr class="label__required" title="Required field">*</abbr></label>
          <div class="form-group__input"><input class="input" id="form-group-3007" type="text" required="required" /></div>
        </div>
      </div>
    </div>
    <div class="form__col form__col--50-50">
      <div class="form__field">
        <div class="form-group"><label class="label form-group__label" for="form-group-ff21">Telefon</label>
          <div class="form-group__input"><input class="input" id="form-group-ff21" type="text" /></div>
        </div>
      </div>
      <div class="form__field">
        <div class="form-group"><label class="label form-group__label" for="form-group-8b9b">E-Mail<abbr class="label__required" title="Required field">*</abbr></label>
          <div class="form-group__input"><input class="input" id="form-group-8b9b" type="email" required="required" /></div>
        </div>
      </div>
    </div>
    <div class="form__col">
      <div class="form__field">
        <div class="form-group"><label class="label form-group__label" for="form-group-dd07">Ihre Nachricht<abbr class="label__required" title="Required field">*</abbr></label>
          <div class="form-group__input"><textarea class="input input--textarea" id="form-group-dd07" type="textarea" required="required"></textarea></div>
        </div>
      </div>
    </div>
    <div class="form__col">
      <div class="form__field"><label class="checkbox" for="checkbox-8e5c"><input class="checkbox__input" type="checkbox" id="checkbox-8e5c" name="checkbox-8e5c" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Ich bin damit einverstanden, dass meine Daten von der Stiftung und ihren Programm-Partnern verarbeitet, gespeichert und im Zusammenhang mit dem jeweiligen Programm genutzt werden.</span></label></div>
    </div>
    <div class="form__col">
      <div class="form__field"><label class="checkbox" for="checkbox-2c55"><input class="checkbox__input" type="checkbox" required="required" id="checkbox-2c55" name="checkbox-2c55" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Ich bestätige, dass ich den <a class="link" href="#"> Datenschutzhinweis</a> der Baden-Württemberg Stiftung zur Kenntnis genommen habe.<abbr class="label__required" title="Pflichtfeld">*</abbr></span></label></div>
    </div>
    <div class="form__col">
      <div class="form__field"><label class="checkbox" for="checkbox-265d"><input class="checkbox__input" type="checkbox" id="checkbox-265d" name="checkbox-265d" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Ich möchte in Zukunft per E-Mail Informationen über ähnliche Veranstaltungen und Angebote der Baden-Württemberg Stiftung erhalten.</span></label></div>
    </div>
  </div>
  <div class="form__button"><button class="button button--primary" type="submit"><span class="button__text">Formular Absenden</span></button></div>
</form>