{{ block styles }}
    <link href="{% static 'global/css/custom.css' %}" rel="stylesheet"/>
    <link href="{% static 'global/css/counter.css' %}" rel="stylesheet"/>
	<style>
        .input-own ._formfield {
            display: inline-block;
            margin-bottom: 1px !important;
            margin-top: 1px !important;
        }

        .input-own .col-form-label {
            position: absolute;
        }
        .input-own .form-control{
            width: 70px;
            height: 32px;
        }

    </style>
{{ endblock }}

{{ block title }}
    Fragen zu Ihrer Person
{{ endblock }}

{{ block content }}
    <div class="alert alert-info" role="alert" style="text-align: center">
        Bitte beantworten Sie die folgenden Fragen zu Ihrer Person.
    </div>
    <h3>Frage</h3>
	<p>
      {{ form.alter.label }}
    </p>
	<span class="input-own" >

      {{ formfield 'alter' label="" }} &nbsp; Jahre
    </span>
    <br><br>
    <h3>Frage</h3>
    {{ formfield 'geschlecht' }}
    <h3>Frage</h3>
    {{ formfield 'land' }}
    <h3>Frage</h3>
    {{ formfield 'abschluss' }}
    <h3>Frage</h3>
    {{ formfield 'beruf' }}
    <h3>Frage</h3>
    {{ formfield 'familie' }}

    {{ next_button }}
{{ endblock }}