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

{% block title %}
    Teil 4: Einführung
{% endblock %}

{% block content %}

<style>
    .div1 {
        width: 1070px;
        padding: 20px;
        background-color: aliceblue;
    }

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

    .div2 {
        width: 1070px;
        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 {

        float: right;
        display: none;
    }



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

</style>


{% if player.round_number == 1 %}
<p> Nun beginnt der vierte Teil der Studie. </p>
<p>Hier bitten wir Sie um die Bewertung einiger Thesen rund um das Thema <b>ökonomische Ungleichheit und Umverteilung in Deutschland</b>.</p>
<p>Insgesamt fragen wir Sie dabei auf den nächsten Seiten nach Ihrer <b>Meinung zu 4 verschiedenen Thesen</b>. </p>
<p>Bitte geben Sie jeweils an, wie sehr Sie der jeweiligen These zustimmen. </p>
<p>Im Rahmen der eingangs erwähnten Vergütung erhalten Sie insgesamt <b>0,50 Euro</b> für die Bearbeitung des zweiten Teils der Studie. </p>

{% endif %}
<p></p>
<p> <b><i>Ich habe die Instruktionen gelesen. &nbsp </i></b> <input name="data_validation" type="checkbox" onclick="check(this)" /></p>
<script>

        $(document).ready(function() {
     $(window).keydown(function(event){
       if(event.keyCode == 13) {
         event.preventDefault();
         return false;
       }
     });
   });


        function check(obj){
       if (obj.checked)
       {
           $('.otree-btn-next').show(0);
       }
       else
       {
           $('.otree-btn-next').hide(0);
       }
   }




</script>
{% next_button %}

{% endblock %}