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



{% block content %}
    <div class="card mx-auto" style="max-width: 1000px;">
    <div class="card-body text-justify">

   <p>     Auf der nächsten Seite wird kurz eine <b>beispielhafte Urlaubssituation</b> beschrieben.</p>
   <p>     <b>Bitte lesen Sie diese aufmerksam durch!</b></p>

    <p> Anschließend werden Ihnen mehrere Entscheidungssituationen gezeigt.
        Bitte versuchen Sie sich so gut als möglich in die jeweilige Situation hineinzuversetzen.
        In jeder der Entscheidungssituationen werden Sie gebeten, zwischen verschiedenen Fortbewegungsmitteln zu wählen.
    </p>

    </div>
    </div>

    <br>
        {% next_button %}

    <style>
    .btn-primary {
    background-color: #003360 !important;
    border-color: #003360 !important;
    }
    .btn-primary:hover {
    background-color: #001f3f !important;
    border-color: #001f3f !important;
    }
    </style>

{% endblock %}

{% block styles %}
    <style xmlns="http://www.w3.org/1999/html">
    #header {
        display: block;
        font-weight: normal;
        font-size: 14px;
        text-align: right;
        background-color: #003360;
        color: white;
    }

    .table{
        width: 800px;
    }

    </style>
    {% endblock %}