{% block style %}
    <style>
    .radio-label {
        display: block;
        margin-bottom: 4px;
    }

    .radio-label input[type="radio"] {
        margin-right: 5px;
    }
    input[type=radio] {
        transform: scale(1.5);
        margin:10px;
        transition-duration: 0.2s;
    }
    </style>
{% load staticfiles %}
<link href="{% static 'StyleSheet.css' %}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block content %}

<h1 style="background-image: url('{% static "ude.PNG" %}'); background-repeat: no-repeat; background-position: left center; background-size: auto 100%"; class="h1" ></h1>
    <br>
    <h2>Umfrage LiV – Leben im Viertel </h2>
<h4>
In welcher Sprache möchten Sie die Internetseite sehen?
<br><br>
In which language do you want to see the website?
<br><br>
<h4 style="text-align: right">
بأي لغة تريد أن ترى الموقع؟

<br><br>
به چه زبانی صفحه اینترنتی را می‌خواهید مشاهده کنید؟
</h4>
</h4>
<br><br>
    <p class="p">
    <label class="radio-label">
    <input type="radio" name="language" class="radio" value="German"> Deutsch </input>
     </label>
    <label class="radio-label">
    <input type="radio" name="language" class="radio" value="English"> English </input>
     </label>
    <label class="radio-label">
    <input type="radio" name="language" class="radio" value="Arabic"> عربي (Arabisch)</input>
     </label>
    <label class="radio-label">
    <input type="radio" name="language" class="radio" value="Farsi">فارسی (Farsi)</input>
     </label>
        <br>
<button class="button" type="submit" id="weiter-btn">Continue</button>

{% endblock %}