p {

  text-align: justify;

}

.pure-menu-horizontal {

  text-align: right;

  padding-bottom: 1rem;

}

.form-error {

  background: #f98691;

  border: 1px solid #dc3545;

  border-radius: 4px;

  padding: 0.5em 0.6em;

  font-weight: 550;

  color: #3d0309;

}

.field-error {

  background: #f98691;

  border: 1px solid #dc3545;

  color: #3d0309;

}

                <b>{{ form.email.label }}</b>

                {{ form.email(required=True, class="pure-input-1 field-error" if form.email.errors else "pure-input-1") }}

              </div>

            </div>

            <div class="pure-g">

              <div class="pure-u-1-1">

                <b>{{ form.fullname.label }}</b>

                {{ form.fullname(required=True, class="pure-input-1 field-error" if form.fullname.errors else "pure-input-1") }}

              </div>

            </div>

            <div class="pure-g">

              <div class="pure-u-1-1">

                <b>{{ form.membership.label }}</b>

                {% for option in form.membership %}

                  <label for="{{ option.id }}" class="pure-radio pure-u-1-1">

                    {{ option() }} {{ option.label.text }}

                  </label>

                {% endfor %}

                <div class="pure-g">

                  <div class="pure-u-1-1">

                    <label for="{{ form.student.id }}" class="pure-checkbox">

                      {{ form.student }} {{ form.student.label.text|safe}}

                    </label>

                  </div>

                  <div class="pure-u-1-1">

                    <label for="{{ form.starving.id }}" class="pure-checkbox">

                      {{ form.starving }} {{ form.starving.label.text|safe}}

                    </label>

                  </div>

                  <div class="pure-u-1-1">

                    <label for="{{ form.minor_member.id }}" class="pure-checkbox">

                      {{ form.minor_member }} {{ form.minor_member.label.text|safe}}

                    </label>

                  </div>

                </div>

                <h3>{% trans %}What's difference between the different membership options?{% endtrans %}</h3>

                <p>{% trans %}All the options include to following benefits:{% endtrans %}</p>

                <ul>

                  <li>{% trans %}Access to the <a href="https://wiki.c3l.lu/doku.php?id=organization:membership#benefits">services</a> run by us{% endtrans %}</li>

                  <li>{% trans %}Access to our <a href="https://wiki.c3l.lu/doku.php?id=chaosstuff:bootstrap">hackerspace: ChaosStuff</a>{% endtrans %}</li>

                </ul>

                <p>{% trans %}Becoming a regular member gives you these additional benefits:{% endtrans%}<p>

                  <ul>

                    <li>{% trans %}Voting rights on general assemblys{% endtrans %}</li>

                    <li>{% trans %}Access to our internal mailinglist{% endtrans %}</li>

                  </ul>

                  <p>{% trans %}You can read more on the membership <a href="https://wiki.c3l.lu/doku.php?id=organization:membership">here</a>.{% endtrans %}</p>

                  <h3>{% trans %}What are the membership fees?{% endtrans %}</h3>

                  <div class="pure-u-1-1">

                    <b>{{ form.zip.label }}</b>

                    {{ form.zip(class="pure-input-1 field-error" if form.zip.errors else "pure-input-1") }}

                  </div>

                </div>

                <div class="pure-g">

                  <div class="pure-u-1-1">

                    <b>{{ form.city.label }}</b>

                    {{ form.city(class="pure-input-1 field-error" if form.city.errors else "pure-input-1") }}

                  </div>

                </div>

                <div class="pure-g">

                  <div class="pure-u-1-1">

                    <b>{{ form.state.label }}</b>

                    {{ form.state(class="pure-input-1 field-error" if form.state.errors else "pure-input-1") }}

                  </div>

                </div>

                <div class="pure-g">

                  <div class="pure-u-1-1">

                    <b>{{ form.country.label }}</b>

                    {{ form.country(class="pure-input-1 field-error" if form.country.errors else "pure-input-1") }}

                  </div>

                </div>

                <legend></legend>

                  {{ form.terms }} {{ form.terms.label.text|safe }}

                </label>

              </fieldset>

            </form>

          </div>

          <div class="pure-u-md-1-3"></div>

        </div>

      </body>

    </html>