[staticPage]
useContent = 1
default = 0

[secondmenu]

[staticMenu mainmenu]
code=mainmenu

[staticMenu footmenu]
code=footmenu
==
{% partial 'shared/head' logo='logos/wappen.png' %}
{% partial 'ui/heading' %}

<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="flex flex-col sm:flex-row items-baseline mt-10 first:mt-0">
            <h2 class="text-xl font-arvo font-semibold text-sky-900 mr-4">{text name="header" label="Überschrift"}{/text}</h2>
            <a href="mailto:{{html_email(fields.contact_mail)}}" class="bg-sky-100 text-sky-900 text-sm p-1">{{html_email(fields.contact_mail)}}</a>
        </div>
        <div class="flex mt-4 {% if fields.align == 'left' %} flex-col-reverse md:flex-row-reverse {% else %} flex-col-reverse md:flex-row {% endif %} ">
            <div class="{% if fields.align == 'left' %} ml-0 md:ml-4 mt-5 md:mt-0 {% else %} mr-0 md:mr-4 mt-5 md:mt-0 {% endif %}">
                <div class="prose prose-sm max-w-none">{richeditor name="content" label="Inhalt" hidden}{/richeditor}</div>
            </div>
            {% if fields.image %}
            <div class="flex-none h-auto md:h-64 w-48 md:w-64">
                <img {{fields.image | resize('original', '80px|768:256px')}} class="w-full h-full object-contain object-top">
            </div>
            {% endif %}
        </div>
        <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>
        {/repeater}
    </div>
</div>
{% partial 'shared/foot' %}