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

{% block title %}
    Teil 4: These {{player.round_number}}/4
{% endblock %}


{% block content %}
<style>
    .div1 {
        width: 1070px;
        padding: 20px;
        background-color: aliceblue;
        background-color: #eefbf4;
    }

    .otree-body {
        max-width:1100px
    }

    .div2 {
        width: 1000px;
        padding: 20px;
        height: 25px;
    }

    h1 {
        font-size: 150%;
        margin-bottom: 20px
    }

    body {
    font: normal 1.25em Candara, sans-serif;
    }

    .tab { margin-left: 50px; }

    .otree-btn-next {

        display: none;
        float: right;
    }

    .inline {
   display:inline-block;
   width:100px;
   margin-left:10px;
   margin-right:10px;
   margin-bottom: 10px
}

</style>


<p> Wie sehr stimmen Sie der folgenden These zu? </p>
 <div class="div1">
<b>{{player.statement}}</b>
</div>
<p> {% formfields %}</p>


<script>
    setTimeout(function () {
        $('.otree-btn-next').delay(10000).show(0)
    }, 0);
</script>
    {% next_button %}

    <p style="text-align: left; font-size: 16px"> Studienfortschritt: {{progress}}%. </p>


{% endblock %}