diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html
index 0b57225d..d606b10e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html
@@ -48,7 +48,7 @@
                             </svg>
                         </button>
                     </div>
-                    <div class="grid grid-cols-2 lg:grid-cols-3 gap-4 md:gap-8"
+                    <div class="grid grid-cols-2 xl:grid-cols-3 gap-4 md:gap-8"
                          data-teasergrid-target="container">
                         <f:for each="{teasers}" as="teaser" iteration="iteration">
                             <f:render partial="Product/Teaser" section="Teaser" arguments="{
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
index 0fa749c0..6fb4f96c 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
@@ -1,6 +1,6 @@
 {namespace ep=EP\EpTheme\ViewHelpers}
 <div class="space-y-2">
-    <div class="odd:bg-gray-50 p-4" data-rte-content>
+    <div class="odd:bg-gray-50 p-4">
         <f:if condition="{bars}">
             <f:then>
                 <div class="headline--3 headline--underlined">
@@ -53,7 +53,9 @@
                 </f:if>
             </div>
         </f:if>
-        {region.skiArea -> f:format.html()}
+        <div data-rte-content>
+            {region.skiArea -> f:format.html()}
+        </div>
         <f:if condition="{teasers}">
             <f:then>
                 <a id="teasers" class="anchor"></a>
@@ -79,26 +81,26 @@
                                 </svg>
                             </button>
                         </div>
-                        <div class="grid grid-cols-2 lg:grid-cols-3 gap-4 md:gap-8"
+                        <div class="grid grid-cols-2 xl:grid-cols-3 gap-4 md:gap-8"
                              data-teasergrid-target="container">
                             <f:for each="{teasers}" as="teaser" iteration="iteration">
                                 <f:render partial="Product/Teaser" section="Teaser" arguments="{
-                                concept: teaser.concept,
-                                hotel: teaser.hotel,
-                                product: teaser.product,
-                                country: teaser.country,
-                                region: teaser.region,
-                                productImage: teaser.product.images.original.0,
-                                nights: teaser.nights,
-                                board: teaser.board,
-                                minPrice: teaser.minPrice,
-                                daytrip: teaser.daytrip,
-                                season: teaser.season,
-                                forceHotelUid: teaser.forceHotelUid,
-                                dateFrom: dateFrom,
-                                dateTo: dateTo,
-                                index: iteration.index
-                            }"/>
+                                    concept: teaser.concept,
+                                    hotel: teaser.hotel,
+                                    product: teaser.product,
+                                    country: teaser.country,
+                                    region: teaser.region,
+                                    productImage: teaser.product.images.original.0,
+                                    nights: teaser.nights,
+                                    board: teaser.board,
+                                    minPrice: teaser.minPrice,
+                                    daytrip: teaser.daytrip,
+                                    season: teaser.season,
+                                    forceHotelUid: teaser.forceHotelUid,
+                                    dateFrom: dateFrom,
+                                    dateTo: dateTo,
+                                    index: iteration.index
+                                }"/>
                             </f:for>
                         </div>
                         <f:if condition="{settings.showMoreLink}">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html
index 27f87284..55b31c1d 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html
@@ -27,36 +27,59 @@
                         {concept.description -> f:format.html()}
                         <f:if condition="{teasers}">
                             <a class="anchor" id="teasers"></a>
-                            <div class="flex flex-col space-y-4 md:space-y-8">
-                                <f:for each="{teasers}" as="teaser" iteration="iteration">
-                                    <f:render partial="Product/Teaser" section="Teaser" arguments="{
-                                        concept: teaser.concept,
-                                        hotel: teaser.hotel,
-                                        product: teaser.product,
-                                        country: teaser.country,
-                                        region: teaser.region,
-                                        productImage: teaser.product.images.original.0,
-                                        nights: teaser.nights,
-                                        board: teaser.board,
-                                        minPrice: teaser.minPrice,
-                                        daytrip: teaser.daytrip,
-                                        season: teaser.season,
-                                        forceHotelUid: teaser.forceHotelUid,
-                                        dateFrom: dateFrom,
-                                        dateTo: dateTo,
-                                        landscape: 1,
-                                        index: iteration.index
-                                    }"/>
-                                </f:for>
+                            <div class="bg-gray-50 p-4"
+                                 data-controller="teasergrid"
+                                 data-teasergrid-grid-class="grid-cols-2"
+                                 data-teasergrid-disabled-value="false">
+                                <div class="flex items-center space-x-1 mb-2 sm:hidden">
+                                    <button type="button"
+                                            class="opacity-50"
+                                            data-action="teasergrid#grid"
+                                            data-teasergrid-target="button">
+                                        <svg class="w-5 h-5 text-ep-primary">
+                                            <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-teaser-grid"></use>
+                                        </svg>
+                                    </button>
+                                    <button type="button"
+                                            data-action="teasergrid#block"
+                                            data-teasergrid-target="button">
+                                        <svg class="w-5 h-5 text-ep-primary">
+                                            <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-teaser-single"></use>
+                                        </svg>
+                                    </button>
+                                </div>
+                                <div class="grid grid-cols-2 xl:grid-cols-3 gap-4 md:gap-8"
+                                     data-teasergrid-target="container">
+                                    <f:for each="{teasers}" as="teaser" iteration="iteration">
+                                        <f:render partial="Product/Teaser" section="Teaser" arguments="{
+                                    concept: teaser.concept,
+                                    hotel: teaser.hotel,
+                                    product: teaser.product,
+                                    country: teaser.country,
+                                    region: teaser.region,
+                                    productImage: teaser.product.images.original.0,
+                                    nights: teaser.nights,
+                                    board: teaser.board,
+                                    minPrice: teaser.minPrice,
+                                    daytrip: teaser.daytrip,
+                                    season: teaser.season,
+                                    forceHotelUid: teaser.forceHotelUid,
+                                    dateFrom: dateFrom,
+                                    dateTo: dateTo,
+                                    index: iteration.index
+                                }"/>
+                                    </f:for>
+                                </div>
+                                <f:if condition="{settings.showMoreLink}">
+                                    <div class="text-right mt-4">
+                                        <f:link.action pageUid="{settings.defaultStaticSearchPageUid}" class="button"
+                                                       action="staticresult" controller="Search"
+                                                       arguments="{encodedFilterSettings: '{filterSettings -> ep:filterSettingsEncoder()}'}">
+                                            Alle anzeigen
+                                        </f:link.action>
+                                    </div>
+                                </f:if>
                             </div>
-                            <f:if condition="{settings.showMoreLink}">
-                                <f:link.action pageUid="{settings.defaultStaticSearchPageUid}" class="button my-8"
-                                               action="staticresult" controller="Search"
-                                               arguments="{encodedFilterSettings: '{filterSettings -> ep:filterSettingsEncoder()}'}"
-                                               additionalAttributes="{rel: 'nofollow'}">
-                                    Alle anzeigen
-                                </f:link.action>
-                            </f:if>
                         </f:if>
                         <f:if condition="{concept.descriptionExtended}">{concept.descriptionExtended -> f:format.html()}</f:if>
                     </div>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html
index f7926c85..98752341 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html
@@ -28,29 +28,59 @@
                         {country.description -> f:format.html()}
                     </div>
                     <f:if condition="{teasers}">
-                        <div class="splide mb-4"
-                             data-controller="slider"
-                             data-slider-preset-value="teasersEmbedded">
-                            <div class="splide__track">
-                                <ul class="splide__list">
-                                    <f:for each="{teasers}" as="teaser">
-                                        <li class="splide__slide">
-                                            <f:render partial="Product/Teaser" section="Teaser" arguments="{teaser: teaser}"/>
-                                        </li>
-                                    </f:for>
-                                </ul>
+                        <div class="bg-gray-50 p-4"
+                             data-controller="teasergrid"
+                             data-teasergrid-grid-class="grid-cols-2"
+                             data-teasergrid-disabled-value="false">
+                            <div class="flex items-center space-x-1 mb-2 sm:hidden">
+                                <button type="button"
+                                        class="opacity-50"
+                                        data-action="teasergrid#grid"
+                                        data-teasergrid-target="button">
+                                    <svg class="w-5 h-5 text-ep-primary">
+                                        <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-teaser-grid"></use>
+                                    </svg>
+                                </button>
+                                <button type="button"
+                                        data-action="teasergrid#block"
+                                        data-teasergrid-target="button">
+                                    <svg class="w-5 h-5 text-ep-primary">
+                                        <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-teaser-single"></use>
+                                    </svg>
+                                </button>
                             </div>
+                            <div class="grid grid-cols-2 xl:grid-cols-3 gap-4 md:gap-8"
+                                 data-teasergrid-target="container">
+                                <f:for each="{teasers}" as="teaser" iteration="iteration">
+                                    <f:render partial="Product/Teaser" section="Teaser" arguments="{
+                                    concept: teaser.concept,
+                                    hotel: teaser.hotel,
+                                    product: teaser.product,
+                                    country: teaser.country,
+                                    region: teaser.region,
+                                    productImage: teaser.product.images.original.0,
+                                    nights: teaser.nights,
+                                    board: teaser.board,
+                                    minPrice: teaser.minPrice,
+                                    daytrip: teaser.daytrip,
+                                    season: teaser.season,
+                                    forceHotelUid: teaser.forceHotelUid,
+                                    dateFrom: dateFrom,
+                                    dateTo: dateTo,
+                                    index: iteration.index
+                                }"/>
+                                </f:for>
+                            </div>
+                            <f:if condition="{settings.showMoreLink}">
+                                <div class="text-right mt-4">
+                                    <f:link.action pageUid="{settings.defaultStaticSearchPageUid}" class="button"
+                                                   action="staticresult" controller="Search"
+                                                   arguments="{encodedFilterSettings: '{filterSettings -> ep:filterSettingsEncoder()}'}">
+                                        Alle anzeigen
+                                    </f:link.action>
+                                </div>
+                            </f:if>
                         </div>
-                        <f:if condition="{settings.showMoreLink}">
-                            <p class="text-right">
-                                <f:link.action pageUid="{settings.defaultStaticSearchPageUid}" class="button"
-                                               action="staticresult" controller="Search"
-                                               arguments="{encodedFilterSettings: '{filterSettings -> ep:filterSettingsEncoder()}'}"
-                                               additionalAttributes="{rel: 'nofollow'}">
-                                    Alle anzeigen
-                                </f:link.action>
-                            </p>
-                        </f:if>
                     </f:if>
                     <f:if condition="{country.descriptionExtended}">
                         <div data-rte-content>