[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">
    <div class="flex-none w-64 mr-6 hidden navbar:block">
        <div class="sticky top-6">
            {% partial 'site/side.htm' %}
        </div>
    </div>
    <div>
        <div class="text-gray-800 c">
            {% page %}
        </div>
        {repeater name="sections" tab="Sektionen" prompt="Neue Sektion"}
        <div class="hidden">
        {text name="heading" label="Überschrift"}{/text}
        {richeditor name="content" label="Inhalt"}{/richeditor}
        {richeditor name="subcontent" label="Unter Inhalt"}{/richeditor}
        {mediafinder name="image" label="Bild"}{/mediafinder}
        </div>
            <h2 class="c">{{fields.heading}}</h2>
            <div class="flex lg:space-x-3 flex-col lg:flex-row">
                <div class="c">{{fields.content | raw}}</div>
                {% if fields.image %}
                <div class="w-64 flex-none mt-3 lg:mt-0">
                    <img {{fields.image|resize("original", "calc(100vw-3rem)|750:calc(100vw-20rem)|1024:256px")}} />
                </div>
                {% endif %}
            </div>
            <div class="c mt-6 lg:mt-3">{{fields.subcontent | raw}}</div>
        {/repeater}
    </div>
</div>
{% partial 'site/foot' %}