diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxWatchlist/List.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxWatchlist/List.html
index bbcb2c78..aca93943 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxWatchlist/List.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxWatchlist/List.html
@@ -14,144 +14,29 @@
             </f:if>
             <f:for each="{watchlist}" as="section">
                 <div id="concept-{section.concept.uid}">
-                    <h2 class="headline headline--secondary headline--underlined">
+                    <h4 class="headline headline--tertiary headline--underlined">
                         {section.concept.name}
-                    </h2>
-                    <div class="searchresult-section searchresult-section--{section.concept.code}">
+                    </h4>
+                    <div class="flex flex-col space-y-4 md:space-y-8 mb-8">
                         <f:for each="{section.items}" as="item">
-                            <div class="teaserbox teaserbox--landscape teaserbox--searchresult searchresult-item">
-                                <div class="teaserbox__image">
-                                    <img src="{item.country.flag}" class="teaserbox__flag" alt="{item.country.name}"/>
-                                    <f:link.action action="detail" controller="Product" extensionName="epproducts"
-                                                   pluginName="product_detail"
-                                                   arguments="{product: item.product.uid, hotel: item.hotel.uid}"
-                                                   additionalParams="{ref: referrer}"
-                                                   pageUid="{item.product.detailPage}" absolute="1"
-                                                   rel="nofollow" title="Details &amp; Buchen">
-                                        <picture class="searchresult-item__image">
-                                            <source media="(min-width: 1201px)"
-                                                    data-srcset="{item.hotel.images.resized.m.0.url} 260w"/>
-                                            <source media="(max-width: 1200px)"
-                                                    data-srcset="{item.hotel.images.resized.l.0.url} 280w"/>
-                                            <source media="(max-width: 768px)"
-                                                    data-srcset="{item.hotel.images.resized.s.0.url} 220w"/>
-                                            <img class="scale lazyload" data-src="{item.hotel.images.resized.s[0].url}"
-                                                 title="{item.hotel.images.resized.s.0.title}"
-                                                 alt="{item.hotel.images.resized.s.0.alt}">
-                                        </picture>
-                                    </f:link.action>
-                                    <div class="concept-badge concept-badge--{section.concept.code}"
-                                         id="{section.concept.code}">
-                                        {section.concept.name}
-                                    </div>
-                                </div>
-                                <div class="teaserbox__main">
-                                    <div class="teaserbox__header">
-                                            <span class="searchresult-item__headline">
-                                                {item.region.name}
-                                                <f:if condition="{section.concept.code} == 'evt'">
-                                                    <strong>
-                                                        <span class="block">
-                                                            {item.product.name}
-                                                        </span>
-                                                    </strong>
-                                                </f:if>
-                                            </span>
-                                        <span class="searchresult-item__subline">
-                                                {item.hotel.name}
-                                            </span>
-                                        <f:if condition="{item.hotel.category}">
-                                                <span class="searchresult-item__category">
-                                                    Kategorie {item.hotel.category}
-                                                </span>
-                                        </f:if>
-                                    </div>
-                                    <ul class="check-list searchresult-item__checklist">
-                                        <f:if condition="{item.hotel.fact}">
-                                            <li>{item.hotel.fact}</li>
-                                        </f:if>
-                                        <f:if condition="{item.product.fact}">
-                                            <li>{item.product.fact}</li>
-                                        </f:if>
-                                        <f:if condition="{item.region.feature}">
-                                            <f:then>
-                                                <li>{item.region.feature}</li>
-                                            </f:then>
-                                            <f:else>
-                                                <f:if condition="{item.region.fact}">
-                                                    <li>{item.region.fact}</li>
-                                                </f:if>
-                                            </f:else>
-                                        </f:if>
-                                    </ul>
-                                    <ul class="check-list check-list--inverted searchresult-item__featurelist">
-                                        <li>Skipass</li>
-                                        <f:if condition="{item.board}">
-                                            <li>{item.board}</li>
-                                        </f:if>
-                                        <f:if condition="{item.product.feature}">
-                                            <li>{item.product.feature}</li>
-                                        </f:if>
-                                    </ul>
-                                </div>
-                                <div class="teaserbox__aside">
-                                    <div class="teaserbox__aside__top">
-                                            <span class="searchresult-item__label">
-                                                {f:if(condition: '{item.dates -> f:count()} > 1', then: 'Zeitraum', else: 'Termin')}
-                                            </span>
-                                        <span class="searchresult-item__daterange">
-                                                {ep:dateRange(dateFrom: item.minDateStart, dateTo: item.maxDateEnd, includeLabel: 0)}
-                                            </span>
-                                        <f:if condition="{item.dates -> f:count()} > 0">
-                                            <f:if condition="{item.daytrip}">
-                                                <f:else>
-                                                    <f:link.action action="detail" controller="Product"
-                                                                   extensionName="epproducts" pluginName="product_detail"
-                                                                   arguments="{product: item.product.uid, hotel: item.hotel.uid}"
-                                                                   additionalParams="{ref: referrer}"
-                                                                   pageUid="{item.product.detailPage}" absolute="1"
-                                                                   rel="nofollow" title="Details &amp; Buchen">
-                                                            <span class="searchresult-item__daterange">
-                                                                <i class="fa fa-arrow-circle-right"></i> {item.dates -> f:count()} {f:if(condition: '{item.dates -> f:count()} > 1', then: 'Termine', else: 'Termin')}
-                                                            </span>
-                                                    </f:link.action>
-                                                </f:else>
-                                            </f:if>
-                                        </f:if>
-                                        <hr>
-                                        <span class="searchresult-item__label">
-                                            {f:if(condition: item.daytrip, then: 'Tageweise buchbar', else: '{ep:nightsOptions(options: item.nights, daytrip: item.daytrip)}')}
-                                        </span>
-                                    </div>
-                                    <div class="teaserbox__aside__bottom">
-                                        <span class="searchresult-item__price">ab {item.minPrice} €</span>
-                                        <f:link.action action="detail" controller="Product" extensionName="epproducts"
-                                                       pluginName="product_detail"
-                                                       arguments="{product: item.product.uid, hotel: item.hotel.uid}"
-                                                       additionalParams="{ref: referrer}"
-                                                       pageUid="{item.product.detailPage}" absolute="1"
-                                                       rel="nofollow" title="Details &amp; Buchen"
-                                                       class="button w-full">
-                                            Details{f:if(condition: item.hideBookingButton, else: ' &amp; Buchen')}
-                                        </f:link.action>
-                                    </div>
-                                    <button type="button"
-                                            class="teaserbox-watchlist"
-                                            data-controller="watchlist-toggle"
-                                            data-watchlist-toggle-key-value="{item.key}"
-                                            data-action="watchlist-toggle#toggle">
-                                        <span data-cooltipz-dir="top-right"
-                                              role="tooltip"
-                                              aria-label="auf die Merkliste setzen"
-                                              data-watchlist-toggle-target="ariaLabel">
-                                            <svg class="w-5 h-5 text-ep-secondary">
-                                                <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-plus-circle"
-                                                     data-watchlist-toggle-taget="icon"></use>
-                                            </svg>
-                                        </span>
-                                    </button>
-                                </div>
-                            </div>
+                            <f:render partial="Product/Teaser" section="Teaser" arguments="{
+                                concept: section.concept,
+                                hotel: item.hotel,
+                                product: item.product,
+                                country: item.country,
+                                region: item.region,
+                                productImage: item.hotel.images.original.0,
+                                nights: item.nights,
+                                board: item.board,
+                                minPrice: item.minPrice,
+                                daytrip: product.daytrip,
+                                season: product.season,
+                                dateFrom: item.minDateStart,
+                                dateTo: item.maxDateEnd,
+                                forceHotelUid: 1,
+                                landscape: 1,
+                                referringPageUri: referringPageUri
+                            }"/>
                         </f:for>
                     </div>
                 </div>