{"id":155656,"date":"2025-02-28T12:00:00","date_gmt":"2025-02-28T11:00:00","guid":{"rendered":"https:\/\/blog.tui.info\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/"},"modified":"2025-02-28T12:00:04","modified_gmt":"2025-02-28T11:00:04","slug":"abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar","status":"publish","type":"post","link":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/","title":{"rendered":"Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar"},"content":{"rendered":"\n<p class=\"firstTextGrey\">36 Grad im Schatten, die Haut brennt und die Kehle lechzt nach einem Getr\u00e4nk. Wie sch\u00f6n w\u00e4re es doch sich den Drink direkt im angenehm k\u00fchlen Pool zu g\u00f6nnen? Ein Traum? Nein, nicht bei unseren TOP Hotels mit Swim-up-Bar! Lehnt euch auf eurem Barhocker zur\u00fcck, nippt an eurem (alkoholfreien) Cocktail und genie\u00dft die Abk\u00fchlung!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hotels mit Swim Up Bar und Poolbars<\/h2>\n\n\n\n<p>Kennt ihr das auch? Man hat sich gerade erst in den Pool verzogen, um der Hitze zu entfliehen, ist die ersten Bahnen im k\u00fchlen Nass geschwommen und hat es sich am Poolrand gem\u00fctlich gemacht, da schreit auch schon die Kehle nach einem k\u00fchlen Drink! Also wieder raus aus dem Wasser, zur\u00fcck zur Liege, um sich wenigstens noch ein Handtuch \u00fcberzuwerfen und auf geht es zur Bar, an der man zu schlechten Zeiten auch mal anstehen muss. Das geht doch einfacher! Im heutigen Beitrag zeigen wir euch <strong>TOP Hotels mit Swim-up-Bar<\/strong>, bei denen ihr euch euer Getr\u00e4nk direkt im Wasser ordern und genehmigen k\u00f6nnt. Also ab an diese wundervollen Poolbars!<\/p>\n\n\n<div class=\"table-of-contents\">\r\n    <div class=\"toc-head\">\r\n        <span class=\"toc-headline\">Inhalt<\/span>\r\n        <button class=\"toggle-toc\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"toc-list\"\r\n            aria-label=\"Inhaltsverzeichnis ein- oder ausklappen\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17.503\" height=\"10.303\" viewBox=\"0 0 17.503 10.303\">\r\n                <path id=\"Icon_ionic-ios-arrow-back\" data-name=\"Icon ionic-ios-arrow-back\" d=\"M14.356,14.943l6.819-6.618a1.22,1.22,0,0,0,0-1.766,1.321,1.321,0,0,0-1.824,0l-7.726,7.5a1.223,1.223,0,0,0-.038,1.725l7.758,7.55a1.323,1.323,0,0,0,1.824,0,1.22,1.22,0,0,0,0-1.766Z\" transform=\"translate(23.697 -11.251) rotate(90)\" fill=\"#1B115C\"><\/path>\r\n            <\/svg>\r\n        <\/button>\r\n    <\/div>\r\n    <ul id=\"toc-list\" class=\"toc-list\"><\/ul>\r\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Top 1: Hotel Riu Negril, Jamaika<\/h3>\n\n\n\n<p>Von 10 bis 18 Uhr k\u00f6nnt ihr es euch an der Swim-up-Bar des <a href=\"https:\/\/www.tui.com\/hotels\/clubhotel-riu-negril-39621\/hotelinformation\/\" target=\"_blank\" rel=\"noopener\">Hotel Riu Negril<\/a> auf der <strong>Karibikinsel Jamaika<\/strong> gem\u00fctlich machen. Durch die \u00dcberdachung der Poolbar genie\u00dft ihr auch etwas Schatten, was bei sommerlichen, karibischen 33 Grad recht angenehm sein kann. Vier Pools bietet das 5-Sterne-Hotel, darunter auch einen Kinderpool mit Wasserrutsche. Wer sich lieber ins Meer statt ins Poolwasser begibt, der ist am 3 Kilometer langen Natursandstrand &#8222;Bloody Bay&#8220; richtig, der nur einen Katzensprung vom Hotel entfernt ist. Die kulinarische Vielfalt und Frische der Speisen wird von den Hotelg\u00e4sten \u00fcbrigens besonders gelobt. Bei f\u00fcnf Restaurants (italienisch, international, asiatisch, vegetarisch und Gourmet) findet jeder etwas!<\/p>\n\n\n    <div class=\"wp-caption tui-image-module\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/riu-negril-swim-up-bar-1-1000x563.gif\" alt=\"Swim-up-Bar im Hotel Riu Negril auf Jamaika\" \/>\r\n            <p class=\"wp-caption-text\">Swim-up-Bar im Hotel Riu Negril auf Jamaika\n<\/p>\r\n        <\/div>\r\n    \n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"39621\"\r\n            hotel-name=\"Hotel Riu Negril \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"39621\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"39621\"\r\n                  data-hotel-name=\"Hotel Riu Negril \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"39621\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<p><strong>TUI Blogtipp:<\/strong> Travelblogger Marc war vor kurzem auf Jamaika und im <strong>Hotel Riu Negril<\/strong> unterwegs. Vom Hotelstrand war er besonders begeistert. Seine Eindr\u00fccke der Reise k\u00f6nnt ihr hier nachlesen:&nbsp; \u25ba<a href=\"https:\/\/www.tui.com\/blog\/jamaika-die-wahrscheinlich-laessigste-destination-in-der-karibik\">Jamaika &#8211; Die wahrscheinlich l\u00e4ssigste Desination in der Karibik<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Top 2: Protur Biomar Sensatori Resort, Mallorca<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.tui.com\/hotels\/protur-biomar-gran-hotel-and-spa-92209\/hotelinformation\/\" target=\"_blank\" rel=\"noopener\">Protur Biomar Sensatori Resort<\/a> in <strong>Sa Coma auf Mallorca <\/strong>&#8211; das Luxushotel f\u00fcr h\u00f6chste Anspr\u00fcche, mit einer Weiterempfehlungsrate von 99 Prozent. Vier gro\u00dfz\u00fcgige Pools mit gen\u00fcgend Schattenpl\u00e4tzen bietet das Hotel, davon einen Relaxpool f\u00fcr Erwachsene mit Swim-up-Bar, einen Kinderpool, einen Indoorpool und einen Au\u00dfenpool. Im 3500 qm gro\u00dfen Spa k\u00f6nnt ihr euch ebenfalls zur\u00fccklehnen und entspannen. Au\u00dferdem stehen einige H\u00e4ngematten im Garten der Anlage bereit, die ihr f\u00fcr ein ruhiges P\u00e4uschen nutzen k\u00f6nnt. F\u00fcr Aktive gibt es ein gro\u00dfes Angebot von Radsport und Tennis bis hin zu Fitness und Golf. Das Hotel ist besonders bei Familien beliebt, es gibt aber auch einen Adults-only-Bereich. Den sch\u00f6nen Sandstrand erreicht ihr in etwa 400 Metern, nach Cala Millor, wo ebenfalls traumhafte, flachabfallende Str\u00e4nde auf euch warten, sind es 2 Kilometer.<\/p>\n\n\n    <div class=\"wp-caption tui-image-module\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/protur-biomar-gran-hotel-spa-swim-up-bar-1000x563.gif\" alt=\"Swim-up-Pool im Protur Biomar Sensatori Resort\" \/>\r\n            <p class=\"wp-caption-text\">Swim-up-Pool im Protur Biomar Sensatori Resort <\/p>\r\n        <\/div>\r\n    \n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"92209\"\r\n            hotel-name=\"Protur Biomar Sensatori Resort \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"92209\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"92209\"\r\n                  data-hotel-name=\"Protur Biomar Sensatori Resort \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"92209\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Top 3: 3HB Guarana, Algarve &#8211; Portugal<\/h3>\n\n\n\n<p>Mit einer Weiterempfehlungsrate von 94 Prozent k\u00f6nnt ihr mit dem <a href=\"https:\/\/www.tui.com\/hotels\/3hb-guarana-95143\/hotelinformation\/\">3HB Guarana<\/a> in <strong>Portugal<\/strong> nur richtig liegen! Das 4-Sterne-Hotel in <strong>Praia da Falesia<\/strong> an der Algarve wurde im Winter 16\/17 komplett renoviert und zeigt sich seit dem Ende M\u00e4rz im neuen Gewand: Nicht nur alle Zimmer, Bars und Restaurants wurden modernisiert bzw. umgebaut, auch der Poolbereich wurde umgestaltet. Drei Pools stehen euch hier zur Verf\u00fcgung, darunter ein Kinderpool. F\u00fcr die n\u00f6tige Abk\u00fchlung nach der Wassergymnastik sorgt die moderne Swim-up-Bar. Das beliebte RIU Familienhotel liegt etwa 900 Meter vom weitl\u00e4ufigen Strand Praia da Falesia entfernt \u2013 ein idealer Spot zum Surfen!<\/p>\n\n\n    <div class=\"wp-caption tui-image-module\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/bar-piscina-riu-guarana-algarve-1000x563.jpg\" alt=\"Einmal Platz nehmen bitte! Swim-up-Bar im Pool des 3HB Guarana\" \/>\r\n            <p class=\"wp-caption-text\">Einmal Platz nehmen bitte! Swim-up-Bar im Pool des 3HB Guarana <\/p>\r\n        <\/div>\r\n    \n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"95143\"\r\n            hotel-name=\"3HB Guarana \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"95143\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"95143\"\r\n                  data-hotel-name=\"3HB Guarana \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"95143\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"color-sec\">Top 4: Atlantica Aegean Blue, Rhodos &#8211; Griechenland <\/span><\/h3>\n\n\n\n<p>Im <a href=\"https:\/\/www.tui.com\/hotels\/atlantica-aegean-blue-51437\/hotelinformation\/\">Atlantica Aegean Blue <\/a>auf <strong>Rhodos <\/strong>wird die ganze Familie gl\u00fccklich. Das 4,5 Sterne-Hotel bietet f\u00fcnf Pools, darunter einen Kinderpool, einen Relaxpool mit Poolbar &#8222;Relax&#8220; und einen Aquapark mit vielen tollen Rutschen (kostenfreier Eintritt) f\u00fcr Gro\u00df und Klein. Au\u00dferdem erhalten Kids eine altersgerechte Betreuung durch TUI geschulte Mitarbeiter. Auch das vielf\u00e4ltige Entertainment- und Sportangebot mit zahlreichen, angebotenen Les Mills Fitnessprogrammen, einem Tennisplatz und Beachvolleyball wird euch begeistern! 396 moderne Zimmer sind auf der 75000 qm gro\u00dfen Anlage verteilt. Besonders toll: Einige davon (auch Familienzimmer) bieten einen direkten Zugang zum Pool &#8211; von der Terrasse aus k\u00f6nnt ihr in euren privaten Swim-up-Pool springen.<\/p>\n\n\n    <div class=\"wp-caption tui-image-module\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/tui-family-life-aegean-blue-by-atlantic-swim-up-bar-1000x563.gif\" alt=\"Relaxbar im Atlantica Aegean Blue\" \/>\r\n            <p class=\"wp-caption-text\">Relaxbar im Atlantica Aegean Blue <\/p>\r\n        <\/div>\r\n    \n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"51437\"\r\n            hotel-name=\"Atlantica Aegean Blue \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"51437\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"51437\"\r\n                  data-hotel-name=\"Atlantica Aegean Blue \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"51437\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Top 5: Riu Palace Bavaro, Punta Cana &#8211; Dominikanische Republik<\/h3>\n\n\n\n<p>Im <a href=\"https:\/\/www.tui.com\/hotels\/riu-palace-bavaro-237749\/hotelinformation\/\" target=\"_blank\" rel=\"noopener\">Riu Palace Bavaro<\/a> auf der <strong>Insel Punta Cana<\/strong> k\u00f6nnt ihr euch nicht nur im tollen Wasserpark Splash Water World frisch machen, 5 (!) Pools, darunter ein Kinderpool und zwei exklusive, ruhige Pools f\u00fcr Erwachsene im Villenbereich, laden hier zum Entspannen und Verweilen ein. Macht es euch im Daybed bequem, genie\u00dft den &#8222;Sex on the Beach&#8220; an der Poolbar &#8222;La Yola&#8220; oder macht es auch im Whirlpool sch\u00f6n &#8211; im Riu Palace Bavaro findet jeder was er sucht. Auch die Kids werden sich hier nicht langweilen, im Kinder Splash Pool k\u00f6nnt ihr euch austoben! F\u00fcr erwachsene Paare gibt es ein besonderes Highlight: In den Zimmerkategorien Suite Jacuzzi erwartet euch auf der Terrasse ein privater Whirlpool!<\/p>\n\n\n    <div class=\"wp-caption tui-image-module\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/riu-palace-bavaro-swim-up-bar-poolbar-hotel-1000x563.gif\" alt=\"Entspannen mit einem k\u00fchlen Getr\u00e4nk in der Hand: In der Poolbar des RIU Palace Bavaro\" \/>\r\n            <p class=\"wp-caption-text\">Entspannen mit einem k\u00fchlen Getr\u00e4nk in der Hand: In der Poolbar des RIU Palace Bavaro<\/p>\r\n        <\/div>\r\n    \n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"237749\"\r\n            hotel-name=\"Hotel Riu Palace Bavaro \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"237749\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"237749\"\r\n                  data-hotel-name=\"Hotel Riu Palace Bavaro \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"237749\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Top 6: Blue Lagoon Village, Kos &#8211; Griechenland<\/h3>\n\n\n\n<p>Das <a href=\"https:\/\/www.tui.com\/hotels\/blue-lagoon-village-75740\/hotelinformation\/\">Blue Lagoon Village<\/a> auf <strong>Kos in Griechenland<\/strong> ist etwas f\u00fcr echte Badenixen: Gleich mit mehreren S\u00fc\u00dfwasserpools kann dieses Badeparadies beeindrucken, das gern von Familien gebucht wird. Ein Highlight: Das \u201eAdventure Land\u201c mit tollen Wasserrutschen. Wer es lieber ruhiger mag: Es gibt selbstverst\u00e4ndlich auch einen Relaxpool. Das Luxuri\u00f6se Village-Resort liegt am ca. 800 m langen Strand und bietet insgesamt acht Bars davon die <strong>Swim up Bar \u201eThe Wet Pool Bar\u201c, <\/strong>welche  t\u00e4glich von 10:00 Uhr &#8211; 18:00 Uhr ge\u00f6ffnet hat.<\/p>\n\n\n    <div class=\"wp-caption tui-image-module\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/Blue-Lagoon-Village-Wet-Poolbar-751x563.jpg\" alt=\"Hotels mit Swim Up Bar: Blue Lagoon Village\" \/>\r\n            <\/div>\r\n    \n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"75740\"\r\n            hotel-name=\"Blue Lagoon Village \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"75740\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"75740\"\r\n                  data-hotel-name=\"Blue Lagoon Village \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"75740\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Top 7: TUI BLUE Tarida Beach, Ibiza &#8211; Spanien<\/h3>\n\n\n\n<p>Das<a href=\"https:\/\/www.tui.com\/hotels\/tui-blue-tarida-beach-2838\/hotelinformation\/\"> TUI BLUE Tarida Beach<\/a> auf <strong>Ibiza in Spanien<\/strong> punktet mit stylischem Design und Ambiente. Eine moderne Wohlf\u00fchloase, die sich direkt \u00fcber den Hang der Cala Tarida Bucht erstreckt. Besondere Highlights sind die zahlreichen Pools, Whirlpools, Poolbars und der Splashpark f\u00fcr Kinder: Hier sind alle Urlauber rundum zufrieden. Die vielen Restaurants laden zur kulinarischen Vielfalt ein, wo mit Sicherheit f\u00fcr jeden Geschmack etwas dabei ist. Ein Urlaubsparadies f\u00fcr die Familie.<\/p>\n\n\n    <div class=\"wp-caption tui-image-module\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/hotels-mit-swim-up-bar-tui-blue-tarida-beach.jpg\" alt=\"Hotels mit Swim Up Bar: TUI BLUE Tarida Beach\" \/>\r\n            <p class=\"wp-caption-text\">Entspannt Sonne an der Poolbar im TUI BLUE Tarida Beach tanken<\/p>\r\n        <\/div>\r\n    \n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"2838\"\r\n            hotel-name=\"TUI BLUE Tarida Beach \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"2838\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"2838\"\r\n                  data-hotel-name=\"TUI BLUE Tarida Beach \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"2838\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Top 8: Hotel RIU Touareg, Boa Vista &#8211; Kap Verde<\/h3>\n\n\n\n<p>Das <a href=\"https:\/\/www.tui.com\/hotels\/hotel-riu-touareg-231741\/hotelinformation\/\">Hotel RIU Touareg<\/a> auf der <strong>Insel Boa Vista auf Kap Verde<\/strong> liegt traumhaft zwischen der W\u00fcste und dem Meer: Lange Strandspazierg\u00e4nge beim Sonnenuntergang sorgen f\u00fcr das Wohlbefinden am weitl\u00e4ufigen Sandstrand. Das Hotel verf\u00fcgt \u00fcber einen separaten <strong>\u201eAdults only\u201c-Bereich<\/strong> und es gibt gro\u00dfz\u00fcgige Poolanlagen, ein ausgiebiges Sport- und Wellnessangebot sowie das <strong>All Inclusive by RIU <\/strong>rund um die Uhr. Ganze sieben Pools und sieben Bars erwarten euch, darunter die <strong>Swim up Bar \u201eMauritania\u201c, <\/strong>welche ab 18 Jahren ist.<\/p>\n\n\n    <div class=\"wp-caption tui-image-module\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/hotels-mit-swim-up-bar-hotel-riu-touareg.jpg\" alt=\"Hotels mit Swim Up Bar: Hotel RIU Touareg\" \/>\r\n            <p class=\"wp-caption-text\">Eine Swim Up Bar im Hotel RIU Tourareg direkt im Poolbereich<\/p>\r\n        <\/div>\r\n    \n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"231741\"\r\n            hotel-name=\"Hotel Riu Touareg \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"231741\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"231741\"\r\n                  data-hotel-name=\"Hotel Riu Touareg \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"231741\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Top 9: Sol Pelicanos Ocas, Costa Blanca &#8211; Spanien<\/h3>\n\n\n\n<p>Das <a href=\"https:\/\/www.tui.com\/hotels\/sol-pelicanos-ocas-2316\/hotelinformation\/\">Sol Pelicanos Ocas <\/a>auf <strong>Costa Blanca in Spanien<\/strong> ist ein beliebtes 3-Sterne Hotel mit allem was es im Urlaub braucht. Ob Kinderbecken oder Kinderclub, Animation, Tauchschule oder Whirlpool, die Grundausstattung sorgt f\u00fcr einen angenehmen Aufenthalt. Vor allem aber die<strong> Swim Up Bar im Poolbereich<\/strong> ist ein Hingucker und sorgt f\u00fcr die n\u00f6tige Erfrischung in der spanischen Sonne. <\/p>\n\n\n    <div class=\"wp-caption tui-image-module\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/hotels-mit-swim-up-bar-sol-pelicanos-ocas.jpg\" alt=\"Hotels mit Swim Up Bar: Sol Pelicanos Ocas\" \/>\r\n            <p class=\"wp-caption-text\">Die chillige Poolbar im Sol Pelicanos Ocas<\/p>\r\n        <\/div>\r\n    \n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"2316\"\r\n            hotel-name=\"Sol Pelicanos Ocas \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"2316\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"2316\"\r\n                  data-hotel-name=\"Sol Pelicanos Ocas \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"2316\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Top 10: TUI BLUE Cabo Verde, Sal &#8211; Kap Verde<\/h3>\n\n\n\n<p>Das <a href=\"https:\/\/www.tui.com\/hotels\/tui-blue-cabo-verde-546315\/hotelinformation\/\">TUI BLUE Cabo Verde<\/a> auf der <strong>Insel Sal auf Kap Verde<\/strong> ist ein <strong>Adults-only-Hotel <\/strong>f\u00fcr G\u00e4ste ab 16 Jahren. Es bietet besondere Wohlf\u00fchlmomente mit bester Qualit\u00e4t, moderner und stylischer Ausstattung und liegt inmitten einer wundersch\u00f6nen Resortanlage. Der 1300 m\u00b2 gro\u00dfe Wellnessbereich sowie die abwechslungsreiche gastronomische Auswahl laden zum Genie\u00dfen und Entspannen ein \u2013 vor allem zu Zweit!<\/p>\n\n\n    <div class=\"wp-caption tui-image-module\">\r\n    <img decoding=\"async\" src=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/hotels-mit-swim-up-bar-tui-blue-cabo-verde.jpg\" alt=\"Hotels mit Swim Up Bar: TUI BLUE Cabo Verde\" \/>\r\n            <p class=\"wp-caption-text\">Den Cocktail direkt an der Poolbar im TUI BLUE Cabo Verde genie\u00dfen<\/p>\r\n        <\/div>\r\n    \n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"546315\"\r\n            hotel-name=\"TUI BLUE Cabo Verde \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"546315\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"546315\"\r\n                  data-hotel-name=\"TUI BLUE Cabo Verde \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"546315\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<p>Das waren unsere <strong>TOP Hotels mit Poolbar bzw. Swim-up-Bar.<\/strong> Ihr sucht nach Hotels mit privatem Swim-up Pool oder eigenem Poolzugang? Dann schaut doch einfach mal hier:<\/p>\n\n\n\n<p>\u25ba <a href=\"https:\/\/www.tui.com\/blog\/swim-up-zimmer-hotels-mit-eigenem-poolzugang\/\">Swim-up Zimmer: Die 11 besten Hotels mit eigenem Poolzugang<\/a><\/p>\n\n\n\n<p>\u25ba <a href=\"https:\/\/www.tui.com\/blog\/swim-up-zimmer-griechenland-8-top-hotels\/\">Swim-up Zimmer Griechenland: 8 TOP Hotels<\/a><\/p>\n\n\n\n<p>\u25ba<a href=\"https:\/\/www.tui.com\/blog\/aufwachen-abkuehlen-top-hotels-mit-fast-eigenem-pool\/\"> Aufwachen &amp; abk\u00fchlen: TOP Hotels mit Privatpool<\/a><\/p>\n\n\n\n<p>\u25ba <a href=\"https:\/\/www.tui.com\/blog\/die-top-5-hotels-mit-dem-schoensten-infinity-pool\/\">Die TOP 10 Hotels mit dem sch\u00f6nsten Infinity Pool<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ein k\u00fchles Getr\u00e4nk im angenehm schattigen Pool genie\u00dfen? Das k\u00f6nnt ihr in diesen TOP 5 Hotels mit Swim-up-Bar bzw. Poolbar.<\/p>\n","protected":false},"author":93,"featured_media":458582,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4072],"tags":[602,2010,496,385],"class_list":["post-155656","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archiv-reiseplanung","tag-hoteltipps","tag-pool","tag-riu","tag-sommerurlaub"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar - TUI.com Reiseblog \u2600<\/title>\n<meta name=\"description\" content=\"TOP 10 Hotels mit Swim-up-Bar bzw. Poolbar: Ein k\u00fchles Getr\u00e4nk im angenehm schattigen Pool genie\u00dfen? Das k\u00f6nnt ihr in diesen Poolbar Hotels!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar - TUI.com Reiseblog \u2600\" \/>\n<meta property=\"og:description\" content=\"TOP 10 Hotels mit Swim-up-Bar bzw. Poolbar: Ein k\u00fchles Getr\u00e4nk im angenehm schattigen Pool genie\u00dfen? Das k\u00f6nnt ihr in diesen Poolbar Hotels!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/\" \/>\n<meta property=\"og:site_name\" content=\"TUI.com Reiseblog \u2600\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-28T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-28T11:00:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/hotels-mit-swim-up-bar-atlantica-aegean-blue.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Miriam P\u00f6schel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@blogadm\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Miriam P\u00f6schel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"7\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/\"},\"author\":{\"name\":\"Miriam P\u00f6schel\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#\\\/schema\\\/person\\\/6a59d7c2e04a0e2a8f547f4b8ad82764\"},\"headline\":\"Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar\",\"datePublished\":\"2025-02-28T11:00:00+00:00\",\"dateModified\":\"2025-02-28T11:00:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/\"},\"wordCount\":1310,\"commentCount\":8,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/hotels-mit-swim-up-bar-atlantica-aegean-blue.jpg\",\"keywords\":[\"Hoteltipps\",\"Pool\",\"Riu\",\"Sommerurlaub\"],\"articleSection\":[\"Reiseplanung\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/\",\"name\":\"Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar - TUI.com Reiseblog \u2600\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/hotels-mit-swim-up-bar-atlantica-aegean-blue.jpg\",\"datePublished\":\"2025-02-28T11:00:00+00:00\",\"dateModified\":\"2025-02-28T11:00:04+00:00\",\"description\":\"TOP 10 Hotels mit Swim-up-Bar bzw. Poolbar: Ein k\u00fchles Getr\u00e4nk im angenehm schattigen Pool genie\u00dfen? Das k\u00f6nnt ihr in diesen Poolbar Hotels!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/hotels-mit-swim-up-bar-atlantica-aegean-blue.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/hotels-mit-swim-up-bar-atlantica-aegean-blue.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Hotels mit Swim Up Bar: Atlantica Aegean Blue\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/\",\"name\":\"TUI.com Reiseblog \u2600\",\"description\":\"Abenteuer oder lieber an den Strand? \u2600 Der TUI Reiseblog bietet tolle Infos rund um deine n\u00e4chste Reise \u2708 Komm vorbei und lass dich inspirieren \u221a\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#organization\",\"name\":\"TUI.com Reiseblog \u2600\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/cropped-tui-logo-3.png\",\"contentUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/cropped-tui-logo-3.png\",\"width\":164,\"height\":72,\"caption\":\"TUI.com Reiseblog \u2600\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#\\\/schema\\\/person\\\/6a59d7c2e04a0e2a8f547f4b8ad82764\",\"name\":\"Miriam P\u00f6schel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/miriam-profilbild-klein-200x180.jpg\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/miriam-profilbild-klein-200x180.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/miriam-profilbild-klein-200x180.jpg\",\"caption\":\"Miriam P\u00f6schel\"},\"description\":\"Raus in die Welt und aus der Komfortzone!\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/blogadm\"],\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/author\\\/miriam\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar - TUI.com Reiseblog \u2600","description":"TOP 10 Hotels mit Swim-up-Bar bzw. Poolbar: Ein k\u00fchles Getr\u00e4nk im angenehm schattigen Pool genie\u00dfen? Das k\u00f6nnt ihr in diesen Poolbar Hotels!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/","og_locale":"de_DE","og_type":"article","og_title":"Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar - TUI.com Reiseblog \u2600","og_description":"TOP 10 Hotels mit Swim-up-Bar bzw. Poolbar: Ein k\u00fchles Getr\u00e4nk im angenehm schattigen Pool genie\u00dfen? Das k\u00f6nnt ihr in diesen Poolbar Hotels!","og_url":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/","og_site_name":"TUI.com Reiseblog \u2600","article_published_time":"2025-02-28T11:00:00+00:00","article_modified_time":"2025-02-28T11:00:04+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/hotels-mit-swim-up-bar-atlantica-aegean-blue.jpg","type":"image\/jpeg"}],"author":"Miriam P\u00f6schel","twitter_card":"summary_large_image","twitter_creator":"@blogadm","twitter_misc":{"Verfasst von":"Miriam P\u00f6schel","Gesch\u00e4tzte Lesezeit":"7\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/#article","isPartOf":{"@id":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/"},"author":{"name":"Miriam P\u00f6schel","@id":"https:\/\/www.tui.com\/blog\/#\/schema\/person\/6a59d7c2e04a0e2a8f547f4b8ad82764"},"headline":"Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar","datePublished":"2025-02-28T11:00:00+00:00","dateModified":"2025-02-28T11:00:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/"},"wordCount":1310,"commentCount":8,"publisher":{"@id":"https:\/\/www.tui.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/hotels-mit-swim-up-bar-atlantica-aegean-blue.jpg","keywords":["Hoteltipps","Pool","Riu","Sommerurlaub"],"articleSection":["Reiseplanung"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/","url":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/","name":"Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar - TUI.com Reiseblog \u2600","isPartOf":{"@id":"https:\/\/www.tui.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/#primaryimage"},"image":{"@id":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/hotels-mit-swim-up-bar-atlantica-aegean-blue.jpg","datePublished":"2025-02-28T11:00:00+00:00","dateModified":"2025-02-28T11:00:04+00:00","description":"TOP 10 Hotels mit Swim-up-Bar bzw. Poolbar: Ein k\u00fchles Getr\u00e4nk im angenehm schattigen Pool genie\u00dfen? Das k\u00f6nnt ihr in diesen Poolbar Hotels!","breadcrumb":{"@id":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/#primaryimage","url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/hotels-mit-swim-up-bar-atlantica-aegean-blue.jpg","contentUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/02\/hotels-mit-swim-up-bar-atlantica-aegean-blue.jpg","width":1920,"height":1080,"caption":"Hotels mit Swim Up Bar: Atlantica Aegean Blue"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tui.com\/blog\/abkuehlung-gefaellig-unsere-top-5-hotels-mit-swim-up-bar-bzw-poolbar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.tui.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Abk\u00fchlung gef\u00e4llig? Unsere Top 10 Hotels mit Swim-up-Bar bzw. Poolbar"}]},{"@type":"WebSite","@id":"https:\/\/www.tui.com\/blog\/#website","url":"https:\/\/www.tui.com\/blog\/","name":"TUI.com Reiseblog \u2600","description":"Abenteuer oder lieber an den Strand? \u2600 Der TUI Reiseblog bietet tolle Infos rund um deine n\u00e4chste Reise \u2708 Komm vorbei und lass dich inspirieren \u221a","publisher":{"@id":"https:\/\/www.tui.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tui.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.tui.com\/blog\/#organization","name":"TUI.com Reiseblog \u2600","url":"https:\/\/www.tui.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.tui.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/cropped-tui-logo-3.png","contentUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/cropped-tui-logo-3.png","width":164,"height":72,"caption":"TUI.com Reiseblog \u2600"},"image":{"@id":"https:\/\/www.tui.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.tui.com\/blog\/#\/schema\/person\/6a59d7c2e04a0e2a8f547f4b8ad82764","name":"Miriam P\u00f6schel","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2016\/11\/miriam-profilbild-klein-200x180.jpg","url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2016\/11\/miriam-profilbild-klein-200x180.jpg","contentUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2016\/11\/miriam-profilbild-klein-200x180.jpg","caption":"Miriam P\u00f6schel"},"description":"Raus in die Welt und aus der Komfortzone!","sameAs":["https:\/\/x.com\/blogadm"],"url":"https:\/\/www.tui.com\/blog\/author\/miriam\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/155656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/users\/93"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/comments?post=155656"}],"version-history":[{"count":29,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/155656\/revisions"}],"predecessor-version":[{"id":458584,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/155656\/revisions\/458584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/media\/458582"}],"wp:attachment":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/media?parent=155656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/categories?post=155656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/tags?post=155656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}