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

{% block title %}
    Verständnisfragen
{% endblock %}

{% block content %}
    <p>Nun wird Ihnen noch eine Frage zur Vergütung dieses Experiments gestellt.</p>
    <ol start="2">
        <li>Was passiert, wenn Sie sich mit Ihrem Verhandlungspartner nicht auf einen Lohn einigen können?</li>
    </ol>

    <table>
        <tr>
            <td class="text">Ich bekomme </td>
            <td>{{ form.comprehension2 }}</td>
            <td class="text"> Vergütung für dieses Experiment.</td>
        </tr>
    </table>
    {{ form.comprehension2.errors }}

{% next_button %}

{% endblock %}

{% block styles %}
    <style>
        td, th {
            padding: 1rem;
        }

        tr {
            text-align: center;

            white-space: nowrap;
        }

        table {
            margin: 0rem 2rem 2rem 1.5rem;
        }

        ul {
            list-style: none;
        }

        .text {
            padding-bottom: 1rem;
        }
    </style>
{% endblock %}