<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:r="http://typo3.org/ns/Evoweb/Recaptcha/ViewHelpers" xmlns:dp="http://typo3.org/ns/Internetgalerie/IgDatapoolFe/ViewHelpers" xmlns:ig="http://typo3.org/ns/Internetgalerie/IgRender/ViewHelpers" data-namespace-typo3-fluid="true">
<article class="article articletype-0 frame-space-after-medium">
    <div class="news-content">
        <time class="news-time" pubdate="pubdate" datetime="{event.startDateTime -> f:format.date(format: '%A, %d. %B %Y')}">
            <p>
                {event.startDateTime -> f:format.date(format: '%A, %d. %B %Y, %H:%M')}
                <f:if condition="{event.endDateTime} && {event.startDateTime->f:format.date(format: '%d.%m.%Y')} != {event.endDateTime->f:format.date(format: '%d.%m.%Y')}">
                    <f:then>
                        - {event.endDateTime -> f:format.date(format: '%A, %d. %B %Y, %H:%M')}
                    </f:then>
                    <f:else if="{event.endDateTime} && {event.startDateTime->f:format.date(format: '%d.%m.%Y')} == {event.endDateTime->f:format.date(format: '%d.%m.%Y')} && {event.startDateTime->f:format.date(format: '%H:%M')} != {event.endDateTime->f:format.date(format: '%H:%M')}">
                        - {event.endDateTime -> f:format.date(format: '%H:%M')}
                    </f:else>
                </f:if>
            </p>
        </time>
        <div class="news-text">
            <h2>{event.name}</h2>
            <div class="news-teaser news-teaser-bodytext">
                <f:if condition="{event.description}">
                    <f:format.html>{event.description}</f:format.html>
                </f:if>
            </div>
            <f:if condition="{event.locationDescription}">
                <f:then>
                    Ort: {event.locationDescription}
                </f:then>
                <f:else if="{event.calendarGroup}">
                    Ort: <f:for each="{event.calendarGroup.calendars}" as="calendar" iteration="it">{f:if(condition: '!{it.isFirst}', then: ', ')}{calendar.name}</f:for>
                </f:else>
                <f:else if="{event.calendar}">
                    Ort: {event.calendar.name}
                </f:else>
            </f:if>
            <f:if condition="{event.files}">
                <div class="frame-type-uploads frame-space-before-extra-small">
                    <div class="inner-frame">
                        <ul class="ce-uploads csc-uploads ce-uploads-type-">
                            <f:for each="{event.files}" as="file">
                                <li class="csc-uploads-element csc-uploads-element-{file.originalResource.properties.extension}">
                                    <f:link.typolink parameter="{file.originalResource.publicUrl}" absolute="1" target="_blank">
                                        <span class="ce-uploads-fileName csc-uploads-fileName">
                                            <f:if condition="{file.originalResource.properties.title}">
                                                <f:then>{file.originalResource.properties.title->f:format.htmlspecialchars()}</f:then>
                                                <f:else>
                                                    <ig:format.filename>{file.originalResource.name}</ig:format.filename>
                                                </f:else>
                                            </f:if>
                                        </span>
                                        <span class="ce-uploads-filesize csc-uploads-fileSize">(<f:format.bytes value="{file.originalResource.properties.size}" />)</span>
                                    </f:link.typolink>
                                </li>
                            </f:for>
                        </ul>
                    </div>
                </div>
            </f:if>
        </div>
    </div>
</article>
</html>
