Adjust news template

public/typo3conf/ext/ep_theme/Resources/Private/Partials/News/Detail/MediaContainer.html

@@ -4,7 +4,16 @@
 
     <f:alias map="{images: '{media -> v:iterator.filter(propertyName: \'showinpreview\', filter: 0)}'}">
         <f:if condition="{images}">
-            <div class="splide"
+            <f:if condition="{images -> f:count()} == 1">
+                <f:then>
+                    <f:link.typolink parameter="{images.0.originalResource.link}">
+                        <img src="{f:uri.image(image: images.0, width: '770', height: '430c+100')}"
+                             class="block w-full h-auto mb-4"
+                             alt="{images.0.alternative}" title="{images.0.title}">
+                    </f:link.typolink>
+                </f:then>
+                <f:else>
+                    <div class="splide mb-4"
                          data-controller="slider"
                          data-slider-preset-value="content">
                         <div id="carousel-{id}" class="splide__track">
@@ -34,6 +43,8 @@
                             </div>
                         </f:if>
                     </div>
+                </f:else>
+            </f:if>
         </f:if>
     </f:alias>
 

public/typo3conf/ext/ep_theme/Resources/Private/Templates/News/News/Detail.html

@@ -39,21 +39,19 @@
                     </f:if>
                 </p>
                 <f:if condition="{newsItem.teaser}">
-                    <p class="text-lg">
+                    <p class="text-lg mb-4">
                         <f:format.nl2br>{newsItem.teaser}</f:format.nl2br>
                     </p>
                 </f:if>
                 <n:renderMedia news="{newsItem}" imgClass="block w-full h-auto mb-4" videoClass="video-wrapper" audioClass="audio-wrapper">
                     <f:render partial="Detail/MediaContainer" arguments="{media: newsItem.media, settings:settings, id: newsItem.uid}" />
                     <f:format.html>{newsItem.bodytext}</f:format.html>
-                </n:renderMedia>
-                <f:alias map="{contentElements: '{f:cObject(typoscriptObjectPath: \'lib.tx_news.contentElementRendering\', data: newsItem.contentElementIdList)}'}">
-                    <f:if condition="{contentElements}">
+                    <f:if condition="{newsItem.contentElements}">
                         <div class="flex flex-col space-y-4">
-                            {contentElements -> f:format.raw()}
+                            <f:cObject typoscriptObjectPath="lib.tx_news.contentElementRendering">{newsItem.contentElementIdList}</f:cObject>
                         </div>
                     </f:if>
-                </f:alias>
+                </n:renderMedia>
                 <f:if condition="{newsItem.relatedFiles}">
                     <h3 class="headline headline--underlined">
                         Dateien