{{ extends "global/Page.html" }}

{{ block content }}

<style>
    .ChartContainerFor1{
        max-width: 800px;
        height: 400px;
        margin: 0 auto;
        border-style: solid;
        margin-top: 15px;
        padding-top:15px;
    }
</style>

<div align="center">
    <!-- Text -->
    <h1>Erklärung II</h1>
    <br><br>
    In jeder Runde werden 90% Ihres Einkommens für Ihren Konsum verbraucht.<br><br>
    Sie verbrauchen mindestens {{ C.NEEDS }} Token pro Runde.<br><br>
    Die rote Linie in der Grafik zeigt diesen Mindestverbrauch an.<br><br>
    Sollten Sie unter dem Betrag von {{ C.NEEDS }} Token liegen, machen Sie Schulden.
    <br><br>

    <!-- Graph -->
    <div id= "ChartContainerFor1" class="ChartContainerFor1">
          {{ include 'redistribution/charts/2_Info.html' }}
    </div>
    <!-- Text -->
    <div>
        <br><br>
        In der nächsten Grafik sehen Sie, wie sich Ihr Vermögen und das Vermögen Ihrer Gruppenmitglieder
        nach Abzug des Verbrauchs im Verlaufe der 5 Runden verändert.
    </div>
    <!-- Button -->
    <!-- Make "buttonclassfixedposition" for lab experiments and "buttonclassonline" for online experiments -->
    <div class ="buttonclassonline">{{ next_button }}</div>
</div>

{{ endblock }}