{% extends "global/Page.html" %}
{% load otree %}

{% block title %}Persönliche Informationen{% endblock %}

{% block content %}
{% formfield player.vp_alter label="Wie alt sind Sie?"%}
{% formfield player.vp_gender label="Welchem Geschlecht fühlen Sie sich zugehörig?"%}
{% formfield player.vp_stunden label="Wie wollen Sie entloht werden?"%}

<button class="otree-btn-next btn btn-primary next-button otree-next-button">Weiter</button>

{% endblock %}
{% block app_styles %}
<style>
    .debug{
        margin: 5px 10px;
    }
    br {
        display: block;
        margin: 5px 0;
        }
    body {
        font-size: 1rem;
        font-weight: 370;
        line-height: 1.3;
    }
    .form-control{
        width: 100px
    }
</style>
{% endblock %}