[staticPage]
useContent = 1
default = 0

[secondmenu]

[staticMenu mainmenu]
code=mainmenu

[staticMenu footmenu]
code=footmenu
==
{% partial 'site/head' logo='logos/wappen.png' %}
<h1 class="font-semibold font-arvo bg-primary-200 py-3">
    <div class="container text-primary-800 text-xl font-arvo flex items-baseline">
        {{'dpsgstart' | sprite('w-8 h-4 text-dpsgred mr-2')}}
        <span class="text-sm md:text-base font-semibold">
            {{this.page.title}}
        </span>
    </div>
</h1>
<div class="container flex py-12 items-start">
    <div class="text-gray-800 c">
        {% page %}

        {repeater name="groups" tab="Gruppen" prompt="Neuer Eintrag"}
        <div class="hidden">
        {text name="contact_mail" label="E-Mail"}{/text}
        {radio name="align" label="Ausrichtung des Bildes" options="right:Rechts|left:Links"}{/radio}
        {mediafinder name="image" label="Bild" span="left"}{/mediafinder}
        </div>
        <div class="flex {% if fields.align == 'left' %} flex-col-reverse md:flex-row-reverse {% else %} flex-col-reverse md:flex-row {% endif %} items-center mt-10">
            <div class="{% if fields.align == 'left' %} ml-0 md:ml-4 {% else %} mr-0 md:mr-4 {% endif %}">
                <div class="flex flex-col sm:flex-row items-baseline">
                    <h2 class="text-lg font-arvo font-semibold text-primary-700 mr-4">{text name="header" label="Überschrift"}{/text}</h2>
                    <a href="mailto:{{html_email(fields.contact_mail)}}" class="bg-primary-100 text-primary-500 text-sm p-1">{{html_email(fields.contact_mail)}}</a>
                </div>
                <div class="c">{richeditor name="content" label="Inhalt" hidden}{/richeditor}</div>
            </div>
            <div class="flex-none">
                <img {{fields.image | resize('original', '80px|768:256px')}} class="w-20 md:w-64 h-20 md:h-64 object-contain">
            </div>
        </div>
        {/repeater}
    </div>
</div>
{% partial 'site/foot' %}