{"id":177034,"date":"2026-04-27T12:00:00","date_gmt":"2026-04-27T10:00:00","guid":{"rendered":"https:\/\/blog.tui.info\/unsere-top-schonsten-boutique-hotels-auf-mallorca\/"},"modified":"2026-04-27T12:00:05","modified_gmt":"2026-04-27T10:00:05","slug":"unsere-top-schoensten-boutique-hotels-auf-mallorca","status":"publish","type":"post","link":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/","title":{"rendered":"Klein &#038; schick darf es sein? Unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca"},"content":{"rendered":"<p class=\"firstTextGrey\">Mallorca soll dein n\u00e4chstes Reiseziel sein? \u00dcbernachten willst du aber nicht bei einer gro\u00dfen Hotelkette, sondern im schicken, kleinen Hotel? Dann stellen wir dir hier die TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca vor, deren Charme dich mit Sicherheit \u00fcberzeugen wird &#8211; inklusive Geheimtipps!<\/p>\n\n\n<p>Normal kann ja jeder! Wer Wert auf das <strong>gewisse Etwas<\/strong> an einem Hotel legt und zudem private Atmosph\u00e4re, hohen Servicekomfort und ein schickes Design bevorzugt, sollte sich diese <strong>TOP 10 Boutique Hotels auf <a href=\"https:\/\/www.tui.com\/urlaub\/spanien\/mallorca\/\" target=\"_blank\" rel=\"noreferrer noopener\">Mallorca<\/a><\/strong> <a href=\"https:\/\/www.tui.com\/urlaub\/spanien\/mallorca\/\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a>mal genauer ansehen.<\/p>\n\n\n\n<p>Im Gegensatz zu gro\u00dfen Hotels, die die breite Masse ansprechen sollen, handelt es sich bei Boutique Hotels um <strong>Themenhotels<\/strong>. <\/p>\n\n\n\r\n<figure class=\"quote-wrapper\">\r\n\r\n    <blockquote class=\"quote-text\">\r\n        <p>Sie sind <strong>individuell<\/strong> gestaltet, vermitteln eine <strong>pers\u00f6nliche Note<\/strong> und laden zum Wohlf\u00fchlurlaub ein.<\/p>\n    <\/blockquote>\r\n\r\n    \r\n<\/figure>\n\n\n<p>Boutique Hotels bieten meist <strong>weit weniger als 100 Zimmer<\/strong>, sind oft <strong>inhabergef\u00fchrt<\/strong> und deutlich kleiner als eine Hotelkette. Nicht selten zeichnen sich Boutique Hotels auch durch einen <strong>Luxuscharakter<\/strong> aus. Ein eigener Whirlpool auf dem Zimmer, die Einrichtung im Art d\u00e9co Stil oder eine schicke, freistehende Badewanne \u2013 exklusiv soll es sein.<\/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<p>Auf der sch\u00f6nen spanischen Insel Mallorca kannst du zwischen vielen kleinen Hotels w\u00e4hlen. Es wird gar nicht so einfach sein, hier eine Entscheidung zu treffen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">TOP 10 Boutique Hotels auf Mallorca<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">TOP 1: Pleta de Mar Luxury Hotel by Nature &#8211; CANYAMEL<\/h3>\n\n\n\n<p>Im Urlaubsort Canyamel, an der Ostk\u00fcste Mallorcas gelegen, befindet sich das <strong>Luxus-Boutique-Hotel<\/strong> <a href=\"https:\/\/www.tui.com\/hotels\/pleta-de-mar-luxury-hotel-by-nature-595383\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Pleta de Mar Luxury Hotel by Nature<\/strong><\/a>. Das 5-Sterne <strong>Adults-only<\/strong> Hotel f\u00fcr G\u00e4ste ab 16 Jahren ist umgeben von einem Pinienwald und bindet die Natur in seine Architektur perfekt ein. Die Einrichtung ist <strong>dezent elegant und modern<\/strong>, alles wirkt sehr harmonisch. Auch die Suiten sind in hellen Farbt\u00f6nen und recht minimalistisch gehalten, bieten eine Au\u00dfendusche, eine freistehende Badewanne sowie teilweise eine Au\u00dfenbadewanne und einen eigenen Pool im privaten Garten. <\/p>\n\n\n\n<p>Es gibt <strong>zwei Infinity-Pools<\/strong> mit Aussicht auf das Meer und einen <strong>hoteleigenen Strandzugang<\/strong>. Fitnessger\u00e4te finden ebenfalls im Au\u00dfenbereich ihren Platz. Golfliebhaber haben die Auswahl zwischen vier Golfpl\u00e4tzen in unmittelbarer N\u00e4he.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"595383\"\r\n            hotel-name=\"Pleta de Mar Luxury Hotel by Nature \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"595383\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"595383\"\r\n                  data-hotel-name=\"Pleta de Mar Luxury Hotel by Nature \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"595383\"\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 Creu de Tau Art &amp; Spa &#8211; CAPDEPERA<\/h3>\n\n\n\n<p>Hier wohnst du im <strong>ehemaligen Franziskanerinnenkloster<\/strong>! Das 5-Sterne-Adults-only <a href=\"https:\/\/www.tui.com\/hotels\/hotel-creu-de-tau-art-and-spa-863664\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Hotel Creu de Tau Art &amp; Spa<\/strong><\/a> liegt in Capdepera, im Nordosten der Insel und bietet einen <strong>herrlichen Panoramablick<\/strong>, den du zum Beispiel am Pool genie\u00dfen kannst. Capdepera ist eine h\u00fcbsche Kleinstadt mit engen Gassen, kleinem Marktplatz und historischer, <strong>sehr gut erhaltener Burganlage<\/strong>, die malerisch auf einem H\u00fcgel liegt.<\/p>\n\n\n\n<p>Die 27 Zimmer &amp; Suiten des Boutique Hotels sind modern eingerichtet im typisch mallorquinischen Stil. <strong>Mein Geheimtipp<\/strong>: Ein architektonisches Highlight ist die <strong>Bar Sa Capella<\/strong> \u2013 eine ehemalige Kapelle des Klosters. Hier genie\u00dft du deinen Cocktail in ganz besonderer Atmosph\u00e4re.<\/p>\n\n\n\n<p><strong>Tipp f\u00fcr Verliebte:<\/strong> Im Hotel Creu de Tau Art &amp; Spa k\u00f6nnt ihr ein Hochzeitspaket buchen und hier auch im Garten oder in der Hotelkapelle standesamtlich heiraten.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"863664\"\r\n            hotel-name=\"Hotel Creu de Tau Art &#038; Spa\"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"863664\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"863664\"\r\n                  data-hotel-name=\"Hotel Creu de Tau Art &#038; Spa\"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"863664\"\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: Yartan Boutique Hotel &#8211; ART\u00c1<\/h3>\n\n\n\n<p>2019 wurde das schicke 4-Sterne <a href=\"https:\/\/www.tui.com\/hotels\/yartan-boutique-hotel-890062\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Yartan Boutique Hotel<\/strong><\/a> im sch\u00f6nen mittelalterlichen Art\u00e1 restauriert. Seinen Charme als <strong>ehemaliges Herrenhaus des 18. Jahrhunderts<\/strong> hat es behalten. <strong>11 Zimmer und Suiten <\/strong>bietet das <strong>exklusive Boutiqehotel, <\/strong>welches <strong>nur Erwachsenen <\/strong>Zutritt gew\u00e4hrt. Die <strong>ger\u00e4umigen Zimmer<\/strong> sind im <strong>traditionellen<\/strong> <strong>mallorquinischen Stil<\/strong> gehalten; Wei\u00df ist hier die dominierende Farbe. Die Suiten sind besonders gro\u00dfz\u00fcgig und verzaubern durch ihr <strong>warmes, schlichtes Design<\/strong>, eine frei stehenden <strong>Designerbadewanne<\/strong>, einen Balkon mit Blick ins Dorf Art\u00e1 und einen <strong>Kamin<\/strong> f\u00fcr gem\u00fctliche Stunden zu zweit.<\/p>\n\n\n\n<p>Deine Bahnen ziehst du im Au\u00dfenpool, gechillt wird auf der Sonnenterrasse. Das Boutique Hotel auf Mallorca bietet ausschlie\u00dflich Fr\u00fchst\u00fcck als Verpflegung an.<\/p>\n\n\n\n<p><strong>Fazit<\/strong>: Ein wahres <strong>Hideaway<\/strong> f\u00fcr alle, die es ruhig m\u00f6gen!<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"890062\"\r\n            hotel-name=\"Yartan Boutique Hotel\"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"890062\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"890062\"\r\n                  data-hotel-name=\"Yartan Boutique 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=\"7\"                    giata-id=\"890062\"\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: Castell Son Claret &#8211; CALVIA<\/h3>\n\n\n\n<p>Mehr Luxus geht kaum! Das wundersch\u00f6ne 5-Sterne <strong>Luxus-Boutique-Hotel<\/strong> <strong><a href=\"https:\/\/www.tui.com\/hotels\/castell-son-claret-335028\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Castell Son Claret<\/a> <\/strong>am Fu\u00dfe des Tramuntana-Gebirges l\u00e4sst einen die Sprache verschlagen. Der Weg in das <strong>ehemalige Schloss<\/strong> aus dem 18. Jahrhundert f\u00fchrt \u00fcber eine von Palmen ges\u00e4umte Stra\u00dfe, und schon die ist ein Hingucker. Auf 132 Hektar findest du au\u00dferdem ein traumhaft gr\u00fcnes Areal mit zahlreichen <strong>Relaxzonen<\/strong> und tollem <strong>Pool<\/strong>. <\/p>\n\n\n\n<p>&#8222;<strong>The Luxury of Silence&#8220;<\/strong> lautet die Philosophie dieser Luxusherberge und so ist es auch. Ruhe pur und eine sehr <strong>intime Atmosph\u00e4re<\/strong> bei nur 43 Zimmern und Suiten werden dir hier geboten. Das von Familie K\u00fchne gef\u00fchrte Boutique Hotel geh\u00f6rt \u00fcbrigens zu den <strong>Leading Hotels of the World<\/strong>!<\/p>\n\n\n\n<p>Exklusiv wird es auch in Sachen Kulinarik. Seit 2021 leitet der junge und talentierte <strong>Mallorquiner Jordi Cant\u00f3<\/strong> das Gourmet Restaurant <strong>Sa Clastra<\/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=\"335028\"\r\n            hotel-name=\"Castell Son Claret \"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"335028\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"335028\"\r\n                  data-hotel-name=\"Castell Son Claret \"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"335028\"\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: Landhotel Son Penya Petit Hotel &#8211; MANACOR<\/h3>\n\n\n\n<p>Nur <strong>20 Zimmer<\/strong> hat das <a href=\"https:\/\/www.tui.com\/hotels\/landhotel-son-penya-petit-hotel-63934\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Landhotel Son Penya Petit Hotel<\/strong><\/a> in der N\u00e4he von Manacor. Eingebettet in die unber\u00fchrte <strong>mallorquinische Landschaft<\/strong> mit sch\u00f6nster Kulisse l\u00e4dt das traditionelle 5-Sterne Boutique Hotel <strong>ausschlie\u00dflich Erwachsene<\/strong> zu einem entspannten Urlaub ein. Die Zimmer und Suiten sind in warmen Farben gehalten und bieten teilweise einen privaten Pool, eine eigene Terrasse sowie eine Whirlpool-Badewanne.<\/p>\n\n\n\n<p>Top Cuisine bietet das <strong>elegante Restaurant 5 Sentits<\/strong>; im Weinkeller kannst du dich durch die gro\u00dfe Auswahl an Weinen probieren.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"63934\"\r\n            hotel-name=\"Landhotel Son Penya Petit Hotel\"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"63934\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"63934\"\r\n                  data-hotel-name=\"Landhotel Son Penya Petit 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=\"7\"                    giata-id=\"63934\"\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: Hotel and Beach House Can Simoneta &#8211; CANYAMEL<\/h3>\n\n\n\n<p>Im Nordosten Mallorcas kannst du in das charmante 5-Sterne <a href=\"https:\/\/www.tui.com\/hotels\/hotel-and-beach-house-can-simoneta-57036\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Hotel and Beach House Can Simoneta<\/strong><\/a> einchecken. Die <strong>Finca<\/strong> besteht aus zwei nebeneinander liegenden Geb\u00e4uden, welche auf einem Hochplateau an der Bucht von Canyamel liegen und damit <strong>herrliche Aussichten<\/strong> auf das Mittelmeer garantieren. Ein kleiner Spaziergang durch den Pinienwald sp\u00e4ter und schon bist du am <strong>sch\u00f6nen Sandstrand<\/strong>! Auf mehr als 150.000 m\u00b2 verteilen sich die <strong>26 Zimmer und Suiten<\/strong>. Die Luxury Suite bietet einen Whirlpool auf der privaten Terrasse.<\/p>\n\n\n\n<p><strong>Mein absoluter Geheimtipp<\/strong>: Die <strong>Gran Suite<\/strong> ist 70 m\u00b2 gro\u00df und verw\u00f6hnt dich mit einem <strong>privaten Pool im eigenen Garten<\/strong> und Meerblick. Mehr Privatsph\u00e4re geht nicht!<\/p>\n\n\n\n<p>Das kleine Hotel auf Mallorca ist ein <strong>Adults Only Hotel<\/strong> f\u00fcr G\u00e4ste ab 16 Jahren.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"57036\"\r\n            hotel-name=\"Hotel and Beach House Can Simoneta\"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"57036\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"57036\"\r\n                  data-hotel-name=\"Hotel and Beach House Can Simoneta\"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"57036\"\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<h2 class=\"wp-block-heading\">Boutique Hotels in Palma de Mallorca<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">TOP 7: Petit Palace Hotel Tres &#8211; PALMA DE MALLORCA<\/h3>\n\n\n\n<p>Das 4-Sterne <a href=\"https:\/\/www.tui.com\/hotels\/petit-palace-hotel-tres-48135\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Petit Palace Hotel Tres<\/strong><\/a> mit 41 Zimmern und Suiten ist ein <strong>historisches Juwel<\/strong> im pulsierenden Herzen von <a href=\"https:\/\/www.tui.com\/urlaub\/spanien\/mallorca\/palma-de-mallorca\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Palma de Mallorca<\/strong><\/a>. Untergebracht im <strong>pr\u00e4chtigen Herrenhaus Can Mayol<\/strong> aus dem 16. Jahrhundert, verbindet dieses Boutique-Hotel authentischen mallorquinischen Charme mit modernem Komfort. <strong>Mein Geheimtipp<\/strong>: Die Lage im trendigen Viertel La Lonja, umgeben von Restaurants und Cocktail-Bars, ist unschlagbar.<\/p>\n\n\n\n<p>Ein ganz besonderes Highlight ist der&nbsp;<strong>Rooftop-Pool mit atemberaubendem Kathedralenblick<\/strong>, den du auch aus der Sauna genie\u00dft. Der <strong>malerische Innenhof <\/strong>im mallorquinischen Stil l\u00e4dt zum Verweilen ein \u2013 eine Ruheoase mitten im Trubel.<\/p>\n\n\n\n<p>Die&nbsp;<strong>Grand Suite<\/strong>&nbsp;bietet auf 70 Quadratmetern ein separates Schlafzimmer, zwei B\u00e4der, eine <strong>Dachterrasse mit Whirlpool<\/strong> und luxuri\u00f6se Annehmlichkeiten wie Espressomaschine und Badem\u00e4ntel.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"48135\"\r\n            hotel-name=\"Petit Palace Hotel Tres\"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"48135\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"48135\"\r\n                  data-hotel-name=\"Petit Palace Hotel Tres\"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"48135\"\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: Nivia Born Boutique Hotel &#8211; PALMA DE MALLORCA<\/h3>\n\n\n\n<p>Das <strong><a href=\"https:\/\/www.tui.com\/hotels\/nivia-born-boutique-hotel-1282227\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Nivia Born Boutique Hotel<\/a> <\/strong>vereint authentischen Luxus mit mallorquinischem Flair im Herzen Palmas. Direkt am prestigetr\u00e4chtigen <strong>Passeig del Borne<\/strong> gelegen und nur wenige Meter von der Kathedrale entfernt, empf\u00e4ngt dich dieses 5-Sterne-Boutique-Hotel mit <strong>zeitlosem Design<\/strong> und durchdachter Eleganz.<\/p>\n\n\n\n<p>Das Hotel bietet dir&nbsp;<strong>24 exklusive Zimmer und Suiten<\/strong>&nbsp;verteilt auf acht Etagen: von komfortablen Doppelzimmern \u00fcber ger\u00e4umige Junior-Suiten bis zur luxuri\u00f6sen Suite. Alle R\u00e4ume sind Nichtraucherzimmer und versprechen <strong>h\u00f6chsten Komfort in stilvollem Ambiente<\/strong>.<\/p>\n\n\n\n<p>Besonders hervorzuheben ist die&nbsp;<strong>innovative Gastronomie<\/strong>: Lokale K\u00fcchenchefs kreieren hier mit <strong>regionalen Bio-Produkten<\/strong> au\u00dfergew\u00f6hnliche Gerichte, die traditionelle Rezepte mit avantgardistischen Einfl\u00fcssen verbinden. Jedes Men\u00fc ist eine kulinarische Entdeckungsreise durch Mallorca.<\/p>\n\n\n\n<p>Im Nivia Born Boutique Hotel erlebst du <strong>Luxus in seiner authentischsten Form<\/strong> \u2013 mitten in Palmas pulsierendem Zentrum.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"1282227\"\r\n            hotel-name=\"Nivia Born Boutique Hotel\"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"1282227\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"1282227\"\r\n                  data-hotel-name=\"Nivia Born Boutique 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=\"7\"                    giata-id=\"1282227\"\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: Sant Francesc Hotel Singular &#8211; PALMA DE MALLORCA<\/h3>\n\n\n\n<p>Ebenfalls in der Hauptstadt Mallorcas befindet sich das 5-Sterne <a href=\"https:\/\/www.tui.com\/hotels\/sant-francesc-hotel-singular-413037\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Sant Francesc Hotel Singular<\/strong><\/a>. Das charmante Herrenhaus im <strong>neoklassizistischen Stil des 19. Jahrhunderts<\/strong> verf\u00fcgt \u00fcber 42 Zimmer und Suiten, von welchen aus du traumhafte Aussichten auf den Garten, den Platz Sant Francesc und den sch\u00f6nen Innenhof genie\u00dfen kannst. Die Einrichtung ist <strong>elegant, modern und chic<\/strong> und bietet alles, was das Herz begehrt: von Nespresso-Kaffeemaschine \u00fcber Premium-Schlafmatratzen, das Angebot von Video-Streaming-Diensten bis hin zur freistehenden Badewanne (je nach Zimmerkategorie unterscheidet sich die Einrichtung).<\/p>\n\n\n\n<p>Einige Zimmer und Suiten sind mit <strong>Holzbalkendecken<\/strong> ausgestattet, andere mit <strong>Fresken und Simswerk<\/strong>. Insgesamt fasziniert die <strong>zeitgen\u00f6ssische Kunst<\/strong>, die im gesamten Boutique Hotel die W\u00e4nde ziert, sowie die <strong>Designerst\u00fccke<\/strong>, die das Sant Francesc Hotel Singular so besonders machen.<\/p>\n\n\n\n<p><strong>Mein Geheimtipp:<\/strong> Besuche die <strong>Rooftop-Bar <\/strong>und genie\u00dfe bei einem Drink den Sonnenuntergang \u00fcber Palmas Altstadt. Im <strong>Pool<\/strong> kannst du morgens deine Bahnen ziehen und beobachten, wie die aufregende Hauptstadt Mallorcas zum Leben erwacht.<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"413037\"\r\n            hotel-name=\"Sant Francesc Hotel Singular\"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"413037\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"413037\"\r\n                  data-hotel-name=\"Sant Francesc Hotel Singular\"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"413037\"\r\n                    show-error-ctas=\"false\"\r\n                    show-tooltip=\"false\"\r\n                    show-sun-spinner\r\n            >\r\n            <\/tui-hotel-best-offer>\r\n            <\/span>\r\n\r\n            <span class=\"best-offer-list__element best-offer-list__element--fallback best-offer-list__element--hidden\">\r\n                <img decoding=\"async\" src=\"https:\/\/static.tui.com\/assets\/v2\/icons\/tui-light\/location-track.svg\" width=\"40\" height=\"40\" alt=\"Icon Best Offer Fallback\" \/>\r\n                <span class=\"best-offer-list__element--headline\">Wir konnten leider kein passendes Angebot finden.<\/span>\r\n                <\/span>\r\n            <\/span>\r\n            <\/tui-image-gallery>\r\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">TOP 10: Summum Boutique Hotel Meli\u00e1 Collection &#8211; PALMA DE MALLORCA<\/h3>\n\n\n\n<p>Das 5-Sterne <strong><a href=\"https:\/\/www.tui.com\/hotels\/summum-boutique-hotel-melia-collection-710006\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Summum Boutique Hotel Meli\u00e0 Collection<\/a> <\/strong>liegt im historischen Zentrum Palmas. Seine Geschichte reicht bis ins <strong>15. Jahrhundert<\/strong> zur\u00fcck, als der Palast Can Berga-Lad\u00e0ria errichtet wurde. 2017 wurde das <strong>ehemalige Herrenhaus<\/strong> komplett renoviert. Jetzt findest du hier einen <strong>Pool auf der Dachterrasse<\/strong> des Boutique Hotels, ein <strong>SPA mit Fitnessraum<\/strong>, eine <strong>schicke Sauna<\/strong> mit Glasfront und kleinem Pool, sowie 18 ganz individuell gestaltete Zimmer und Suiten. Das Highlight erwartet dich in der <strong>Suite Parietti<\/strong>, denn hier findest du eine <strong>bemalte Deckenfreske<\/strong> des K\u00fcnstlers Francesc Parietti vor. So nobel hast du selten gen\u00e4chtigt!<\/p>\n\n\n\n<p>Gelobt werden besonders der <strong>aufmerksame Service<\/strong> des eleganten Boutique Hotels in Palma sowie <strong>die perfekte Lage.<\/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=\"710006\"\r\n            hotel-name=\"Summum Boutique Hotel Meli\u00e1 Collection\"\r\n                            duration=\"7\"                    locale=\"de-DE\"\r\n            data-mode=\"light\"\r\n            data-theme=\"tui-light\"\r\n            data-legacy-font=\"\"\r\n            version=\"2.2.3\">\r\n\r\n        <style>\r\n            body.modal-scroll-fix {\r\n                overflow: hidden;\r\n                height: 100vh;\r\n            }\r\n            body.modal-scroll-fix .image-gallery__slot-a {\r\n                z-index: 10 !important;\r\n            }\r\n            tui-map-consent::part(map-consent) {\r\n                border-radius: var(--border-radius-lafs-elements);\r\n            }\r\n            tui-hotel-map {\r\n                height: 100%;\r\n            }\r\n        <\/style>\r\n\r\n                    <tui-map-consent\r\n                    data-theme=\"tui-light\"\r\n                    data-legacy-font\r\n                    locale=\"de-DE\"\r\n                    version=\"current\"\r\n                    cookie-url=\"https:\/\/www.tui.com\/cookie-hinweis\"\r\n                    privacy-url=\"https:\/\/www.tui.com\/datenschutz\">\r\n            <\/tui-map-consent>\r\n\r\n            <tui-hotel-map\r\n                    id=\"love-at-first-sight-poi\"\r\n                    hotel-id=\"710006\"\r\n                    tenant=\"TUICOM\"\r\n                    locale=\"de-DE\"\r\n                    api-key=\"AIzaSyBwXTpsKTvJ6JFXOEJRrU9qNaup3HNAFpU\"\r\n                    market=\"de\"\r\n                    mode=\"STATIC\"\r\n                    static-map-sizes='[\r\n                    {\"media\":\"(min-width: 960px)\",\"width\":297,\"height\":220},\r\n                    {\"media\":\"(min-width: 580px)\",\"width\":400,\"height\":200},\r\n                    {\"media\":\"(min-width: 0px)\",\"width\":400,\"height\":300}\r\n                ]'\r\n                    style=\"display: none;\">\r\n            <\/tui-hotel-map>\r\n            <\/span>\r\n            <style>\r\n                .best-offer-list {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    background: var(--color-theme-base-400, #c6eafb);\r\n                    padding: var(--space-3, 12px) 0;\r\n                    justify-content: flex-start;\r\n                    font-family: var(--font-family-base);\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list {\r\n                        padding: var(--space-3, 12px);\r\n                    }\r\n                }\r\n                .best-offer-list__heading {\r\n                    font-weight: bold;\r\n                    font-size: 18px;\r\n                    text-align: center;\r\n                    margin-bottom: var(--space-2, 8px);\r\n                    display: none;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__heading {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .best-offer-list__parameters {\r\n                    text-align: center;\r\n                }\r\n                .best-offer-list__parameters:empty {\r\n                    height: 18px;\r\n                    border-radius: 9px;\r\n                    background: #fff aa;\r\n                    width: 70%;\r\n                    margin: auto;\r\n                    display: block;\r\n                }\r\n                .best-offer-list__element--header {\r\n                    order: 2;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--header {\r\n                        order: 1;\r\n                    }\r\n                }\r\n                .best-offer-list__element--offers {\r\n                    order: 1;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    gap: 20px;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--offers {\r\n                        flex-grow: 1;\r\n                        flex-direction: column;\r\n                        order: 2;\r\n                    }\r\n                }\r\n                .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                }\r\n                .best-offer-list__element--inner:first-child::after {\r\n                    background: white;\r\n                    content: ' ';\r\n                    position: absolute;\r\n                    height: 100%;\r\n                    width: 1px;\r\n                    right: -8px;\r\n                    top: 0;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--inner:first-child::after {\r\n                        right: unset;\r\n                        top: unset;\r\n                        bottom: -10px;\r\n                        left: 0%;\r\n                        width: 100%;\r\n                        height: 1px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--fallback {\r\n                    display: grid;\r\n                    height: 100%;\r\n                    place-content: center;\r\n                    text-align: center;\r\n                    place-items: center;\r\n                    gap: var(--space-4, 16px);\r\n                }\r\n                .best-offer-list__element--fallback p {\r\n                    margin: 0;\r\n                }\r\n                .best-offer-list__element--headline {\r\n                    font-size: 24px;\r\n                    font-weight: 700;\r\n                }\r\n                .best-offer-list__element--button {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    padding: 14px 42px;\r\n                    border-radius: 5rem;\r\n                    font-size: 16px;\r\n                    font-family: Ambit, sans-serif;\r\n                    font-weight: 500;\r\n                }\r\n                @media (min-width: 580px) {\r\n                    .best-offer-list__element--button {\r\n                        padding: 8px 32px;\r\n                        margin-top: 40px;\r\n                    }\r\n                }\r\n                .best-offer-list__element--button:hover, .best-offer-list__element--button:visited, .best-offer-list__element--button:active, .best-offer-list__element--button:focus {\r\n                    background: #1b115c;\r\n                    color: white;\r\n                    text-decoration: none;\r\n                }\r\n                .best-offer-list__element--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-list--block {\r\n                    display: block;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--offers {\r\n                    display: block;\r\n                    height: 100%;\r\n                    padding: 0;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner {\r\n                    padding: 0;\r\n                    display: block;\r\n                    height: 100%;\r\n                }\r\n                .best-offer-list--block .best-offer-list__element--inner:first-child::after {\r\n                    all: unset;\r\n                }\r\n                .best-offer-list--hidden {\r\n                    display: none;\r\n                }\r\n                .best-offer-loading {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    display: grid;\r\n                    place-items: center;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    background-color: var(--color-theme-base-400, #c6eafb);\r\n                    z-index: 1;\r\n                    color: var(--color-theme-variant, #1b115c);\r\n                    font-weight: bold;\r\n                    font-size: var(--font-size-medium, 18px);\r\n                }\r\n                .best-offer-loading img {\r\n                    animation: rotate infinite ease-in-out 5s;\r\n                }\r\n                @keyframes rotate {\r\n                    0% {\r\n                        transform: rotate(0);\r\n                    }\r\n                    50% {\r\n                        transform: rotate(180deg);\r\n                    }\r\n                    100% {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            <\/style>\r\n\r\n            <script>\r\n                \/\/ Track instances and offers\r\n                let initializedInstancesCount = 0;\r\n                let renderedInstancesCount = 0;\r\n                let hasValidOffer = false;\r\n\r\n                \/\/ Find all image galleries\r\n                const imageGalleries = document.querySelectorAll('tui-image-gallery');\r\n\r\n                \/\/ Function to update UI for a specific image gallery\r\n                const updateUI = (imageGallery) => {\r\n                    const giataId = imageGallery.getAttribute('giata-id');\r\n\r\n                    \/\/ Hide loading spinner\r\n                    const loadingElement = imageGallery.querySelector('.best-offer-loading');\r\n                    if (loadingElement) {\r\n                        loadingElement.style.display = 'none';\r\n                    }\r\n\r\n                    \/\/ Show\/hide offers and fallback based on hasValidOffer\r\n                    const offersElement = imageGallery.querySelector('.best-offer-list__element--offers');\r\n                    const fallbackElement = imageGallery.querySelector('.best-offer-list__element--fallback');\r\n\r\n                    const showOffers = hasValidOffer && offersElement;\r\n                    const showFallback = !hasValidOffer && fallbackElement;\r\n\r\n                    if (showOffers) {\r\n                        offersElement.style.display = 'flex';\r\n                        fallbackElement.style.display = 'none';\r\n                    } else if (showFallback) {\r\n                        offersElement.style.display = 'none';\r\n                        fallbackElement.style.display = 'grid';\r\n                    }\r\n                };\r\n\r\n                \/\/ Listen for instance initialized events\r\n                document.addEventListener('tui-hotel-best-offer.instance-initialized', (event) => {\r\n                    initializedInstancesCount++;\r\n                });\r\n\r\n                \/\/ Listen for instance rendered events\r\n                document.addEventListener('tui-hotel-best-offer.instance-rendered', (event) => {\r\n                    renderedInstancesCount++;\r\n\r\n                    \/\/ Check if we have a valid offer\r\n                    if (event.detail && event.detail.hotelOffer && event.detail.hotelOffer.priceAmountPerPerson) {\r\n                        hasValidOffer = true;\r\n                    }\r\n\r\n                    \/\/ Update UI for all image galleries when all instances are rendered\r\n                    if (renderedInstancesCount === initializedInstancesCount) {\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n\r\n                    \/\/ Set the CTA for the offer on Render\r\n                    const { hotelOffer, searchParameters, hotelName } = event.detail;\r\n\r\n                    if (!hotelOffer || !searchParameters) {\r\n                        console.warn('No offer details available in event');\r\n                        return;\r\n                    }\r\n\r\n                    const getDomainFromTenant = (tenant) => {\r\n                        const tenantDomainMap = {\r\n                            'TUICOM': 'www.tui.com',\r\n                            'TUIAT': 'www.tui.at',\r\n                            'TUICH': 'www.tui.ch',\r\n                        };\r\n\r\n                        return tenantDomainMap[tenant] || 'www.tui.com';\r\n                    };\r\n\r\n                    const generateScopedUrl = (params) => {\r\n                        const baseUrl = encodeURI(`https:\/\/${getDomainFromTenant(params.tenant)}\/suchen\/angebote\/${hotelName}\/${params.hotel.giata}\/`); \/\/ Base URL for offer details\r\n                        const queryParams = new URLSearchParams({\r\n                            startDate: params.startDate,\r\n                            endDate: params.endDate,\r\n                            duration: params.durations,\r\n                            searchScope: params.scope,\r\n                        });\r\n                        return `${baseUrl}?${queryParams.toString()}`;\r\n                    };\r\n\r\n                    const url = generateScopedUrl(searchParameters);\r\n                    event.detail.setCallToActionUrl(url)\r\n                });\r\n\r\n                \/\/ Fallback timeout - if no events are received within 10 seconds\r\n                setTimeout(() => {\r\n                    if (renderedInstancesCount === 0) {\r\n                        hasValidOffer = false;\r\n                        imageGalleries.forEach(updateUI);\r\n                    }\r\n                }, 10000);\r\n            <\/script>\r\n\r\n            <span slot=\"slot-b\" class=\"best-offer-list\">\r\n            <span class=\"best-offer-attributes\"\r\n                                             data-duration=\"7\"                              data-giata-id=\"710006\"\r\n                  data-hotel-name=\"Summum Boutique Hotel Meli\u00e1 Collection\"><\/span>\r\n            <span class=\"best-offer-list__element best-offer-list__element--offers\">\r\n            <tui-hotel-best-offer\r\n                    slot=\"slot-b\"\r\n                    scope=\"HOTEL,PACKAGE\"\r\n                    tenant=\"TUICOM\"\r\n                    variant=\"micro\"\r\n                    brand=\"tui\"\r\n                    theme=\"tui-light\"\r\n                    locale=\"de-DE\"\r\n                    price-type=\"per_person\"\r\n                                                 durations=\"7\"                    giata-id=\"710006\"\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>Das waren unsere TOP 10 Boutique Hotels auf <a href=\"https:\/\/www.tui.com\/hotels\/spanien\/mallorca\/\" target=\"_blank\" rel=\"noreferrer noopener\">Mallorca<\/a> \u2764\ufe0f. Du m\u00f6chtest noch mehr Inspiration zu ganz besonderen Hotels?<\/strong>:<\/p>\n\n\n    <div class=\"toparticle-item toparticle-block\">\r\n        <div class=\"row\">\r\n                            <article class=\"toparticle\" style=\"background-image: url('https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2017\/04\/beste-hotels-mallorca-the-sea-by-grupotel.jpg')\" role=\"img\" aria-label=\"Die besten Hotels auf Mallorca\">\r\n                    <a href=\"https:\/\/www.tui.com\/blog\/die-top-10-besten-mallorca-hotels\/\" target=\"https:\/\/www.tui.com\/blog\/die-top-10-besten-mallorca-hotels\/\" class=\"toparticle-gradient\" aria-label=\"Top Article Link\"><\/a>\r\n                                            <div class=\"toparticle-panel \">\r\n                            <p class=\"toparticle-title\">Die besten Hotels auf Mallorca<\/p>\r\n                            <p class=\"toparticle-subtitle\">Unsere TOP 15<\/p>                        <\/div>\r\n                                    <\/article>\r\n                            <article class=\"toparticle\" style=\"background-image: url('https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2025\/05\/mallorca_erwachsenenhotels_adobestock_122415048_wilm_ihlenfeld.jpg')\" role=\"img\" aria-label=\"Erwachsenenhotels auf Mallorca\">\r\n                    <a href=\"https:\/\/www.tui.com\/blog\/unsere-top-10-erwachsenenhotels-auf-mallorca\/\" target=\"https:\/\/www.tui.com\/blog\/unsere-top-10-erwachsenenhotels-auf-mallorca\/\" class=\"toparticle-gradient\" aria-label=\"Top Article Link\"><\/a>\r\n                                            <div class=\"toparticle-panel \">\r\n                            <p class=\"toparticle-title\">Erwachsenenhotels auf Mallorca<\/p>\r\n                            <p class=\"toparticle-subtitle\">Unsere TOP 10<\/p>                        <\/div>\r\n                                    <\/article>\r\n                    <\/div>\r\n    <\/div>\r\n\n\n\n<p>Auf tui.com findest du au\u00dferdem weitere <strong><a href=\"https:\/\/www.tui.com\/wundervolle-hotels\/\" target=\"_blank\" rel=\"noreferrer noopener\">wundervolle Hotels<\/a> <\/strong>mit ganz viel Flair und die sch\u00f6nsten <a href=\"https:\/\/www.tui.com\/boutiquehotels\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Boutiquehotels<\/strong> <\/a>weltweit.<\/p>\n\n\n\n<h2 class=\"gb-text\">Wichtige Fragen zu Boutique Hotels Mallorca<\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1773139922546\"><strong class=\"schema-faq-question\">Was genau ist ein Boutique Hotel?<\/strong> <p class=\"schema-faq-answer\">Ein Boutique Hotel ist ein kleines, individuelles Hotel mit besonderem Charakter \u2013 meist mit weniger als 100 Zimmern. Im Gegensatz zu gro\u00dfen Hotelketten erwartet dich hier ein einzigartiges Design, pers\u00f6nlicher Service und eine besondere Atmosph\u00e4re. Oft sind Boutique Hotels in historischen Geb\u00e4uden wie Herrenh\u00e4usern oder Stadtpal\u00e4sten untergebracht und liebevoll mit Designerst\u00fccken und Kunstwerken ausgestattet. Jedes Zimmer ist individuell gestaltet, und der Fokus liegt auf Exklusivit\u00e4t statt Massentourismus. Perfekt f\u00fcr dich, wenn du authentische Erlebnisse und stilvolles Ambiente suchst!<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1773139929096\"><strong class=\"schema-faq-question\">Haben Boutique Hotels auf Mallorca einen Pool?<\/strong> <p class=\"schema-faq-answer\">Ja, viele Boutique Hotels auf Mallorca verf\u00fcgen \u00fcber einen Pool \u2013 oft sogar mit besonderem Flair! Besonders beliebt sind stylische Rooftop-Pools mit spektakul\u00e4rem Ausblick \u00fcber Palmas Altstadt oder die Kathedrale. In historischen Stadth\u00e4usern findest du h\u00e4ufig kleinere, aber exklusive Pools in malerischen Innenh\u00f6fen. Nicht jedes Boutique Hotel bietet einen Pool, da viele in denkmalgesch\u00fctzten Geb\u00e4uden untergebracht sind. Daf\u00fcr punkten sie mit individueller Atmosph\u00e4re und erstklassigem Service. Tipp: Achte bei der Buchung auf die Ausstattungsmerkmale \u2013 so findest du garantiert dein perfektes Boutique Hotel mit Pool!<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1773139929964\"><strong class=\"schema-faq-question\">Gibt es Adults-only Boutique Hotels auf Mallorca?<\/strong> <p class=\"schema-faq-answer\">Ja, auf Mallorca findest du zahlreiche Adults-only Boutique Hotels \u2013 perfekt f\u00fcr einen entspannten Urlaub zu zweit oder mit Freunden! Besonders in Palma und an der K\u00fcste bieten viele exklusive Boutique Hotels eine ruhige Atmosph\u00e4re nur f\u00fcr Erwachsene. Hier genie\u00dft du ungest\u00f6rte Ruhe am Pool, romantische Rooftop-Bars und stilvolles Ambiente ohne Kindertrubel. Die meisten Adults-only Boutique Hotels richten sich an G\u00e4ste ab 16 oder 18 Jahren und legen besonderen Wert auf Wellness, Gastronomie und pers\u00f6nlichen Service. Ideal, wenn du Erholung und Exklusivit\u00e4t suchst!<\/p> <\/div> <\/div>\n\n\n\n<h2 class=\"gb-text\">Boutique Hotels Mallorca Karte<\/h2>\n\n\n<p><iframe src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1A36Q2mai6FxpZ1Uj_FR0sDYu5HlE3cg&#038;ehbc=2E312F\" width=\"640\" height=\"480\"><\/iframe><\/p>\n\n\n<div class=\"container !max-w-5xl\">\r\n    <div class=\"my-16 lg:my-32\">\r\n        <tui-hotel-offer-cards\r\n                class=\"tui-component \"\r\n                scope=\"hotelOfferCards6m-block_89ac3d7eecf5db78d2695abc0d7fd5a0\"\r\n                show-information=\"false\"\r\n                data-stencil=\"true\"\r\n                data-version=\"v2\"\r\n                data-theme=\"tui-light\"\r\n                open-in-new-tab=\"true\"\r\n                tenant=\"TUICOM\"\r\n                locale=\"de-DE\"\r\n                search-scope=\"HOTEL\"\r\n                data-legacy-font\r\n                show-price-advantage=\"true\"filter-giata-codes=\"595383, 863664, 890062, 335028, 63934, 57036, 48135, 1282227, 413037, 710006\"show-cards-carousel=\"true\"show-brand=\"true\"show-board-type=\"true\"show-banderole=\"true\"show-board-type=\"false\"show-room-type=\"true\"show-category=\"true\"show-heart=\"false\"show-image-carousel=\"false\"price-type=\"per_person\"show-recommendation=\"true\"static-url-parameters=\"contentid=blog_klein&#038;schickdarfessein?unseretop10sch\u00f6nstenboutiquehotelsaufmallorca_hotelcards_mallorca_202603\"filter-results-total=\"10\"filter-min-price=\"1\"variant=\"medium\"search-duration=\"7\"search-departure-date=\"2026-05-24\"search-return-date=\"2026-08-22\"        ><\/tui-hotel-offer-cards>\r\n\r\n    <\/div>\r\n<\/div>\r\n\n\n<div class=\"destination-info\"><div class=\"heading\"><h3>Angebote zur Reiseplanung: Mallorca<\/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\/spanien\/mallorca\/\" target=\"_blank\">Mallorca 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\/spanien\/mallorca\/\" target=\"_blank\">Mallorca 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\/mallorca\/\" target=\"_blank\">Flug nach Mallorca<\/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\/mallorca\/\" target=\"_blank\">Last Minute Mallorca<\/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\/spanien\/mallorca\/\" target=\"_blank\">Pauschalreise f\u00fcr Mallorca<\/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\/spanien\/mallorca\/\" target=\"_blank\">Mietwagen Mallorca<\/a>\r\n                <\/li><li class=\"ausfluege-link\">\r\n                    <svg version=\"1.1\" id=\"Capa_2_00000031904721991845961360000005010559912404499335_\"\r\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 427.8 427.8\"\r\n                         style=\"enable-background:new 0 0 427.8 427.8;\" xml:space=\"preserve\" height=\"1.2em\" width=\"1.2em\">\r\n                    <style type=\"text\/css\">\r\n                        .st0{fill:#1B115C;}\r\n                    <\/style>\r\n                    <g id=\"Capa_1-2\">\r\n                        <g>\r\n                            <path class=\"st0\" d=\"M365.1,62.7C324.7,22.2,271,0,213.9,0S103,22.2,62.7,62.7C22.2,103,0,156.8,0,213.9s22.2,110.8,62.7,151.2\r\n                                s94.1,62.6,151.2,62.6s110.8-22.2,151.2-62.6s62.6-94.1,62.6-151.2S405.5,103.1,365.1,62.7z M213.9,410.8\r\n                                C105.3,410.8,17,322.4,17,213.9S105.3,17,213.9,17s196.9,88.3,196.9,196.9S322.5,410.8,213.9,410.8L213.9,410.8z\"\/>\r\n                            <path class=\"st0\" d=\"M357.2,249.5l-64-42.6c-1.4-0.9-3-1.4-4.7-1.4h-65.6v-25.6h86.9c4.7,0,8.5-3.8,8.5-8.5V86\r\n                                c0-4.7-3.8-8.5-8.5-8.5h-86.9V64.7c0-4.7-3.8-8.5-8.5-8.5s-8.5,3.8-8.5,8.5v12.8h-66.7c-1.7,0-3.3,0.5-4.7,1.4l-64,42.6\r\n                                c-2.4,1.6-3.8,4.2-3.8,7.1c0,2.8,1.4,5.5,3.8,7.1l64,42.6c1.4,0.9,3,1.4,4.7,1.4h66.7v25.6h-88c-4.7,0-8.5,3.8-8.5,8.5v85.3\r\n                                c0,4.7,3.8,8.5,8.5,8.5h87.4v47h-34.1c-4.7,0-8.5,3.8-8.5,8.5s3.8,8.5,8.5,8.5h85.3c4.7,0,8.5-3.8,8.5-8.5s-3.8-8.5-8.5-8.5h-34.1\r\n                                v-47h66.1c1.7,0,3.3-0.5,4.7-1.4l64-42.6c2.4-1.6,3.8-4.2,3.8-7.1S359.6,251,357.2,249.5L357.2,249.5z M90.6,128.6l51.2-34.1\r\n                                h159.5v68.3H141.8L90.6,128.6L90.6,128.6z M285.9,290.7H126.4v-68.3h159.5l51.2,34.1L285.9,290.7L285.9,290.7z\"\/>\r\n                        <\/g>\r\n                    <\/g>\r\n                    <\/svg>\r\n                    <a href=\"https:\/\/www.tui.com\/ausfluege\/mallorca\/\" target=\"_blank\">Ausfl\u00fcge Mallorca<\/a>\r\n                <\/li><\/ul><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Mallorca soll dein n\u00e4chstes Reiseziel sein? \u00dcbernachten willst du aber nicht bei einer gro\u00dfen Hotelkette, sondern im schicken, kleinen Hotel? Dann stellen wir dir hier die TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca vor, deren Charme dich mit Sicherheit \u00fcberzeugen wird &#8211; inklusive Geheimtipps!<\/p>\n","protected":false},"author":93,"featured_media":501900,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4072,4030,4032],"tags":[935,2808,602,596,9,41],"class_list":["post-177034","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archiv-reiseplanung","category-archiv-reiseziele","category-archiv-spanien","tag-aussergewoehnliche-hotels","tag-boutiquehotel","tag-hoteltipps","tag-luxus","tag-mallorca","tag-palma-de-mallorca"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Luxus pur! Die 10 sch\u00f6nsten Boutique Hotels auf Mallorca<\/title>\n<meta name=\"description\" content=\"Klein, individuell und luxuri\u00f6s soll es sein? Wir zeigen dir unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca, inklusive Karte!\" \/>\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\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Luxus pur! Die 10 sch\u00f6nsten Boutique Hotels auf Mallorca\" \/>\n<meta property=\"og:description\" content=\"Klein, individuell und luxuri\u00f6s soll es sein? Wir zeigen dir unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca, inklusive Karte!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/\" \/>\n<meta property=\"og:site_name\" content=\"TUI.com Reiseblog \u2600\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-27T10:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T10:00:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/boutique-hotels-mallorca-beitragsbild-adobestock-445139749-karelnoppe.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Miriam P\u00f6schel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@blogadm\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Miriam P\u00f6schel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"15\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/\"},\"author\":{\"name\":\"Miriam P\u00f6schel\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#\\\/schema\\\/person\\\/6a59d7c2e04a0e2a8f547f4b8ad82764\"},\"headline\":\"Klein &#038; schick darf es sein? Unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca\",\"datePublished\":\"2026-04-27T10:00:00+00:00\",\"dateModified\":\"2026-04-27T10:00:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/\"},\"wordCount\":1855,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/boutique-hotels-mallorca-beitragsbild-adobestock-445139749-karelnoppe.jpg\",\"keywords\":[\"au\u00dfergew\u00f6hnliche Hotels\",\"Boutiquehotel\",\"Hoteltipps\",\"Luxus\",\"Mallorca\",\"Palma de Mallorca\"],\"articleSection\":[\"Reiseplanung\",\"Reiseziele\",\"Spanien\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/\",\"name\":\"Luxus pur! Die 10 sch\u00f6nsten Boutique Hotels auf Mallorca\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/boutique-hotels-mallorca-beitragsbild-adobestock-445139749-karelnoppe.jpg\",\"datePublished\":\"2026-04-27T10:00:00+00:00\",\"dateModified\":\"2026-04-27T10:00:05+00:00\",\"description\":\"Klein, individuell und luxuri\u00f6s soll es sein? Wir zeigen dir unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca, inklusive Karte!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#faq-question-1773139922546\"},{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#faq-question-1773139929096\"},{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#faq-question-1773139929964\"}],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/boutique-hotels-mallorca-beitragsbild-adobestock-445139749-karelnoppe.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/boutique-hotels-mallorca-beitragsbild-adobestock-445139749-karelnoppe.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Blick auf eine h\u00f6lzerne Terrasse mit Sonnenschirm, zwei modernen Liegen, Pool, einer hellen Sitzecke, blaues Meer im Hintergrund\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Klein &#038; schick darf es sein? Unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/\",\"name\":\"TUI.com Reiseblog \u2600\",\"description\":\"Abenteuer oder lieber an den Strand? \u2600 Der TUI Reiseblog bietet tolle Infos rund um deine n\u00e4chste Reise \u2708 Komm vorbei und lass dich inspirieren \u221a\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#organization\",\"name\":\"TUI.com Reiseblog \u2600\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/cropped-tui-logo-3.png\",\"contentUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/cropped-tui-logo-3.png\",\"width\":164,\"height\":72,\"caption\":\"TUI.com Reiseblog \u2600\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#\\\/schema\\\/person\\\/6a59d7c2e04a0e2a8f547f4b8ad82764\",\"name\":\"Miriam P\u00f6schel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/miriam-profilbild-klein-200x180.jpg\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/miriam-profilbild-klein-200x180.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/miriam-profilbild-klein-200x180.jpg\",\"caption\":\"Miriam P\u00f6schel\"},\"description\":\"Raus in die Welt und aus der Komfortzone!\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/blogadm\"],\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/author\\\/miriam\\\/\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#faq-question-1773139922546\",\"position\":1,\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#faq-question-1773139922546\",\"name\":\"Was genau ist ein Boutique Hotel?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ein Boutique Hotel ist ein kleines, individuelles Hotel mit besonderem Charakter \u2013 meist mit weniger als 100 Zimmern. Im Gegensatz zu gro\u00dfen Hotelketten erwartet dich hier ein einzigartiges Design, pers\u00f6nlicher Service und eine besondere Atmosph\u00e4re. Oft sind Boutique Hotels in historischen Geb\u00e4uden wie Herrenh\u00e4usern oder Stadtpal\u00e4sten untergebracht und liebevoll mit Designerst\u00fccken und Kunstwerken ausgestattet. Jedes Zimmer ist individuell gestaltet, und der Fokus liegt auf Exklusivit\u00e4t statt Massentourismus. Perfekt f\u00fcr dich, wenn du authentische Erlebnisse und stilvolles Ambiente suchst!\",\"inLanguage\":\"de\"},\"inLanguage\":\"de\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#faq-question-1773139929096\",\"position\":2,\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#faq-question-1773139929096\",\"name\":\"Haben Boutique Hotels auf Mallorca einen Pool?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja, viele Boutique Hotels auf Mallorca verf\u00fcgen \u00fcber einen Pool \u2013 oft sogar mit besonderem Flair! Besonders beliebt sind stylische Rooftop-Pools mit spektakul\u00e4rem Ausblick \u00fcber Palmas Altstadt oder die Kathedrale. In historischen Stadth\u00e4usern findest du h\u00e4ufig kleinere, aber exklusive Pools in malerischen Innenh\u00f6fen. Nicht jedes Boutique Hotel bietet einen Pool, da viele in denkmalgesch\u00fctzten Geb\u00e4uden untergebracht sind. Daf\u00fcr punkten sie mit individueller Atmosph\u00e4re und erstklassigem Service. Tipp: Achte bei der Buchung auf die Ausstattungsmerkmale \u2013 so findest du garantiert dein perfektes Boutique Hotel mit Pool!\",\"inLanguage\":\"de\"},\"inLanguage\":\"de\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#faq-question-1773139929964\",\"position\":3,\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-schoensten-boutique-hotels-auf-mallorca\\\/#faq-question-1773139929964\",\"name\":\"Gibt es Adults-only Boutique Hotels auf Mallorca?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja, auf Mallorca findest du zahlreiche Adults-only Boutique Hotels \u2013 perfekt f\u00fcr einen entspannten Urlaub zu zweit oder mit Freunden! Besonders in Palma und an der K\u00fcste bieten viele exklusive Boutique Hotels eine ruhige Atmosph\u00e4re nur f\u00fcr Erwachsene. Hier genie\u00dft du ungest\u00f6rte Ruhe am Pool, romantische Rooftop-Bars und stilvolles Ambiente ohne Kindertrubel. Die meisten Adults-only Boutique Hotels richten sich an G\u00e4ste ab 16 oder 18 Jahren und legen besonderen Wert auf Wellness, Gastronomie und pers\u00f6nlichen Service. Ideal, wenn du Erholung und Exklusivit\u00e4t suchst!\",\"inLanguage\":\"de\"},\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Luxus pur! Die 10 sch\u00f6nsten Boutique Hotels auf Mallorca","description":"Klein, individuell und luxuri\u00f6s soll es sein? Wir zeigen dir unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca, inklusive Karte!","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\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/","og_locale":"de_DE","og_type":"article","og_title":"Luxus pur! Die 10 sch\u00f6nsten Boutique Hotels auf Mallorca","og_description":"Klein, individuell und luxuri\u00f6s soll es sein? Wir zeigen dir unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca, inklusive Karte!","og_url":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/","og_site_name":"TUI.com Reiseblog \u2600","article_published_time":"2026-04-27T10:00:00+00:00","article_modified_time":"2026-04-27T10:00:05+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/boutique-hotels-mallorca-beitragsbild-adobestock-445139749-karelnoppe.jpg","type":"image\/jpeg"}],"author":"Miriam P\u00f6schel","twitter_card":"summary_large_image","twitter_creator":"@blogadm","twitter_misc":{"Verfasst von":"Miriam P\u00f6schel","Gesch\u00e4tzte Lesezeit":"15\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#article","isPartOf":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/"},"author":{"name":"Miriam P\u00f6schel","@id":"https:\/\/www.tui.com\/blog\/#\/schema\/person\/6a59d7c2e04a0e2a8f547f4b8ad82764"},"headline":"Klein &#038; schick darf es sein? Unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca","datePublished":"2026-04-27T10:00:00+00:00","dateModified":"2026-04-27T10:00:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/"},"wordCount":1855,"commentCount":2,"publisher":{"@id":"https:\/\/www.tui.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/boutique-hotels-mallorca-beitragsbild-adobestock-445139749-karelnoppe.jpg","keywords":["au\u00dfergew\u00f6hnliche Hotels","Boutiquehotel","Hoteltipps","Luxus","Mallorca","Palma de Mallorca"],"articleSection":["Reiseplanung","Reiseziele","Spanien"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/","url":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/","name":"Luxus pur! Die 10 sch\u00f6nsten Boutique Hotels auf Mallorca","isPartOf":{"@id":"https:\/\/www.tui.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#primaryimage"},"image":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/boutique-hotels-mallorca-beitragsbild-adobestock-445139749-karelnoppe.jpg","datePublished":"2026-04-27T10:00:00+00:00","dateModified":"2026-04-27T10:00:05+00:00","description":"Klein, individuell und luxuri\u00f6s soll es sein? Wir zeigen dir unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca, inklusive Karte!","breadcrumb":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#faq-question-1773139922546"},{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#faq-question-1773139929096"},{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#faq-question-1773139929964"}],"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#primaryimage","url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/boutique-hotels-mallorca-beitragsbild-adobestock-445139749-karelnoppe.jpg","contentUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/boutique-hotels-mallorca-beitragsbild-adobestock-445139749-karelnoppe.jpg","width":1920,"height":1080,"caption":"Blick auf eine h\u00f6lzerne Terrasse mit Sonnenschirm, zwei modernen Liegen, Pool, einer hellen Sitzecke, blaues Meer im Hintergrund"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.tui.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Klein &#038; schick darf es sein? Unsere TOP 10 sch\u00f6nsten Boutique Hotels auf Mallorca"}]},{"@type":"WebSite","@id":"https:\/\/www.tui.com\/blog\/#website","url":"https:\/\/www.tui.com\/blog\/","name":"TUI.com Reiseblog \u2600","description":"Abenteuer oder lieber an den Strand? \u2600 Der TUI Reiseblog bietet tolle Infos rund um deine n\u00e4chste Reise \u2708 Komm vorbei und lass dich inspirieren \u221a","publisher":{"@id":"https:\/\/www.tui.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tui.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.tui.com\/blog\/#organization","name":"TUI.com Reiseblog \u2600","url":"https:\/\/www.tui.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.tui.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/cropped-tui-logo-3.png","contentUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/cropped-tui-logo-3.png","width":164,"height":72,"caption":"TUI.com Reiseblog \u2600"},"image":{"@id":"https:\/\/www.tui.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.tui.com\/blog\/#\/schema\/person\/6a59d7c2e04a0e2a8f547f4b8ad82764","name":"Miriam P\u00f6schel","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2016\/11\/miriam-profilbild-klein-200x180.jpg","url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2016\/11\/miriam-profilbild-klein-200x180.jpg","contentUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2016\/11\/miriam-profilbild-klein-200x180.jpg","caption":"Miriam P\u00f6schel"},"description":"Raus in die Welt und aus der Komfortzone!","sameAs":["https:\/\/x.com\/blogadm"],"url":"https:\/\/www.tui.com\/blog\/author\/miriam\/"},{"@type":"Question","@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#faq-question-1773139922546","position":1,"url":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#faq-question-1773139922546","name":"Was genau ist ein Boutique Hotel?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Ein Boutique Hotel ist ein kleines, individuelles Hotel mit besonderem Charakter \u2013 meist mit weniger als 100 Zimmern. Im Gegensatz zu gro\u00dfen Hotelketten erwartet dich hier ein einzigartiges Design, pers\u00f6nlicher Service und eine besondere Atmosph\u00e4re. Oft sind Boutique Hotels in historischen Geb\u00e4uden wie Herrenh\u00e4usern oder Stadtpal\u00e4sten untergebracht und liebevoll mit Designerst\u00fccken und Kunstwerken ausgestattet. Jedes Zimmer ist individuell gestaltet, und der Fokus liegt auf Exklusivit\u00e4t statt Massentourismus. Perfekt f\u00fcr dich, wenn du authentische Erlebnisse und stilvolles Ambiente suchst!","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#faq-question-1773139929096","position":2,"url":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#faq-question-1773139929096","name":"Haben Boutique Hotels auf Mallorca einen Pool?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Ja, viele Boutique Hotels auf Mallorca verf\u00fcgen \u00fcber einen Pool \u2013 oft sogar mit besonderem Flair! Besonders beliebt sind stylische Rooftop-Pools mit spektakul\u00e4rem Ausblick \u00fcber Palmas Altstadt oder die Kathedrale. In historischen Stadth\u00e4usern findest du h\u00e4ufig kleinere, aber exklusive Pools in malerischen Innenh\u00f6fen. Nicht jedes Boutique Hotel bietet einen Pool, da viele in denkmalgesch\u00fctzten Geb\u00e4uden untergebracht sind. Daf\u00fcr punkten sie mit individueller Atmosph\u00e4re und erstklassigem Service. Tipp: Achte bei der Buchung auf die Ausstattungsmerkmale \u2013 so findest du garantiert dein perfektes Boutique Hotel mit Pool!","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#faq-question-1773139929964","position":3,"url":"https:\/\/www.tui.com\/blog\/unsere-top-schoensten-boutique-hotels-auf-mallorca\/#faq-question-1773139929964","name":"Gibt es Adults-only Boutique Hotels auf Mallorca?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Ja, auf Mallorca findest du zahlreiche Adults-only Boutique Hotels \u2013 perfekt f\u00fcr einen entspannten Urlaub zu zweit oder mit Freunden! Besonders in Palma und an der K\u00fcste bieten viele exklusive Boutique Hotels eine ruhige Atmosph\u00e4re nur f\u00fcr Erwachsene. Hier genie\u00dft du ungest\u00f6rte Ruhe am Pool, romantische Rooftop-Bars und stilvolles Ambiente ohne Kindertrubel. Die meisten Adults-only Boutique Hotels richten sich an G\u00e4ste ab 16 oder 18 Jahren und legen besonderen Wert auf Wellness, Gastronomie und pers\u00f6nlichen Service. Ideal, wenn du Erholung und Exklusivit\u00e4t suchst!","inLanguage":"de"},"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/177034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/users\/93"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/comments?post=177034"}],"version-history":[{"count":144,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/177034\/revisions"}],"predecessor-version":[{"id":503362,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/177034\/revisions\/503362"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/media\/501900"}],"wp:attachment":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/media?parent=177034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/categories?post=177034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/tags?post=177034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}