{namespace n=Tx_News_ViewHelpers}
<li class="article articletype-{newsItem.type}{f:if(condition: newsItem.istopnews, then: ' topnews')}">
	<n:excludeDisplayedNews newsItem="{newsItem}" />

	<div class="news-img-wrap">
		<f:if condition="{newsItem.media}">
			<!-- media preview element -->
			<f:then>
				<n:link newsItem="{newsItem}" settings="{settings}">
					<f:if condition="{newsItem.mediaPreviews}">
						<f:then>
							<f:alias map="{mediaElement: newsItem.mediaPreviews.0}">
								<f:if condition="{mediaElement.type} == 0">
									<f:image
										src="uploads/tx_news/{mediaElement.image}"
										title="{mediaElement.title}"
										alt="{mediaElement.alt}"
										maxWidth="213"
										/>
								</f:if>
								<f:if condition="{mediaElement.type} == 1">
									<f:render partial="Detail/MediaVideo" arguments="{mediaElement: mediaElement}" />
								</f:if>
								<f:if condition="{mediaElement.type} == 2">
									<f:render partial="Detail/MediaHtml" arguments="{mediaElement: mediaElement}" />
								</f:if>
								<f:if condition="{mediaElement.type} == 3">
									<n:format.dam as="dam" uid="{mediaElement.uid}">
										<f:image src="{dam.file_path}{dam.file_name}" title="{dam.title}" alt="{dam.alt_text}" maxWidth="{settings.detail.media.image.maxWidth}" />
									</n:format.dam>
								</f:if>
							</f:alias>
						</f:then>
						<f:else>
							<f:if condition="{settings.displayDummyIfNoMedia}">
								<span class="no-media-element">
									<f:image
										src="typo3conf/ext/news/Resources/Public/Images/dummy-preview-image.png"
										title=""
										alt=""
										maxWidth="{settings.list.media.image.maxWidth}"
										/>
								</span>
							</f:if>
						</f:else>
					</f:if>
				</n:link>
			</f:then>
			<f:else>
				<f:if condition="{settings.displayDummyIfNoMedia}">
					<f:then>
						<div class="news-img-wrap">
							<n:link newsItem="{newsItem}" settings="{settings}">
								<span class="no-media-element">
									<f:image
										src="typo3conf/ext/news/Resources/Public/Images/dummy-preview-image.png"
										title=""
										alt=""
										maxWidth="213"
										maxHeight="112"
										/>
								</span>
							</n:link>
						</div>
					</f:then>
				</f:if>
			</f:else>
		</f:if>
	</div>
	<div class="text">
		<f:if condition="{newsItem.firstCategory}">
			<h2>{newsItem.firstCategory.title}</h2>
		</f:if>
		<h3>
			<n:link newsItem="{newsItem}" settings="{settings}">
				{newsItem.title}
			</n:link>
		</h3>
		<em class="date"><f:format.date format="d.m.Y">{newsItem.datetime}</f:format.date></em>
		<p>
			<f:if condition="{newsItem.teaser}">
				<f:then>
					<f:format.stripTags><f:format.crop maxCharacters="{settings.cropMaxCharacters}" respectWordBoundaries="1">{newsItem.teaser}</f:format.crop></f:format.stripTags>
				</f:then>
				<f:else>
					<f:format.stripTags><f:format.crop maxCharacters="{settings.cropMaxCharacters}" respectWordBoundaries="1">{newsItem.bodytext}</f:format.crop></f:format.stripTags>
				</f:else>
			</f:if>
		</p>
	</div>
</li>