{% 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><b>Bitte denken Sie noch einmal an die zuvor beschriebene Urlaubssituation.</b></p>

    <p>Im folgenden Abschnitt geht es ausschließlich um den <b>Prozess der Buchung und Ausleihe</b> eines Fahrrads oder E-Bikes.</p>

    <p> Uns interessiert, welche Aspekte der Buchung für Sie persönlich wichtig sind.</p>

        <hr style="width:60%; margin:30px auto;">

    <p> Wenn Sie auf „Weiter“ klicken, werden Ihnen insgesamt sechs Entscheidungssituationen angezeigt.
        In jeder Situation vergleichen Sie bitte zwei verschiedene Angebote und wählen eines aus, das Sie bevorzugen würden.
        Sollte keine der beiden Angebote für Sie in Frage kommen, können Sie auch diese Möglichkeit auswä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>
.text-justify {
    text-align: justify;
}
</style>
{% endblock %}