{{ block title }}
Beschreibung einer Person
{{ endblock }}

{{ block styles }}

<style>
    .questionlabel {
        padding-top: 40px;
        padding-bottom: 0px;
        font-weight: bold;
        
    }

    table {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 50%;
    }

    td {
        border: none;
        
    }

    tr td:last-child {
        /* width: 1%; */
        white-space: nowrap;
    }
</style>


{{ endblock }}


{{ block content }}

<p>
    Hier sind einige Eigenschaften aufgelistet, die eine Person beschreiben könnten:
</p>

<ul>
    <li>Sorgsam</li>
    <li>Mitfühlend</li>
    <li>Fair</li>
    <li>Freundlich</li>
    <li>Großzügig</li>
    <li>Hart arbeitend</li>
    <li>Hilfsbereit</li>
    <li>Ehrlich</li>
    <li>Gütig</li>
</ul>

<p>
    Die Person mit diesen Eigenschaften könnten Sie sein oder es könnte jemand anders sein. Visualisieren Sie für einen
    Moment die Art von Person, die diese Eigenschaften vereint. Stellen Sie sich vor, wie diese Person denkt, fühlt und
    sich verhält. Wenn Sie ein klares Bild davon haben, wie die Person ist, bewerten Sie folgende Aussagen.
</p>



    <table>

        {{ for field in form }}
        <tr>
            <td colspan="7" class="questionlabel"> {{ field.default }}
    
            </td>
        </tr>
    
        <tr>
            {{ for choice in field }}
            <td> {{ choice.label }}</td>
            {{ endfor }}
        </tr>
    
        <tr>
            {{ for choice in field }}
            <td width="1%"> {{ choice }}</td>
            {{ endfor }}
        </tr>
        {{ endfor }}
    
    
    </table>





<div style="text-align: right">
    <p>
        {{ next_button }}
    </p>
</div>

{{ endblock }}