{"id":192932,"date":"2025-03-13T12:00:00","date_gmt":"2025-03-13T11:00:00","guid":{"rendered":"https:\/\/blog.tui.info\/boutique-hotel-italien-unsere-10-favoriten\/"},"modified":"2025-03-13T12:00:04","modified_gmt":"2025-03-13T11:00:04","slug":"boutique-hotel-italien-unsere-10-favoriten","status":"publish","type":"post","link":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/","title":{"rendered":"Boutique Hotel Italien: meine 9 Favoriten"},"content":{"rendered":"<p class=\"firstTextGrey\">Liebst du sie auch? Die kleinen besonderen Hotels, die pers\u00f6nlich gef\u00fchrt werden und ihren ganz speziellen Charakter haben? TUI Kollegin Claudia kann sich vollends daf\u00fcr begeistern \u2013 daher kommen hier ihre TOP 9 Boutique Hotels in Italien.<\/p>\n\n\n<p>Ob mitten in der Natur zum Wandern, im Ort f\u00fcr die Pizza auf der Piazza oder direkt am Strand zum Sonnen. An besonders sch\u00f6nen Orten findest du sie: die Boutique Hotels in Italien. Diese H\u00e4user haben ihren <strong>ganz eigenen Charme<\/strong> und machen einen Aufenthalt zu etwas Besonderem. Seien es die <strong>kleinen Aufmerksamkeiten der Inhaber oder des Personals<\/strong> \u2013 ein Prosecco zur Begr\u00fc\u00dfung, am Abend der Aperitivo auf der Dachterrasse \u2013 oder auch ein <strong>ausgew\u00e4hlter Einrichtungsstil<\/strong> und <strong>grandiose Kulinarik<\/strong>.<\/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<h2 class=\"wp-block-heading\">Boutique Hotel Italien: meine TOP 9<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">TOP 1: Canne Bianche Lifestyle Hotel in Apulien<\/h3>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong>Genie\u00dfe mediterranes Flair in Apulien.<\/strong><\/mark> Das luxuri\u00f6se 5-Sterne-Strandhotel <a href=\"https:\/\/www.tui.com\/hotels\/canne-bianche-lifestyle-hotel-295887\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canne Bianche Lifestyle Hotel***** <\/a>mit seinen 49 Zimmern setzt sein Motto <strong>&#8222;Slow Live. Simple Elegance&#8220;<\/strong> perfekt um. Traumhafter Meerblick, entspannte Atmosph\u00e4re, moderne Ausstattung und ein exzellenter Service \u2013 mehr geht kaum. Wem das noch nicht gen\u00fcgt: Einige Zimmer bieten einen eigenen Plunge Pool und Whirlpool. \u00dcbrigens: Das Boutiquehotel liegt in der N\u00e4he des wundersch\u00f6nen Tals <strong>Valle d\u2019Itria<\/strong> im herrlichen Apulien. Ein Ausflug lohnt sich definitiv! <\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"295887\"\r\n            hotel-name=\"Canne Bianche Lifestyle Hotel\"\r\n                            duration=\"2\"                    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=\"295887\"\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=\"2\"                              data-giata-id=\"295887\"\r\n                  data-hotel-name=\"Canne Bianche Lifestyle Hotel\"><\/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=\"2\"                    giata-id=\"295887\"\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 2: Hotel Lamm \u2013 alpine lifestyle &amp; spa in S\u00fcdtirol\/Dolomiten<\/h3>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong>Alpine Tradition neu definiert in S\u00fcdtirol.<\/strong> <\/mark>Schick, schicker \u2013 Hotel Lamm! Nur 55 Zimmer erwarten dich in diesem Boutique Hotel am Fu\u00dfe der Seiser Alm, welches nur wenige Kilometer vom <strong>Skigebiet Seiser Alm-Gr\u00f6den<\/strong> entfernt liegt. Das historische Haus <a href=\"https:\/\/www.tui.com\/hotels\/hotel-lamm-alpine-lifestyle-and-spa-15894\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hotel Lamm****<\/a> von 1670 wurde komplett modernisiert. Hier kannst du im <strong>Rooftop-Sky-Pool<\/strong> den Blick auf den Ort und die Berge genie\u00dfen, dich im <strong>Gourmetrestaurant<\/strong> Lampl Stube verw\u00f6hnen lassen oder dich in der <strong>hoteleigenen Bibliothek<\/strong> zur\u00fcckziehen. Die Mobilcard \u201eFerienregion Seiser Alm Live&#8220; ist \u00fcbrigens w\u00e4hrend des Aufenthaltes inklusive.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"15894\"\r\n            hotel-name=\"Hotel Lamm alpine lifestyle\"\r\n                            duration=\"4\"                    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=\"15894\"\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=\"4\"                              data-giata-id=\"15894\"\r\n                  data-hotel-name=\"Hotel Lamm alpine lifestyle\"><\/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=\"4\"                    giata-id=\"15894\"\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: Corte Regia Relais &amp; Spa am Gardasee<\/h3>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\">Erholung und Genuss im mittelalterlichen Borghetto am Gardasee<\/mark><\/strong>. Direkt am Fluss Mincio, im ruhigen mittelalterlichen Dorf Borghetto, liegt das kleine <a href=\"https:\/\/www.tui.com\/hotels\/corte-regia-relais-and-spa-1110698\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hotel Corte Regia Relais &amp; Spa****<\/a> mit seinen 28 Zimmern. Wenn du es besonders romantisch magst, empfehle ich dir ein <strong>Dinner im Restaurant San Marco<\/strong>.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"1110698\"\r\n            hotel-name=\"Hotel Corte Regia\"\r\n                            duration=\"2\"                    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=\"1110698\"\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=\"2\"                              data-giata-id=\"1110698\"\r\n                  data-hotel-name=\"Hotel Corte Regia\"><\/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=\"2\"                    giata-id=\"1110698\"\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 4: Hotel San Filis am Gardasee<\/h3>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong>Gl\u00fccklich in San Felice del Benaco am Gardasee.<\/strong><\/mark> Dolce Vita im restauriertem Stadthaus aus dem 16. Jahrhundert \u2013 das kleine <a href=\"https:\/\/www.tui.com\/hotels\/hotel-san-filis-20938\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hotel San Filis***<\/a> mit <strong>sehr guter K\u00fcche und idyllischem Innenhof<\/strong> ist inhabergef\u00fchrt und ein absoluter Geheimtipp f\u00fcr dich.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"20938\"\r\n            hotel-name=\"Hotel San Filis\"\r\n                            duration=\"2\"                    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=\"20938\"\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=\"2\"                              data-giata-id=\"20938\"\r\n                  data-hotel-name=\"Hotel San Filis\"><\/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=\"2\"                    giata-id=\"20938\"\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: Torre a Cona Wine Estate in der Toskana<\/h3>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong>Urlaub im liebevoll restaurierten Landgut.<\/strong><\/mark> Das Weingut <a href=\"https:\/\/www.tui.com\/hotels\/torre-a-cona-wine-estate-62172\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Torre a Cona Wine Estate****<\/a> liegt eindrucksvoll in den H\u00fcgeln von Florenz, nur 10 Kilometer von der Geburtsst\u00e4tte der Renaissance entfernt. Die <strong>Villa aus dem 18. Jahrhundert <\/strong>befindet sich im Besitz der Grafen Rossi di Montelera und dominiert die umliegenden <strong>Chianti-Weinberge und Olivenhaine<\/strong>, die traditionelle toskanische Bauernh\u00e4user umgeben, die von der Gr\u00e4fin liebevoll restauriert und eingerichtet wurden.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"62172\"\r\n            hotel-name=\"Torre a Cona Wine\"\r\n                            duration=\"1\"                    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=\"62172\"\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=\"1\"                              data-giata-id=\"62172\"\r\n                  data-hotel-name=\"Torre a Cona Wine\"><\/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=\"1\"                    giata-id=\"62172\"\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: Piccolo Grand Hotel in Kalabrien<\/h3>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong>Erlebe hier den Charme der Vergangenheit.<\/strong><\/mark> <strong>Viel Liebe zum Detail<\/strong> erwartet dich diese kleine Hotelperle mit nur 17 Zimmern und gestaltet mit einem inspirierenden <strong>Mix aus Klassik und Luxus<\/strong>. Das <a href=\"https:\/\/www.tui.com\/hotels\/piccolo-grand-hotel-245129\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Piccolo Grand Hotel <\/a>liegt mitten im historischen Zentrum mit einer charmanten Altstadt und langem Sandstrand. <\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"245129\"\r\n            hotel-name=\"Piccolo Grand Hotel \"\r\n                            duration=\"1\"                    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=\"245129\"\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=\"1\"                              data-giata-id=\"245129\"\r\n                  data-hotel-name=\"Piccolo Grand Hotel \"><\/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=\"1\"                    giata-id=\"245129\"\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: Hotel CalaCuncheddi auf Sardinien<\/h3>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong>Urlaub in Sardinien mit allen Sinnen genie\u00dfen.<\/strong><\/mark> <\/strong><\/mark>Das Hotel erwartet dich in<strong> direkter Strandlage <\/strong>an der malerischen Mittelmeerk\u00fcste und mit einem fantastischen Infinitypool mit Blick auf das Meer. Die Restaurants im <a href=\"https:\/\/www.tui.com\/hotels\/hotel-calacuncheddi-16294\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hotel CalaCuncheddi <\/a>verw\u00f6hnen dich mit k\u00f6stlichen regionalen Speisen. <\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"16294\"\r\n            hotel-name=\"Hotel Cala Cuncheddi\"\r\n                            duration=\"2\"                    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=\"16294\"\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=\"2\"                              data-giata-id=\"16294\"\r\n                  data-hotel-name=\"Hotel Cala Cuncheddi\"><\/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=\"2\"                    giata-id=\"16294\"\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: Suite Hotel Grand Relais dei Nuraghi auf Sardinien<\/h3>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong>Perfekt f\u00fcr einen romantischen Urlaub zu Zweit.<\/strong><\/mark> Wenn du dir mal etwas Besonderes g\u00f6nnen m\u00f6chtest \u2013 in Baia Sardinia bietet dir das <a href=\"https:\/\/www.tui.com\/hotels\/suite-hotel-grand-relais-dei-nuraghi-28145\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Suite Hotel Grand Relais dei Nuraghi*****<\/a> <strong>Luxus und Exklusivit\u00e4t<\/strong> in Verbindung mit der Natur. Das i-T\u00fcpfelchen sind die Suiten mit Private Pool und\/oder eigenem Garten. Der <strong>hoteleigene Privatstrand<\/strong> ist nur wenige Meter entfernt.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"28145\"\r\n            hotel-name=\"Suite Hotel Gran Relais\"\r\n                            duration=\"1\"                    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=\"28145\"\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=\"1\"                              data-giata-id=\"28145\"\r\n                  data-hotel-name=\"Suite Hotel Gran Relais\"><\/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=\"1\"                    giata-id=\"28145\"\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: Hotel Luna auf Capri<\/h3>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong>Genie\u00dfe deine Auszeit auf der h\u00fcbschen Insel Capri.<\/strong><\/mark> Vom <a href=\"https:\/\/www.tui.com\/hotels\/hotel-luna-40451\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hotel Luna**** <\/a>bietet sich dir ein unvergesslich sch\u00f6ner Ausblick auf die Felsen von Faraglioni und das Meer von Capri. Hier kannst du <strong>inmitten eines bl\u00fchenden Gartens<\/strong> deine Auszeit in vollen Z\u00fcgen genie\u00dfen.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"40451\"\r\n            hotel-name=\"Hotel Luna\"\r\n                            duration=\"4\"                    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=\"40451\"\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=\"4\"                              data-giata-id=\"40451\"\r\n                  data-hotel-name=\"Hotel Luna\"><\/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=\"4\"                    giata-id=\"40451\"\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>Mehr Inspiration zu Bella Italia gibt es hier:<\/strong><\/p>\n\n\n\n<p> \u27a8 <a href=\"https:\/\/www.tui.com\/blog\/italien-staedte-das-sind-unsere-top-9\/\">Italien St\u00e4dte: Das sind unsere TOP 9<\/a><br> \u27a8 <a href=\"https:\/\/www.tui.com\/blog\/die-10-schoensten-straende-italiens\/\">Die 15 sch\u00f6nsten Str\u00e4nde Italiens<\/a><br> \u27a8 <a href=\"https:\/\/www.tui.com\/blog\/kleine-hotels-mit-geringer-zimmeranzahl-in-norditalien\/\">Kleine Hotels mit geringer Zimmeranzahl in Norditalien<\/a><br> \u27a8 <a href=\"https:\/\/www.tui.com\/blog\/top-5-sehenswerte-urlaubsorte-in-italien\/\">TOP 5 sehenswerte Tipps in Italien<\/a><br> \u27a8 <a href=\"https:\/\/www.tui.com\/blog\/glamping-in-italien-unsere-top-12-mobilheime-in-italien\/\">Glamping in Italien: Campst du noch oder glampst du schon? Unsere TOP 10 Mobilheime in Italien<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufige Fragen zu Boutique Hotel Italien<\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1740563173442\"><strong class=\"schema-faq-question\">Was ist das besondere an einem Boutique-Hotel?<\/strong> <p class=\"schema-faq-answer\">Boutique-Hotels sind kleine Hotels, mit besonderer Atmosph\u00e4re, die pers\u00f6nlich gef\u00fchrt werden. Kleine Aufmerksamkeiten, ein individuelles Design mit Charme, ma\u00dfgeschneiderter Service und hervorragende K\u00fcche sind nur einige Merkmale, die ein Boutique-Hotel auszeichnen.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1740563190880\"><strong class=\"schema-faq-question\">Hat ein Boutique-Hotel Sterne?<\/strong> <p class=\"schema-faq-answer\">Ja, ein Boutique-Hotel kann Sterne haben, aber die besonderen Hotels werden auch durch ihren einzigartigen Charakter und die individuelle Gestaltung bewertet. Es gibt Boutique-Hotels im 3 Sterne Bereich, jedoch haben die meisten 4 Sterne oder h\u00f6her. <\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1740563247425\"><strong class=\"schema-faq-question\">Wie viele Zimmer hat ein Boutique-Hotel?<\/strong> <p class=\"schema-faq-answer\">Im Gegensatz zu gro\u00dfen Hotelketten mit einer Masse an Zimmern, schaffen Boutique-Hotels eine \u00fcberschaubare Zimmeranzahl um eine pers\u00f6nliche und famili\u00e4re Atmosph\u00e4re zu erm\u00f6glichen. In der Regel sind das zwischen 10 und 100 Zimmer.<\/p> <\/div> <\/div>\n\n\n<div class=\"destination-info\"><div class=\"heading\"><h3>Angebote zur Reiseplanung: Italien<\/h3><\/div><div class=\"link-section\"><div class=\"default-links\"><ul><li class=\"pauschalreise-link\">\r\n            <svg id=\"Capa_2\" data-name=\"Capa 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 427.3 427.3\" height=\"1.2em\" width=\"1.2em\">\r\n              <defs>\r\n                <style>\r\n                  .cls-1 {\r\n                    fill: #1b115c;\r\n                  }\r\n                <\/style>\r\n              <\/defs>\r\n              <g id=\"Capa_1-2\" data-name=\"Capa 1\">\r\n                <g>\r\n                  <path class=\"cls-1\" d=\"m213.65,427.3c-57.07,0-110.72-22.22-151.07-62.58S0,270.72,0,213.65C0,95.84,95.84,0,213.65,0s213.65,95.84,213.65,213.65-95.84,213.65-213.65,213.65Zm0-410.3C105.22,17,17,105.22,17,213.65s88.22,196.65,196.65,196.65,196.65-88.22,196.65-196.65S322.08,17,213.65,17Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m377.7,261.52c-4.69,0-8.5-3.81-8.5-8.5,0-34.92-28.41-63.32-63.32-63.32s-60.88,25.86-63.17,58.87c-.32,4.68-4.38,8.22-9.07,7.89-4.68-.32-8.22-4.38-7.89-9.07,2.9-41.89,38.1-74.7,80.13-74.7,44.29,0,80.32,36.03,80.32,80.32,0,4.69-3.81,8.5-8.5,8.5Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m210.21,209.54c-1.15,0-2.31-.23-3.43-.73-4.29-1.9-6.24-6.91-4.34-11.21,13.24-29.98-.38-65.14-30.36-78.38-29.98-13.24-65.14.38-78.38,30.37-1.9,4.3-6.92,6.24-11.21,4.34-4.29-1.9-6.24-6.91-4.34-11.21,17.02-38.56,62.24-56.07,100.8-39.05,38.55,17.03,56.06,62.24,39.04,100.8-1.4,3.18-4.52,5.07-7.78,5.07Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m250.55,159.01c-3.41,0-6.62-2.06-7.93-5.43-11.84-30.56-46.33-45.79-76.89-33.96-12.59,4.88-22.87,13.59-29.71,25.19-2.38,4.04-7.6,5.39-11.64,3.01-4.04-2.38-5.39-7.6-3.01-11.64,8.8-14.93,22.02-26.14,38.21-32.41,39.3-15.22,83.66,4.37,98.88,43.67,1.7,4.38-.48,9.3-4.85,11-1.01.39-2.05.58-3.07.58Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m173.94,190.99c-1.71,0-3.44-.51-4.93-1.58-3.82-2.73-4.71-8.04-1.98-11.86,7.83-10.96,11.62-23.89,10.97-37.38-1.58-32.73-29.53-58.07-62.23-56.5-4.69.22-8.67-3.39-8.9-8.08s3.39-8.67,8.08-8.9c42.1-2.04,78,30.56,80.03,72.66.84,17.35-4.05,33.97-14.12,48.08-1.66,2.32-4.27,3.56-6.92,3.56Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m110.96,261.87c-1.17,0-2.35-.24-3.48-.75-4.28-1.92-6.19-6.96-4.27-11.24l61.77-137.45c1.92-4.28,6.95-6.19,11.24-4.27,4.28,1.92,6.19,6.96,4.27,11.24l-61.77,137.45c-1.42,3.15-4.51,5.02-7.76,5.02Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m14.26,270.63c-3.56,0-6.88-2.25-8.06-5.82-1.48-4.45.92-9.27,5.38-10.75l34.79-11.59c15.33-5.12,32.24-5.12,47.59,0l19.87,6.62c11.74,3.91,24.18,4.01,35.99.27l22.91-7.25c15.45-4.89,32.39-4.62,47.68.77l16.32,5.75c11.75,4.14,24.78,4.38,36.69.67l23.29-7.27c15.51-4.84,32.47-4.49,47.76.98l15.75,5.64c11.73,4.19,24.24,4.54,36.17,1l16.22-4.81c4.5-1.33,9.23,1.23,10.57,5.73s-1.23,9.23-5.73,10.57l-16.22,4.81c-15.42,4.57-31.58,4.12-46.73-1.29l-15.75-5.64c-11.83-4.23-24.96-4.5-36.97-.76l-23.29,7.27c-15.38,4.79-32.21,4.49-47.4-.86l-16.32-5.75c-11.84-4.17-24.95-4.38-36.91-.6l-22.91,7.25c-15.25,4.82-31.32,4.7-46.49-.35l-19.87-6.62c-11.88-3.97-24.96-3.97-36.83,0l-34.8,11.6c-.89.3-1.8.44-2.69.44Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m132.23,311.06c-8.01,0-16.01-1.29-23.78-3.88l-19.87-6.62c-11.88-3.97-24.96-3.97-36.83,0l-21.69,7.23c-4.45,1.48-9.27-.92-10.75-5.38-1.48-4.45.92-9.27,5.38-10.75l21.68-7.23c15.33-5.12,32.24-5.12,47.59,0l19.87,6.62c11.74,3.91,24.18,4.01,35.99.27l22.91-7.25c15.45-4.89,32.38-4.62,47.68.77l16.32,5.75c11.75,4.14,24.78,4.38,36.69.67l23.29-7.27c15.51-4.84,32.47-4.49,47.76.98l15.74,5.63c11.73,4.2,24.24,4.55,36.18,1.01l1.28-.38c4.51-1.33,9.23,1.25,10.56,5.75,1.33,4.5-1.25,9.23-5.75,10.56l-1.26.37c-15.41,4.57-31.57,4.12-46.72-1.31l-15.74-5.63c-11.83-4.24-24.96-4.51-36.97-.76l-23.29,7.27c-15.38,4.79-32.21,4.49-47.4-.86l-16.32-5.75c-11.84-4.17-24.95-4.38-36.91-.6l-22.91,7.25c-7.44,2.35-15.08,3.53-22.71,3.53Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m132.23,393.12c-8.01,0-16.01-1.29-23.78-3.88l-19.87-6.63c-2.11-.7-4.27-1.28-6.41-1.73-4.6-.96-7.54-5.46-6.58-10.06s5.47-7.54,10.06-6.58c2.78.58,5.57,1.33,8.31,2.24l19.88,6.63c11.73,3.91,24.18,4.01,35.98.27l22.91-7.25c15.46-4.89,32.39-4.62,47.68.76l16.32,5.75c11.75,4.14,24.78,4.38,36.69.67l23.29-7.27c15.36-4.79,31.53-4.57,46.75.64,4.44,1.52,6.81,6.35,5.29,10.79-1.52,4.44-6.35,6.81-10.79,5.29-11.78-4.03-24.29-4.2-36.18-.5l-23.28,7.27c-15.38,4.79-32.21,4.49-47.4-.86l-16.32-5.75c-11.83-4.17-24.94-4.38-36.91-.59l-22.91,7.25c-7.44,2.35-15.08,3.53-22.71,3.53Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m132.23,352.09c-8.01,0-16.01-1.29-23.78-3.88l-19.87-6.63c-11.88-3.96-24.96-3.96-36.83,0l-1.53.51c-4.45,1.49-9.27-.9-10.76-5.36s.9-9.27,5.36-10.76l1.55-.52c15.35-5.12,32.25-5.12,47.6,0l19.87,6.63c11.73,3.91,24.18,4.01,35.98.27l22.91-7.25c15.45-4.89,32.39-4.62,47.68.77l16.32,5.74c11.77,4.15,24.8,4.38,36.69.67l23.29-7.27c15.5-4.84,32.47-4.48,47.76.99l15.74,5.63c4.34,1.55,8.85,2.59,13.44,3.08,4.67.5,8.05,4.69,7.55,9.36-.5,4.67-4.68,8.05-9.36,7.55-5.92-.63-11.76-1.97-17.36-3.97l-15.74-5.63c-11.84-4.24-24.97-4.51-36.97-.77l-23.29,7.27c-15.36,4.8-32.2,4.49-47.4-.86l-16.32-5.74c-11.85-4.17-24.96-4.39-36.91-.6l-22.91,7.25c-7.44,2.35-15.08,3.53-22.71,3.53Z\"\/>\r\n                <\/g>\r\n              <\/g>\r\n            <\/svg>\r\n            <a href=\"https:\/\/www.tui.com\/urlaub\/italien\/\" target=\"_blank\">Italien Urlaub<\/a>\r\n        <\/li><li class=\"hotel-link\">\r\n            <svg id=\"Capa_2\" data-name=\"Capa 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 426.78 426.78\" height=\"1.2em\" width=\"1.2em\">\r\n              <defs>\r\n                <style>\r\n                  .cls-1 {\r\n                    fill: #1b115c;\r\n                  }\r\n                <\/style>\r\n              <\/defs>\r\n              <g id=\"Capa_1-2\" data-name=\"Capa 1\">\r\n                <g>\r\n                  <path class=\"cls-1\" d=\"m336.33,344.83H90.47c-4.7,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h245.86c4.7,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m213.39,343.69c-4.7,0-8.5-3.81-8.5-8.5v-80.77c0-4.7,3.81-8.5,8.5-8.5s8.5,3.81,8.5,8.5v80.77c0,4.7-3.81,8.5-8.5,8.5Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m172.42,343.69c-4.7,0-8.5-3.81-8.5-8.5v-80.82c0-4.7,3.81-8.5,8.5-8.5h81.95c4.7,0,8.5,3.81,8.5,8.5v77.13c0,4.7-3.81,8.5-8.5,8.5s-8.5-3.81-8.5-8.5v-68.63h-64.94v72.31c0,4.7-3.81,8.5-8.5,8.5Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m213.39,426.78C95.73,426.78,0,331.06,0,213.39S95.73,0,213.39,0s213.39,95.73,213.39,213.39-95.73,213.39-213.39,213.39Zm0-409.78C105.11,17.01,17.01,105.11,17.01,213.39s88.1,196.38,196.38,196.38,196.38-88.1,196.38-196.38S321.68,17.01,213.39,17.01Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m172.67,188.88v-81.87h20.06v32.28h41.59v-32.28h20.06v81.87h-20.06v-33.57h-41.59v33.57h-20.06Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m181.44,213.42h-9.62c-4.7,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h9.62c4.7,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m254.37,213.42h-9.62c-4.7,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h9.62c4.7,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m218.2,213.42h-9.62c-4.7,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h9.62c4.7,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                  <path class=\"cls-1\" d=\"m295.35,344.83h-163.91c-2.26,0-4.42-.9-6.02-2.5-1.6-1.6-2.49-3.76-2.49-6.02l.3-201.63c0-21.28,9.52-41.18,26.8-56.03,16.96-14.57,39.53-22.6,63.57-22.6s46.62,8.03,63.57,22.6c17.28,14.85,26.8,34.76,26.8,56.05h0s-.13,201.63-.13,201.63c0,4.69-3.81,8.5-8.5,8.5Zm-155.39-17.01h146.89l.13-193.12c0-33.98-32.91-61.63-73.37-61.63s-73.37,27.65-73.37,61.64l-.29,193.12Zm155.52-193.12h0,0Z\"\/>\r\n                <\/g>\r\n              <\/g>\r\n            <\/svg>\r\n            <a href=\"https:\/\/www.tui.com\/hotels\/italien\/\" target=\"_blank\">Italien Hotel<\/a>\r\n        <\/li><li class=\"flug-link\">\r\n            <svg id=\"Capa_2\" data-name=\"Capa 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 426.31 426.31\" height=\"1.2em\" width=\"1.2em\">\r\n              <defs>\r\n                <style>\r\n                  .cls-1 {\r\n                    fill: #1b115c;\r\n                  }\r\n                <\/style>\r\n              <\/defs>\r\n              <g id=\"Capa_1-2\" data-name=\"Capa 1\">\r\n                <g>\r\n                  <path class=\"cls-1\" d=\"m213.15,426.31C95.62,426.31,0,330.69,0,213.15S95.62,0,213.15,0s213.15,95.62,213.15,213.15-95.62,213.15-213.15,213.15Zm0-409.31C104.99,17,17,104.99,17,213.15s87.99,196.15,196.15,196.15,196.15-87.99,196.15-196.15S321.31,17,213.15,17Z\"\/>\r\n                  <g>\r\n                    <path class=\"cls-1\" d=\"m161.96,345.27c-1.87,0-3.71-.62-5.22-1.79-2.07-1.61-3.28-4.09-3.28-6.71v-16.86c0-2.23.88-4.37,2.44-5.96l30.71-31.23v-53.88l-89.15,15.17c-2.47.42-5-.27-6.91-1.88-1.91-1.62-3.02-3.99-3.02-6.5v-33.71c0-3.19,1.79-6.12,4.64-7.57l94.44-48.2v-62.22c0-13.98,11.25-25.36,25.08-25.36,4.69,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5c-4.45,0-8.08,3.75-8.08,8.36v67.43c0,3.19-1.79,6.12-4.64,7.57l-94.44,48.2v18.44l89.15-15.17c2.47-.42,5,.27,6.91,1.88,1.91,1.62,3.02,3.99,3.02,6.5v67.43c0,2.23-.88,4.37-2.44,5.96l-30.71,31.23v2.45l40.6-10.32c4.55-1.16,9.18,1.59,10.33,6.14,1.16,4.55-1.59,9.18-6.14,10.33l-51.2,13.02c-.69.18-1.4.26-2.09.26Z\"\/>\r\n                    <path class=\"cls-1\" d=\"m264.35,345.27c-.7,0-1.4-.09-2.09-.26l-51.2-13.02c-4.55-1.16-7.3-5.78-6.14-10.33,1.16-4.55,5.78-7.3,10.33-6.14l40.6,10.32v-2.45l-30.71-31.23c-1.56-1.59-2.44-3.73-2.44-5.96v-67.43c0-2.5,1.1-4.88,3.02-6.5,1.91-1.61,4.44-2.31,6.91-1.88l89.15,15.17v-18.44l-94.44-48.2c-2.85-1.45-4.64-4.38-4.64-7.57v-67.43c0-4.61-3.62-8.36-8.08-8.36-4.69,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5c13.83,0,25.08,11.38,25.08,25.36v62.22l94.44,48.2c2.85,1.45,4.64,4.38,4.64,7.57v33.71c0,2.5-1.1,4.88-3.02,6.5-1.91,1.61-4.44,2.3-6.91,1.88l-89.15-15.17v53.88l30.71,31.23c1.56,1.59,2.44,3.73,2.44,5.96v16.86c0,2.62-1.21,5.1-3.28,6.71-1.51,1.17-3.35,1.79-5.22,1.79Z\"\/>\r\n                  <\/g>\r\n                <\/g>\r\n              <\/g>\r\n            <\/svg>\r\n                <a href=\"https:\/\/www.tui.com\/flug\/italien\/\" target=\"_blank\">Flug nach Italien<\/a>\r\n            <\/li><\/ul><\/div><div class=\"optionale-links\"><ul><li class=\"lastminute-link\">\r\n                    <svg id=\"Capa_2\" data-name=\"Capa 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 427.15 427.15\" height=\"1.2em\" width=\"1.2em\">\r\n                      <defs>\r\n                        <style>\r\n                          .cls-1 {\r\n                            fill: #1b115c;\r\n                          }\r\n                        <\/style>\r\n                      <\/defs>\r\n                      <g id=\"Capa_1-2\" data-name=\"Capa 1\">\r\n                        <g>\r\n                          <path class=\"cls-1\" d=\"m213.58,427.15C95.81,427.15,0,331.34,0,213.58S95.81,0,213.58,0s213.58,95.81,213.58,213.58-95.81,213.58-213.58,213.58Zm0-410.15C105.19,17.01,17.01,105.19,17.01,213.58s88.18,196.57,196.57,196.57,196.57-88.18,196.57-196.57S321.97,17.01,213.58,17.01Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m213.41,323.4c-58.87,0-106.76-47.89-106.76-106.76s47.89-106.76,106.76-106.76,106.76,47.89,106.76,106.76-47.89,106.76-106.76,106.76Zm0-196.51c-49.49,0-89.75,40.26-89.75,89.75s40.26,89.75,89.75,89.75,89.75-40.26,89.75-89.75-40.26-89.75-89.75-89.75Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m105,140.58c-2.48,0-4.93-1.08-6.61-3.15-2.96-3.65-2.4-9,1.25-11.96l41.16-33.36c3.65-2.96,9-2.4,11.96,1.25s2.4,9-1.25,11.96l-41.16,33.36c-1.58,1.28-3.47,1.9-5.35,1.9Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m322.08,140.58c-1.88,0-3.77-.62-5.35-1.9l-41.16-33.36c-3.65-2.96-4.21-8.31-1.25-11.96,2.96-3.65,8.31-4.21,11.96-1.25l41.16,33.36c3.65,2.96,4.21,8.31,1.25,11.96-1.68,2.07-4.14,3.15-6.61,3.15Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m131.7,345.27c-2.18,0-4.35-.83-6.01-2.49-3.32-3.32-3.32-8.71,0-12.03l33.95-33.95c3.32-3.32,8.7-3.32,12.03,0,3.32,3.32,3.32,8.71,0,12.03l-33.95,33.95c-1.66,1.66-3.84,2.49-6.01,2.49Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m295.46,345.27c-2.18,0-4.35-.83-6.01-2.49l-33.77-33.77c-3.32-3.32-3.32-8.71,0-12.03,3.32-3.32,8.7-3.32,12.03,0l33.77,33.77c3.32,3.32,3.32,8.71,0,12.03-1.66,1.66-3.84,2.49-6.01,2.49Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m213.41,225.14c-4.7,0-8.5-3.81-8.5-8.5v-67.85c0-4.7,3.81-8.5,8.5-8.5s8.5,3.81,8.5,8.5v67.85c0,4.7-3.81,8.5-8.5,8.5Z\"\/>\r\n                        <\/g>\r\n                      <\/g>\r\n                    <\/svg>\r\n                    <a href=\"https:\/\/www.tui.com\/last-minute\/italien\/\" target=\"_blank\">Last Minute Italien<\/a>\r\n                <\/li><li class=\"urlaub-link\">\r\n                    <svg id=\"Capa_2\" data-name=\"Capa 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 426.92 426.92\" height=\"1.2em\" width=\"1.2em\">\r\n                      <defs>\r\n                        <style>\r\n                          .cls-1 {\r\n                            fill: #1b115c;\r\n                          }\r\n                        <\/style>\r\n                      <\/defs>\r\n                      <g id=\"Capa_1-2\" data-name=\"Capa 1\">\r\n                        <g>\r\n                          <path class=\"cls-1\" d=\"m213.46,426.92C95.76,426.92,0,331.16,0,213.46S95.76,0,213.46,0s213.46,95.76,213.46,213.46-95.76,213.46-213.46,213.46Zm0-409.91C105.14,17.01,17.01,105.14,17.01,213.46s88.13,196.45,196.45,196.45,196.45-88.13,196.45-196.45S321.78,17.01,213.46,17.01Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m267.87,190.38c-1.07,0-2.16-.2-3.21-.63-4.35-1.78-6.43-6.74-4.66-11.09,9-22.04,11.82-44.43,8.37-66.56-1.48-9.5-3.86-16.92-5.65-21.55-3.81.98-9.44,2.99-16.11,7.13-21.28,13.2-36.37,37.33-45.29,55.24-2.09,4.2-7.2,5.92-11.4,3.82-4.2-2.09-5.92-7.2-3.82-11.4,35.77-71.89,79.91-72.71,81.78-72.71,3.13,0,6,1.72,7.49,4.47,1.03,1.92,25.02,47.68.39,107.99-1.35,3.29-4.52,5.29-7.88,5.29Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m314.94,211.16c-1.17,0-2.34-.24-3.44-.72l-168.6-74.45c-4.3-1.9-6.24-6.92-4.34-11.21,22.42-50.78,81.97-73.85,132.74-51.43,50.77,22.42,73.83,81.97,51.42,132.74-.91,2.06-2.6,3.68-4.71,4.49-.99.38-2.03.57-3.07.57Zm-156.99-87.12l152.26,67.23c13.11-40.28-6.21-84.89-45.77-102.36-39.57-17.47-85.55-1.7-106.49,35.13Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m163.41,322.06c-1.13,0-2.29-.23-3.39-.71-4.31-1.88-6.28-6.89-4.4-11.19l64.15-147.23c1.88-4.31,6.89-6.27,11.19-4.4,4.31,1.88,6.28,6.89,4.4,11.19l-64.15,147.23c-1.39,3.2-4.52,5.11-7.8,5.11Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m336.55,324.92H90.6c-4.7,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h245.95c4.7,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m275.06,286.03h-61.5c-34.95,0-67.86-13.57-92.65-38.2-24.78-24.62-38.57-57.41-38.81-92.33-.03-4.7,3.75-8.53,8.44-8.56h.06c4.67,0,8.47,3.77,8.5,8.44.21,30.4,12.21,58.95,33.79,80.39,21.59,21.45,50.24,33.26,80.67,33.26h61.5c4.7,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m131.59,322.06c-4.7,0-8.5-3.81-8.5-8.5v-65.02c0-4.7,3.81-8.5,8.5-8.5s8.5,3.81,8.5,8.5v65.02c0,4.7-3.81,8.5-8.5,8.5Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m254.57,324.92c-4.7,0-8.5-3.81-8.5-8.5v-32.41c0-4.7,3.81-8.5,8.5-8.5s8.5,3.81,8.5,8.5v32.41c0,4.7-3.81,8.5-8.5,8.5Z\"\/>\r\n                        <\/g>\r\n                      <\/g>\r\n                    <\/svg>\r\n                    <a href=\"https:\/\/www.tui.com\/pauschalreisen\/italien\/\" target=\"_blank\">Pauschalreise f\u00fcr Italien<\/a>\r\n                <\/li><li class=\"mietwagen-link\">\r\n                    <svg id=\"Capa_2\" data-name=\"Capa 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 427.09 427.09\" height=\"1.2em\" width=\"1.2em\">\r\n                      <defs>\r\n                        <style>\r\n                          .cls-1 {\r\n                            fill: #1b115c;\r\n                          }\r\n                        <\/style>\r\n                      <\/defs>\r\n                      <g id=\"Capa_1-2\" data-name=\"Capa 1\">\r\n                        <g>\r\n                          <path class=\"cls-1\" d=\"m289.12,274.12h-32.4c-4.69,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h32.4c4.69,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m229.71,274.12h-32.41c-4.69,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h32.41c4.69,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m168.11,274.12h-32.4c-4.69,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h32.4c4.69,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m274.14,247.68c-12.96,0-23.5-10.53-23.5-23.48s10.54-23.5,23.5-23.5,23.48,10.54,23.48,23.5-10.53,23.48-23.48,23.48Zm0-29.98c-3.58,0-6.5,2.91-6.5,6.5s2.91,6.48,6.5,6.48,6.48-2.91,6.48-6.48-2.91-6.5-6.48-6.5Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m154.14,247.68c-12.95,0-23.48-10.53-23.48-23.48s10.53-23.5,23.48-23.5,23.5,10.54,23.5,23.5-10.54,23.48-23.5,23.48Zm0-29.98c-3.57,0-6.48,2.91-6.48,6.5s2.91,6.48,6.48,6.48,6.5-2.91,6.5-6.48-2.91-6.5-6.5-6.5Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m303.1,308.13H123.9c-11.74,0-21.3-9.56-21.3-21.31v-25.59c0-4.69,3.81-8.5,8.5-8.5s8.5,3.81,8.5,8.5v25.59c0,2.38,1.93,4.31,4.3,4.31h179.2c2.37,0,4.3-1.93,4.3-4.31v-25.59c0-4.69,3.81-8.5,8.5-8.5s8.5,3.81,8.5,8.5v25.59c0,11.75-9.55,21.31-21.3,21.31Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m340.1,193.01h-.03l-24.2-.09H111.1l-25.67.09h-.03c-4.68,0-8.48-3.79-8.5-8.47-.02-4.69,3.78-8.51,8.47-8.53l25.7-.09h204.82l24.23.09c4.69.02,8.49,3.84,8.47,8.53-.02,4.68-3.82,8.47-8.5,8.47Z\"\/>\r\n                          <rect class=\"cls-1\" x=\"276.69\" y=\"297.9\" width=\"27.24\" height=\"42.59\" rx=\"8.5\" ry=\"8.5\"\/>\r\n                          <rect class=\"cls-1\" x=\"123.09\" y=\"297.9\" width=\"27.24\" height=\"42.59\" rx=\"8.5\" ry=\"8.5\"\/>\r\n                          <path class=\"cls-1\" d=\"m315.9,269.72c-4.69,0-8.5-3.81-8.5-8.5v-49.19l-9.55-19.1h-168.65l-9.6,19.58v48.72c0,4.69-3.81,8.5-8.5,8.5s-8.5-3.81-8.5-8.5v-50.69c0-1.3.3-2.58.87-3.74l12.8-26.11c1.43-2.91,4.39-4.76,7.63-4.76h179.2c3.22,0,6.16,1.82,7.6,4.7l12.8,25.59c.59,1.18.9,2.48.9,3.8v51.2c0,4.69-3.81,8.5-8.5,8.5Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m336.72,345.42H90.05c-4.69,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h246.66c4.69,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m213.55,427.09C95.8,427.09,0,331.29,0,213.55S95.8,0,213.55,0s213.55,95.8,213.55,213.55-95.8,213.55-213.55,213.55Zm0-410.09C105.17,17,17,105.17,17,213.55s88.17,196.55,196.55,196.55,196.55-88.17,196.55-196.55S321.92,17,213.55,17Z\"\/>\r\n                          <path class=\"cls-1\" d=\"m315.9,269.72c-4.69,0-8.5-3.81-8.5-8.5v-49.19l-11.9-23.8c-.59-1.18-.9-2.48-.9-3.8v-22.22c0-37.66-36.38-68.3-81.1-68.3s-81.1,30.64-81.1,68.3v22.22c0,1.3-.3,2.58-.87,3.74l-11.93,24.34v48.72c0,4.69-3.81,8.5-8.5,8.5s-8.5-3.81-8.5-8.5v-50.69c0-1.3.3-2.58.87-3.74l11.93-24.34v-20.25c0-47.03,44.01-85.3,98.1-85.3s98.1,38.26,98.1,85.3v20.21l11.9,23.8c.59,1.18.9,2.48.9,3.8v51.2c0,4.69-3.81,8.5-8.5,8.5Z\"\/>\r\n                        <\/g>\r\n                      <\/g>\r\n                    <\/svg>\r\n                    <a href=\"https:\/\/www.tui.com\/mietwagen\/italien\/\" target=\"_blank\">Mietwagen Italien<\/a>\r\n                <\/li><li class=\"staedtereisen-link\">\r\n                    <svg id=\"Capa_2\" data-name=\"Capa 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 425.75 426.28\" height=\"1.2em\" width=\"1.2em\">\r\n                      <defs>\r\n                        <style>\r\n                          .cls-1 {\r\n                            fill: #1b115c;\r\n                            stroke-width: 0px;\r\n                          }\r\n                        <\/style>\r\n                      <\/defs>\r\n                      <g id=\"Capa_1-2\" data-name=\"Capa 1\">\r\n                        <path class=\"cls-1\" d=\"M212.88,0C95.5,0,0,95.61,0,213.14s95.5,213.14,212.88,213.14,212.88-95.61,212.88-213.14S330.26,0,212.88,0ZM212.88,409.33c-55.2,0-105.13-22.99-140.78-59.89h281.56c-35.65,36.9-85.58,59.89-140.78,59.89ZM199.06,179h29.16c2.61,14.81,6.04,30.19,10.57,44.55,2.49,7.9,5.36,15.84,8.5,23.74h-26.08v-34.14c0-4.69-3.81-8.5-8.5-8.5s-8.5,3.81-8.5,8.5v34.14h-24.21c3.14-7.89,6-15.84,8.5-23.74,4.53-14.36,7.97-29.74,10.57-44.55ZM225.53,93.71v8.67h-25.64v-8.67h25.64ZM206.21,119.39h14.87c.74,10.75,2.08,25.83,4.46,42.61h-23.79c2.37-16.78,3.71-31.87,4.46-42.61ZM254.48,264.28c11.41,25.45,24.98,49.49,37.21,68.42h-26.61c-3.42-25.77-25.52-45.72-52.2-45.72s-48.79,19.95-52.2,45.72h-25.08c12.23-18.93,25.8-42.97,37.21-68.42h81.69ZM247.87,332.7h-69.99c3.25-16.35,17.7-28.72,34.99-28.72s31.75,12.37,34.99,28.72ZM367.9,332.97c-.66-.17-1.35-.27-2.06-.27h-53.73c-12.2-17.79-26.62-42.13-38.94-68.42h7.36c4.69,0,8.5-3.81,8.5-8.5s-3.81-8.5-8.5-8.5h-14.9c-3.99-9.56-7.6-19.25-10.63-28.85-4-12.66-7.1-26.22-9.52-39.43h9.86c4.69,0,8.5-3.81,8.5-8.5s-3.81-8.5-8.5-8.5h-12.65c-2.5-17.13-3.89-32.67-4.65-43.62,2.67-1.43,4.48-4.25,4.48-7.49v-25.67c0-4.69-3.81-8.5-8.5-8.5h-12.82v-34.14c0-4.69-3.81-8.5-8.5-8.5s-8.5,3.81-8.5,8.5v34.14h-12.82c-4.69,0-8.5,3.81-8.5,8.5v25.67c0,3.93,2.67,7.23,6.3,8.2-.77,10.9-2.16,26.15-4.6,42.91h-14.52c-4.69,0-8.5,3.81-8.5,8.5s3.81,8.5,8.5,8.5h11.74c-2.42,13.22-5.53,26.77-9.52,39.43-3.03,9.6-6.64,19.29-10.63,28.85h-12.91c-4.69,0-8.5,3.81-8.5,8.5s3.81,8.5,8.5,8.5h5.37c-12.32,26.29-26.74,50.63-38.94,68.42h-57.52c-25.51-33.12-40.7-74.6-40.7-119.56C16.95,104.96,104.84,16.95,212.88,16.95s195.93,88.01,195.93,196.19c0,45.09-15.28,86.66-40.91,119.83Z\"\/>\r\n                      <\/g>\r\n                    <\/svg>\r\n                    <a href=\"https:\/\/www.tui.com\/staedtereisen\/italien\/\" target=\"_blank\">Italien St\u00e4dtereisen<\/a>\r\n                <\/li><li class=\"rundreise-link\">\r\n                    <svg id=\"Capa_1\" data-name=\"Capa 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" height=\"1.2em\" width=\"1.2em\">\r\n                      <defs>\r\n                        <style>\r\n                          .cls-1 {\r\n                            fill: #1b115c;\r\n                          }\r\n                        <\/style>\r\n                      <\/defs>\r\n                      <path class=\"cls-1\" d=\"m264.49,461.04c.01.16.01.32.01.48,0,3.24-1.81,6.06-4.48,7.49-1.34.03-2.68.04-4.02.04s-2.68-.01-4.02-.04c-2.95-.05-5.89-.17-8.81-.34-.01,0-.02,0-.03-.01-14.34-3.04-27.97-11.18-40.33-23.95-9.89-10.2-18.95-23.36-26.92-39.25-19.05-37.98-29.92-87.74-30.86-140.83-.05-2.5-.07-5.01-.07-7.52,0-3.17.04-6.33.11-9.48,1.16-52.36,12-101.37,30.82-138.88,8.68-17.31,18.68-31.39,29.6-41.92,14.15-13.66,29.86-21.37,46.31-22.5,1.25-.08,2.5-.13,3.76-.13.15-.01.29-.01.44-.01s.29,0,.44.01c4.48.23,8.06,3.95,8.06,8.49,0,3.31-1.89,6.17-4.64,7.57-1.16.6-2.47.93-3.86.93-2.85,0-5.69.28-8.5.82-20.91,4.06-40.68,23-56.41,54.36-17.67,35.22-27.87,81.52-29.02,131.26-.07,3.14-.11,6.31-.11,9.48,0,2.52.02,5.02.08,7.52.91,50.47,11.15,97.53,29.05,133.21,15.23,30.37,34.26,49.1,54.43,53.93.66.16,1.32.3,1.98.43,2.81.54,5.65.82,8.5.82,4.53,0,8.24,3.55,8.49,8.02Z\"\/>\r\n                      <path class=\"cls-1\" d=\"m367.04,257.11c0,2.51-.02,5.02-.07,7.52-.94,53.09-11.82,102.85-30.87,140.83-7.97,15.89-17.04,29.06-26.92,39.26-12.36,12.77-25.99,20.9-40.32,23.94-.01.01-.02.01-.03.01-2.92.17-5.86.29-8.81.34-1.34.03-2.68.04-4.02.04s-2.68-.01-4.02-.04c-2.67-1.43-4.48-4.25-4.48-7.49,0-.16,0-.32.01-.48.25-4.47,3.95-8.02,8.49-8.02,2.85,0,5.68-.28,8.5-.82.66-.13,1.32-.27,1.98-.43,20.17-4.84,39.19-23.56,54.42-53.93,17.9-35.68,28.14-82.74,29.06-133.21.06-2.5.08-5,.08-7.52,0-3.17-.04-6.34-.11-9.48-1.15-49.74-11.36-96.04-29.03-131.26-15.73-31.36-35.5-50.3-56.4-54.36-2.82-.54-5.65-.82-8.5-.82-1.39,0-2.7-.33-3.86-.93-2.76-1.4-4.64-4.26-4.64-7.57,0-4.54,3.57-8.26,8.06-8.49.15-.01.29-.01.44-.01s.29,0,.44.01c1.26,0,2.51.05,3.76.13,16.45,1.13,32.15,8.84,46.3,22.49,10.92,10.54,20.92,24.62,29.6,41.93,18.82,37.51,29.66,86.52,30.83,138.88.07,3.15.11,6.31.11,9.48Z\"\/>\r\n                      <path class=\"cls-1\" d=\"m256,469.05c-4.69,0-8.5-3.81-8.5-8.5V51.72c0-4.69,3.81-8.5,8.5-8.5s8.5,3.81,8.5,8.5v408.83c0,4.69-3.81,8.5-8.5,8.5Z\"\/>\r\n                      <path class=\"cls-1\" d=\"m460.42,264.64H51.58c-4.69,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h408.83c4.69,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5Z\"\/>\r\n                      <path class=\"cls-1\" d=\"m256,43.22c-117.41,0-212.92,95.51-212.92,212.91s88.62,205.87,200.06,212.53c.01.01.02.01.03.01,2.92.17,5.86.29,8.81.34,1.34.03,2.68.04,4.02.04s2.68-.01,4.02-.04c2.95-.05,5.89-.17,8.81-.34.01,0,.02,0,.03-.01,111.44-6.67,200.05-99.45,200.05-212.53S373.4,43.22,256,43.22Zm53.18,401.5c-13.69,3.86-27.98,6.27-42.7,7.05-.66.04-1.32.07-1.98.1-2.82.12-5.65.18-8.5.18s-5.68-.06-8.5-.18c-.66-.03-1.32-.06-1.98-.1-14.72-.78-29.02-3.19-42.71-7.06-79.66-22.5-138.86-94.22-142.55-180.08-.12-2.82-.18-5.65-.18-8.5s.06-5.68.18-8.5c3.73-86.82,64.23-159.18,145.23-180.8,13.49-3.61,27.55-5.81,42.01-6.43,1.54-.06,3.09-.11,4.64-.14,1.28-.03,2.57-.04,3.86-.04s2.58.01,3.86.04c1.55.03,3.1.08,4.64.14,14.46.62,28.51,2.82,42,6.42,81,21.63,141.5,93.98,145.23,180.81.12,2.82.18,5.65.18,8.5s-.06,5.68-.18,8.5c-3.69,85.87-62.9,157.59-142.55,180.09Z\"\/>\r\n                    <\/svg>\r\n                    <a href=\"https:\/\/www.tui.com\/rundreisen\/italien\/\" target=\"_blank\">Rundreisen Italien<\/a>\r\n                <\/li><\/ul><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Liebst du sie auch? Die kleinen besonderen Hotels, die pers\u00f6nlich gef\u00fchrt werden und ihren speziellen Charakter haben? Hier kommen die Favoriten von TUI Mitarbeiterin Claudia.<\/p>\n","protected":false},"author":86,"featured_media":191452,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4036,4072,4030],"tags":[935,2808,595,602,250,2789],"class_list":["post-192932","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archiv-italien","category-archiv-reiseplanung","category-archiv-reiseziele","tag-aussergewoehnliche-hotels","tag-boutiquehotel","tag-gardasee","tag-hoteltipps","tag-italien","tag-kalabrien"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Boutique Hotel Italien: meine 9 Favoriten - TUI.com Reiseblog \u2600<\/title>\n<meta name=\"description\" content=\"Kleine Hotels, pers\u00f6nlich gef\u00fchrt und mit einem ganz speziellen Charakter. Unsere TOP 10 Boutique Hotel Italien \u2665\" \/>\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\/boutique-hotel-italien-unsere-10-favoriten\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Boutique Hotel Italien: meine 9 Favoriten - TUI.com Reiseblog \u2600\" \/>\n<meta property=\"og:description\" content=\"Kleine Hotels, pers\u00f6nlich gef\u00fchrt und mit einem ganz speziellen Charakter. Unsere TOP 10 Boutique Hotel Italien \u2665\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/\" \/>\n<meta property=\"og:site_name\" content=\"TUI.com Reiseblog \u2600\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-13T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-13T11:00:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/italien-sizilien-taormina-altstadt-shutterstock-valvery-bareta-beitragsbild.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"788\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"TUI Reiseexperten\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"TUI Reiseexperten\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"8\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/\"},\"author\":{\"name\":\"TUI Reiseexperten\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#\\\/schema\\\/person\\\/e0405bcbd5102f3edd229113f1c50a06\"},\"headline\":\"Boutique Hotel Italien: meine 9 Favoriten\",\"datePublished\":\"2025-03-13T11:00:00+00:00\",\"dateModified\":\"2025-03-13T11:00:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/\"},\"wordCount\":885,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/italien-sizilien-taormina-altstadt-shutterstock-valvery-bareta-beitragsbild.jpg\",\"keywords\":[\"au\u00dfergew\u00f6hnliche Hotels\",\"Boutiquehotel\",\"Gardasee\",\"Hoteltipps\",\"Italien\",\"Kalabrien\"],\"articleSection\":[\"Italien\",\"Reiseplanung\",\"Reiseziele\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/\",\"name\":\"Boutique Hotel Italien: meine 9 Favoriten - TUI.com Reiseblog \u2600\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/italien-sizilien-taormina-altstadt-shutterstock-valvery-bareta-beitragsbild.jpg\",\"datePublished\":\"2025-03-13T11:00:00+00:00\",\"dateModified\":\"2025-03-13T11:00:04+00:00\",\"description\":\"Kleine Hotels, pers\u00f6nlich gef\u00fchrt und mit einem ganz speziellen Charakter. Unsere TOP 10 Boutique Hotel Italien \u2665\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#faq-question-1740563173442\"},{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#faq-question-1740563190880\"},{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#faq-question-1740563247425\"}],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/italien-sizilien-taormina-altstadt-shutterstock-valvery-bareta-beitragsbild.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/italien-sizilien-taormina-altstadt-shutterstock-valvery-bareta-beitragsbild.jpg\",\"width\":1400,\"height\":788},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Boutique Hotel Italien: meine 9 Favoriten\"}]},{\"@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\\\/e0405bcbd5102f3edd229113f1c50a06\",\"name\":\"TUI Reiseexperten\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/TUIMitarbeiter-178x176.jpg\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/TUIMitarbeiter-178x176.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/TUIMitarbeiter-178x176.jpg\",\"caption\":\"TUI Reiseexperten\"},\"description\":\"TEST\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/author\\\/tui-mitarbeiter\\\/\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#faq-question-1740563173442\",\"position\":1,\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#faq-question-1740563173442\",\"name\":\"Was ist das besondere an einem Boutique-Hotel?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Boutique-Hotels sind kleine Hotels, mit besonderer Atmosph\u00e4re, die pers\u00f6nlich gef\u00fchrt werden. Kleine Aufmerksamkeiten, ein individuelles Design mit Charme, ma\u00dfgeschneiderter Service und hervorragende K\u00fcche sind nur einige Merkmale, die ein Boutique-Hotel auszeichnen.\",\"inLanguage\":\"de\"},\"inLanguage\":\"de\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#faq-question-1740563190880\",\"position\":2,\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#faq-question-1740563190880\",\"name\":\"Hat ein Boutique-Hotel Sterne?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja, ein Boutique-Hotel kann Sterne haben, aber die besonderen Hotels werden auch durch ihren einzigartigen Charakter und die individuelle Gestaltung bewertet. Es gibt Boutique-Hotels im 3 Sterne Bereich, jedoch haben die meisten 4 Sterne oder h\u00f6her. \",\"inLanguage\":\"de\"},\"inLanguage\":\"de\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#faq-question-1740563247425\",\"position\":3,\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/boutique-hotel-italien-unsere-10-favoriten\\\/#faq-question-1740563247425\",\"name\":\"Wie viele Zimmer hat ein Boutique-Hotel?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Im Gegensatz zu gro\u00dfen Hotelketten mit einer Masse an Zimmern, schaffen Boutique-Hotels eine \u00fcberschaubare Zimmeranzahl um eine pers\u00f6nliche und famili\u00e4re Atmosph\u00e4re zu erm\u00f6glichen. In der Regel sind das zwischen 10 und 100 Zimmer.\",\"inLanguage\":\"de\"},\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Boutique Hotel Italien: meine 9 Favoriten - TUI.com Reiseblog \u2600","description":"Kleine Hotels, pers\u00f6nlich gef\u00fchrt und mit einem ganz speziellen Charakter. Unsere TOP 10 Boutique Hotel Italien \u2665","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\/boutique-hotel-italien-unsere-10-favoriten\/","og_locale":"de_DE","og_type":"article","og_title":"Boutique Hotel Italien: meine 9 Favoriten - TUI.com Reiseblog \u2600","og_description":"Kleine Hotels, pers\u00f6nlich gef\u00fchrt und mit einem ganz speziellen Charakter. Unsere TOP 10 Boutique Hotel Italien \u2665","og_url":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/","og_site_name":"TUI.com Reiseblog \u2600","article_published_time":"2025-03-13T11:00:00+00:00","article_modified_time":"2025-03-13T11:00:04+00:00","og_image":[{"width":1400,"height":788,"url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/italien-sizilien-taormina-altstadt-shutterstock-valvery-bareta-beitragsbild.jpg","type":"image\/jpeg"}],"author":"TUI Reiseexperten","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"TUI Reiseexperten","Gesch\u00e4tzte Lesezeit":"8\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#article","isPartOf":{"@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/"},"author":{"name":"TUI Reiseexperten","@id":"https:\/\/www.tui.com\/blog\/#\/schema\/person\/e0405bcbd5102f3edd229113f1c50a06"},"headline":"Boutique Hotel Italien: meine 9 Favoriten","datePublished":"2025-03-13T11:00:00+00:00","dateModified":"2025-03-13T11:00:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/"},"wordCount":885,"commentCount":0,"publisher":{"@id":"https:\/\/www.tui.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/italien-sizilien-taormina-altstadt-shutterstock-valvery-bareta-beitragsbild.jpg","keywords":["au\u00dfergew\u00f6hnliche Hotels","Boutiquehotel","Gardasee","Hoteltipps","Italien","Kalabrien"],"articleSection":["Italien","Reiseplanung","Reiseziele"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/","url":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/","name":"Boutique Hotel Italien: meine 9 Favoriten - TUI.com Reiseblog \u2600","isPartOf":{"@id":"https:\/\/www.tui.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#primaryimage"},"image":{"@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/italien-sizilien-taormina-altstadt-shutterstock-valvery-bareta-beitragsbild.jpg","datePublished":"2025-03-13T11:00:00+00:00","dateModified":"2025-03-13T11:00:04+00:00","description":"Kleine Hotels, pers\u00f6nlich gef\u00fchrt und mit einem ganz speziellen Charakter. Unsere TOP 10 Boutique Hotel Italien \u2665","breadcrumb":{"@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#faq-question-1740563173442"},{"@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#faq-question-1740563190880"},{"@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#faq-question-1740563247425"}],"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#primaryimage","url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/italien-sizilien-taormina-altstadt-shutterstock-valvery-bareta-beitragsbild.jpg","contentUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/italien-sizilien-taormina-altstadt-shutterstock-valvery-bareta-beitragsbild.jpg","width":1400,"height":788},{"@type":"BreadcrumbList","@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.tui.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Boutique Hotel Italien: meine 9 Favoriten"}]},{"@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\/e0405bcbd5102f3edd229113f1c50a06","name":"TUI Reiseexperten","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2016\/10\/TUIMitarbeiter-178x176.jpg","url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2016\/10\/TUIMitarbeiter-178x176.jpg","contentUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2016\/10\/TUIMitarbeiter-178x176.jpg","caption":"TUI Reiseexperten"},"description":"TEST","url":"https:\/\/www.tui.com\/blog\/author\/tui-mitarbeiter\/"},{"@type":"Question","@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#faq-question-1740563173442","position":1,"url":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#faq-question-1740563173442","name":"Was ist das besondere an einem Boutique-Hotel?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Boutique-Hotels sind kleine Hotels, mit besonderer Atmosph\u00e4re, die pers\u00f6nlich gef\u00fchrt werden. Kleine Aufmerksamkeiten, ein individuelles Design mit Charme, ma\u00dfgeschneiderter Service und hervorragende K\u00fcche sind nur einige Merkmale, die ein Boutique-Hotel auszeichnen.","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#faq-question-1740563190880","position":2,"url":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#faq-question-1740563190880","name":"Hat ein Boutique-Hotel Sterne?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Ja, ein Boutique-Hotel kann Sterne haben, aber die besonderen Hotels werden auch durch ihren einzigartigen Charakter und die individuelle Gestaltung bewertet. Es gibt Boutique-Hotels im 3 Sterne Bereich, jedoch haben die meisten 4 Sterne oder h\u00f6her. ","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#faq-question-1740563247425","position":3,"url":"https:\/\/www.tui.com\/blog\/boutique-hotel-italien-unsere-10-favoriten\/#faq-question-1740563247425","name":"Wie viele Zimmer hat ein Boutique-Hotel?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Im Gegensatz zu gro\u00dfen Hotelketten mit einer Masse an Zimmern, schaffen Boutique-Hotels eine \u00fcberschaubare Zimmeranzahl um eine pers\u00f6nliche und famili\u00e4re Atmosph\u00e4re zu erm\u00f6glichen. In der Regel sind das zwischen 10 und 100 Zimmer.","inLanguage":"de"},"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/192932","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\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/comments?post=192932"}],"version-history":[{"count":37,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/192932\/revisions"}],"predecessor-version":[{"id":460438,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/192932\/revisions\/460438"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/media\/191452"}],"wp:attachment":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/media?parent=192932"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/categories?post=192932"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/tags?post=192932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}