Improve hotel list layout in case of empty list

public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/HotelList.html

@@ -15,11 +15,11 @@
                     <div data-rte-content>
                         {product.teaserLong -> f:format.html()}
                     </div>
-                    <div class="headerbar">
-                        Wähle deine Unterkunft
-                    </div>
                     <f:if condition="{hotels}">
                         <f:then>
+                            <div class="headerbar">
+                                Wähle deine Unterkunft
+                            </div>
                             <div class="flex flex-col space-y-4 md:space-y-8">
                                 <f:for each="{hotels}" as="item">
                                     <f:render partial="Product/Teaser" section="Teaser" arguments="{
@@ -43,10 +43,15 @@
                             </div>
                         </f:then>
                         <f:else>
-                            <div class="alert alert-info">
+                            <div class="flex items-center space-x-4 text-lg p-4 mb-4 bg-gray-50">
-                                Die von dir gewählte Reise ist aktuell nicht buchbar, aber wir helfen dir gerne dabei,
+                                <svg class="w-6 h-6">
-                                eine andere Reise zu finden. Ruf uns an unter <a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" title="Service Telefon anrufen" rel="nofollow">{settings.phoneNumber}</a>
+                                    <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-emoji-sad"></use>
-                                oder schreibe an <f:link.email email="[email protected]"/>.
+                                </svg>
+                                <div class="flex-1" data-rte-content>
+                                    Die von dir gewählte Reise ist aktuell nicht buchbar, aber wir helfen dir gerne dabei,
+                                    eine andere Reise zu finden. Ruf uns an unter <a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" title="Service Telefon anrufen" rel="nofollow">{settings.phoneNumber}</a>
+                                    oder schreibe an <f:link.email email="[email protected]"/>.
+                                </div>
                             </div>
                         </f:else>
                     </f:if>