Ensure elements in grids have same height

public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Teaser.html

@@ -4,9 +4,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:section name="Teaser">
-        <f:link.typolink parameter="{city.detailPage}"
+        <a href="{f:uri.typolink(parameter: city.detailPage)}" class="flex flex-col" title="{city.name}">
-                         title="{city.name}">
-            <div class="flex flex-col">
             <div class="relative">
                 <svg class="w-8 h-6 absolute top-0 left-0">
                     <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-flag-{city.country.code -> f:format.case(mode: 'lower')}"></use>
@@ -28,8 +26,7 @@
                     class="button w-full">
                 {f:translate(key: 'tx_eptheme.label.teaserbutton.default', extensionName: 'ep_theme')}
             </button>
-            </div>
+        </a>
-        </f:link.typolink>
     </f:section>
 
 </html>

public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html

@@ -4,9 +4,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
 <f:section name="Teaser">
-    <f:link.typolink parameter="{concept.detailPage}"
+    <a href="{f:uri.typolink(parameter: concept.detailPage)}" title="{concept.name}" class="flex flex-col">
-                     title="{concept.name}">
-        <div class="flex flex-col">
         <div class="relative">
             <ep:lazyLoadImage image="{concept.teaserImage}"
                               loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
@@ -24,8 +22,7 @@
             {concept.teaser -> f:format.crop(maxCharacters: settings.teaserTextMaxChars) -> f:format.html()}
         </div>
         <div class="bg-concept-{concept.code} h-1 w-20"></div>
-        </div>
+    </a>
-    </f:link.typolink>
 </f:section>
 
 </html>

public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html

@@ -4,9 +4,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:section name="Teaser">
-        <f:link.typolink parameter="{hotel.detailPage}"
+        <a href="{f:uri.typolink(parameter: hotel.detailPage)}" title="{hotel.name}" class="flex flex-col">
-                         title="{hotel.name}">
-            <div class="flex flex-col">
             <div class="relative">
                 <svg class="w-8 h-6 absolute top-0 left-0">
                     <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-flag-{hotel.country.code -> f:format.case(mode: 'lower')}"></use>
@@ -38,8 +36,7 @@
                     class="button w-full">
                 {f:translate(key: 'tx_eptheme.label.teaserbutton.default', extensionName: 'ep_theme')}
             </button>
-            </div>
+        </a>
-        </f:link.typolink>
     </f:section>
 
 </html>

public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html

@@ -4,9 +4,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:section name="Teaser">
-        <f:link.typolink parameter="{region.detailPage}"
+        <a href="{f:uri.typolink(parameter: region.detailPage)}" title="{region.name}" class="flex flex-col">
-                         title="{region.name}">
-            <div class="flex flex-col">
             <div class="relative">
                 <svg class="w-8 h-6 absolute top-0 left-0">
                     <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-flag-{region.country.code -> f:format.case(mode: 'lower')}"></use>
@@ -28,8 +26,7 @@
                     class="button w-full">
                 {f:translate(key: 'tx_eptheme.label.teaserbutton.default', extensionName: 'ep_theme')}
             </button>
-            </div>
+        </a>
-        </f:link.typolink>
     </f:section>
 
 </html>

public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teaser/OneColumn.html

@@ -4,9 +4,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:section name="Teaser">
-        <f:link.typolink parameter="{data.header_link}"
+        <a href="{f:uri.typolink(parameter: data.header_link)}" class="flex flex-col group">
-                         class="group">
-            <div class="flex flex-col">
             <div class="relative">
                 <f:if condition="{context.country}">
                     <svg class="w-8 h-6 absolute top-0 left-0">
@@ -30,8 +28,7 @@
                     class="button w-full">
                 {data.button -> v:or(alternative: 'Details')}
             </button>
-            </div>
+        </a>
-        </f:link.typolink>
     </f:section>
 
 </html>

public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teaser/TwoColumn.html

@@ -4,8 +4,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:section name="Teaser">
-        <f:link.typolink parameter="{data.header_link}"
+        <a href="{f:uri.typolink(parameter: data.header_link)}" class="teaserbox teaserbox--default group">
-                         class="teaserbox teaserbox--default group">
             <div class="teasebox__image">
                 <f:render partial="TeaserImage" arguments="{image: teaserImage}"/>
             </div>
@@ -20,7 +19,7 @@
                     class="button button--full">
                 {data.button -> v:or(alternative: 'Details')}
             </button>
-        </f:link.typolink>
+        </a>
     </f:section>
 
 </html>