{{ block styles }}
    {{ super() }}
    <!-- Importiert allgemeine Hilfsstile -->
    <link rel="stylesheet" href="{{ static 'global/utilities.css' }}">
    <!-- Importiert Tabellen-spezifische Stile -->
    <link rel="stylesheet" href="{{ static 'global/tables.css' }}">
    <!-- Importiert Schalter-spezifische Stile -->
    <link rel="stylesheet" href="{{ static 'global/switches.css' }}">
{{ endblock }}


{{ block scripts }}
 <!-- Scripts Block: Bindet die notwendigen JavaScript-Dateien für die Seite ein -->
    {{ super() }}
    <script src="{{ static 'global/script_other_players_erdtoene.js' }}"></script>
{{ endblock }}

{{ block title }}
<!-- Title Block: Definiert den Seitentitel für die Anwendung -->
    Instruktionen
{{ endblock }}

{{ block content }}
<!-- Content Block: Hier wird der Hauptinhalt der Seite, wie Texte, Formulare und andere Elemente, eingefügt -->

<div class="instructions">
  <h3>Erweiterte Instruktionen</h3>
  <p>Nachdem Sie nun Ihre eigenen Schalter bedient haben, erlaubt Ihnen diese Seite, zusätzlich zu Ihren eigenen Schaltern ausnahmsweise auch die Schalter der anderen vier Spielenden zu bedienen. Dies gibt Ihnen die Möglichkeit zu sehen, wie die Kombination der Effort-Levels aller Spielenden Ihren tatsächlichen Gewinn bestimmt, der durch die dunkel markierte Überkreuzung angezeigt wird, sobald Sie die Schalter aller Spielenden aktiviert haben. </p>
  <p>Experimentieren Sie mit verschiedenen Konstellationen, um ein Gefühl dafür zu bekommen, wie die Entscheidungen jedes Einzelnen in Ihre Auszahlung einfliessen, die Sie erhalten. Beachten Sie, dass die höchste Auszahlung erreicht wird, wenn alle Teilnehmenden den höchsten Effort-Level wählen, aber der niedrigste gewählte Effort-Level entscheidet letztendlich über die tatsächliche Auszahlung.</p>
  <p>Nachdem Sie die verschiedenen Schalter durchprobiert haben, klicken Sie bitte auf 'Weiter', um zu den Verständnisfragen überzugehen.</p>
</div>


<div class="flex-container">
  {{ include_sibling 'table_other_players.html' }}
  {{ include_sibling 'table_payoff_matrix.html' }}
</div>

{{ next_button }}

{{ endblock }}