{"id":189796,"date":"2026-04-15T12:00:00","date_gmt":"2026-04-15T10:00:00","guid":{"rendered":"https:\/\/blog.tui.info\/unsere-top-all-inclusive-hotels-in-oesterreich\/"},"modified":"2026-04-15T12:00:55","modified_gmt":"2026-04-15T10:00:55","slug":"unsere-top-all-inclusive-hotels-in-oesterreich","status":"publish","type":"post","link":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/","title":{"rendered":"Unsere TOP 10 All Inclusive Hotels in \u00d6sterreich"},"content":{"rendered":"\n<div><\/div>\n\n\n<p class=\"firstTextGrey\">Du m\u00f6chtest einmal so richtig die Seele baumeln lassen? Dir um nichts Gedanken machen m\u00fcssen und einfach deinen Urlaub genie\u00dfen? Kommt sofort! Denn das geht nicht nur in der Ferne, sondern nat\u00fcrlich auch in \u00d6sterreich. Mit den sch\u00f6nsten All Inclusive Hotels in \u00d6sterreich gibt es keine verstecken Extrakosten. Besonders f\u00fcr Familien ein nicht unwichtiges Thema. Buchen und rundum sorglos sein &#8211; mehr geht nicht! Wir stellen dir die TOP 10 All Inclusive Hotels in \u00d6sterreich vor.<\/p>\n\n\n<p><strong>All Inclusive Urlaub<\/strong> in<a href=\"https:\/\/www.tui.com\/urlaub\/oesterreich\/\" type=\"link\" id=\"https:\/\/www.tui.com\/urlaub\/oesterreich\/\"> \u00d6sterreich<\/a>? Klingt im ersten Moment vielleicht ungew\u00f6hnlich, ist aber l\u00e4ngst kein Geheimtipp mehr. Statt klassischem Hotelurlaub erwartet dich hier eine entspannte Auszeit mit Rundum-Verpflegung, kombiniert mit beeindruckender Natur.<\/p>\n\n\n\n<p>Egal ob du im Sommer durch die Berge wanderst oder im Winter die Pisten unsicher machst \u2013 in einem All Inclusive Hotel<strong> <\/strong>kannst du dich voll und ganz auf deinen Urlaub konzentrieren. Ich zeige dir die sch\u00f6nsten <strong>All Inclusive Hotels in \u00d6sterreich<\/strong>, in denen Genuss, Erholung und Aktivurlaub perfekt zusammenpassen.<\/p>\n\n\n<div class=\"table-of-contents\">\r\n    <div class=\"toc-head\">\r\n        <span class=\"toc-headline\">Inhalt<\/span>\r\n        <button class=\"toggle-toc\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"toc-list\"\r\n            aria-label=\"Inhaltsverzeichnis ein- oder ausklappen\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17.503\" height=\"10.303\" viewBox=\"0 0 17.503 10.303\">\r\n                <path id=\"Icon_ionic-ios-arrow-back\" data-name=\"Icon ionic-ios-arrow-back\" d=\"M14.356,14.943l6.819-6.618a1.22,1.22,0,0,0,0-1.766,1.321,1.321,0,0,0-1.824,0l-7.726,7.5a1.223,1.223,0,0,0-.038,1.725l7.758,7.55a1.323,1.323,0,0,0,1.824,0,1.22,1.22,0,0,0,0-1.766Z\" transform=\"translate(23.697 -11.251) rotate(90)\" fill=\"#1B115C\"><\/path>\r\n            <\/svg>\r\n        <\/button>\r\n    <\/div>\r\n    <ul id=\"toc-list\" class=\"toc-list\"><\/ul>\r\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Salzburg: Top 1: TUI KIDS Club Gut Wenghof****<\/h2>\n\n\n\n<p>Der <a href=\"https:\/\/www.tui.com\/hotels\/tui-kids-club-gut-wenghof-25281\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">TUI KIDS Club Gut Wenghof<\/a> liegt in Werfenweng, direkt im Salzburger Land. Hier kommen Gro\u00df und Klein voll auf ihre Kosten. Ob mit der super <strong>Kinderbetreuung in unterschiedlichen Altersklassen<\/strong> f\u00fcr deine Kids oder dem Adults-only-Bereich zum ausgiebigen Entspannen f\u00fcr dich. Direkt neben dem Hotel befindet sich die Talstation der Bergbahn, welche zu zahlreichen Aktivit\u00e4ten einl\u00e4dt. Das Highlight des Hotels ist das <strong>Panorma-Restaurant mit 24\/7 Pizzatheke.<\/strong> Da strahlen nicht nur Kinderaugen.<\/p>\n\n\n\n<p><strong>Zielgruppe<\/strong>: Ideal f\u00fcr <strong>Familien mit kleinen und mittleren Kindern<\/strong>, die umfangreiche Kinderbetreuung, abwechslungsreiche Aktivit\u00e4ten und ein entspanntes All Inclusive Erlebnis suchen.<\/p>\n\n\n\n<p><strong>Geheimtipps: <\/strong>Hintersee bei Ramsau \u2013 kleiner See, perfekt f\u00fcr Familien, Panorama-Wanderweg \u201eAlpenpanorama Wagrain\u201c \u2013 tolle Aussicht ohne gro\u00dfe Menschenmassen, Nachtskilauf in Wagrain \u2013 stimmungsvolles Insidererlebnis.<\/p>\n\n\n\n<p>\u2714Family<br>\u2714Pistenhotel<br>\u2714Bewusste Ern\u00e4hrung<br>\u2714Wandern<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"25281\"\r\n            hotel-name=\"TUI KIDS Club Gut Wenghof\"\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=\"25281\"\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=\"25281\"\r\n                  data-hotel-name=\"TUI KIDS Club Gut Wenghof\"><\/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=\"25281\"\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<h2 class=\"wp-block-heading\">Tirol: Top 2: TUI KIDS Club Alpina Tirol****<\/h2>\n\n\n\n<p>Der <a href=\"https:\/\/www.tui.com\/hotels\/tui-kids-club-alpina-tirol-197075\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">TUI KIDS Club Alpina Tirol <\/a>eignet sich f\u00fcr jede Jahreszeit. Hier kommt das ganze Jahr \u00fcber keine Langeweile auf. Packe dir ein Lunchpaket vom Fr\u00fchst\u00fccksbuffet und mach ein <strong>leckeres Picknick in der Natur <\/strong>mit fantastischem Ausblick. Klingt das nicht herrlich?! Genie\u00dfe danach etwas Zeit in der Infrarotsauna oder dem Indoor-Pool.<\/p>\n\n\n\n<p>Aber auch f\u00fcr Kinder ist das Hotel ein wahres Paradies. Das abwechslungsreiche <strong>Programm in der Top Kinderbetreuung <\/strong>bietet viel Zeit zum Spielen und Toben.<\/p>\n\n\n\n<p><strong>Zielgruppe<\/strong>: Der <a href=\"https:\/\/www.tui.com\/hotels\/tui-kids-club-alpina-tirol-197075\/hotelinformation\/\" type=\"link\" id=\"https:\/\/www.tui.com\/hotels\/tui-kids-club-alpina-tirol-197075\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">TUI KIDS Club Alpina Tirol<\/a> ist perfekt f\u00fcr <strong>Familien <\/strong>mit Kindern, die Spa\u00df, Abenteuer und altersgerechte Betreuung kombinieren m\u00f6chten und gleichzeitig auf entspannte Momente Wert legen.<\/p>\n\n\n\n<p><strong>Geheimtipps<\/strong>: Gaistal-Tal bei Leutasch \u2013 ruhige Wanderungen abseits der Pfade, kleine Almh\u00fctten wie Bichlalm oder Gschwandtneralm \u2013 regionale Spezialit\u00e4ten, Winter: Rodelbahn am Jenner \u2013 perfekt f\u00fcr Familien.<\/p>\n\n\n\n<p>\u2714Family<br>\u2714Wandern<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"197075\"\r\n            hotel-name=\"TUI KIDS Club Alpina Tirol\"\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=\"197075\"\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=\"197075\"\r\n                  data-hotel-name=\"TUI KIDS Club Alpina Tirol\"><\/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=\"197075\"\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<h2 class=\"wp-block-heading\">K\u00e4rnten: Top 3: TUI KIDS Club Samerhof****<\/h2>\n\n\n\n<p>F\u00fcr viel Winter-, Ski-, und Schneespa\u00df sorgt der <a href=\"https:\/\/www.tui.com\/hotels\/tui-kids-club-samerhof-93016\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">TUI KIDS Club Samerhof<\/a> in K\u00e4rnten. Der <strong>Skilift Millenium Express <\/strong>liegt nur wenige Meter vom Hotel entfernt und bringt dich mitten in das Skigebiet Nassfeld. Aber auch f\u00fcr Wintermuffel ist das Hotel super geeignet.<\/p>\n\n\n\n<p>F\u00fcr alle Sommer-Fans unter euch, bietet das Hotel am nahegelegenen <strong>Pressegger See<\/strong> einen <strong>hoteleigenen Badestrand<\/strong> mit einem gro\u00dfen Steg und Tretbooten. Ein Wanderausr\u00fcstungs-Verleih direkt am Hotel animiert zu einer sch\u00f6nen Wanderung in traumhafter Kulisse. Klingt das nicht verlockend?<\/p>\n\n\n\n<p>Auf dem Dach des Hotels l\u00e4dt ein \u00fcberdachter Pool zum Schwimmen ein. Du m\u00f6chtest mit deiner Familie mal so richtig ins Schwitzen kommen? Das k\u00f6nnt ihr in der Familiensauna im Wellnessbereich des Hotels. Das Freizeitangebot des TUI KIDS Club Samerhof ist sehr vielseitig, neben dem TUI KIDS CLUB mit seinem gro\u00dfen Angebot bietet das Hotel kostenfreie Wandertouren und einen gratis Fahrradverleih an.   <\/p>\n\n\n\n<p><strong>Zielgruppe<\/strong>: Optimal f\u00fcr <strong>Familien<\/strong>, die Wert auf kindgerechte Programme, Badem\u00f6glichkeiten und Aktivit\u00e4ten in der Natur legen und dabei den Komfort eines All Inclusive Resorts genie\u00dfen m\u00f6chten.<\/p>\n\n\n\n<p><strong>Geheimtipps<\/strong>: Maltatal Wasserf\u00e4lle \u2013 spektakul\u00e4r und ruhig, Goldriedbahn Wanderungen \u2013 Aussicht auf die Hohe Tauern, Bauernm\u00e4rkte in Gm\u00fcnd \u2013 frische, regionale Produkte.<\/p>\n\n\n\n<p>\u2714Family<br>\u2714Radfahren <br>\u2714Wandern<br>\u2714Free WLAN<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"93016\"\r\n            hotel-name=\"TUI KIDS Club Samerhof\"\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=\"93016\"\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=\"93016\"\r\n                  data-hotel-name=\"TUI KIDS Club Samerhof\"><\/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=\"93016\"\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<h2 class=\"wp-block-heading\">Bramberg: Top 4: TUI KIDS CLUB Wolkensteinb\u00e4r***+<\/h2>\n\n\n\n<p>Der<a href=\"https:\/\/www.tui.com\/hotels\/tui-kids-club-wolkensteinbar-392180\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\"> TUI KIDS CLUB Wolkensteinb\u00e4r<\/a> im Salzburger Land ist ein Urlaubparadies f\u00fcr Familien. Mit Fun &amp; Action Park inklusive Hochseilanlage, Bungee Trampolinen und H\u00fcpfburg, mit Boulderwand und Tischtennis, mit Wolki\u00b4s Spielewelt und Kreativraum \u2013 und sogar mit einer Pony-Ranch. Wo Tiere auch gepflegt und gef\u00fcttert werden d\u00fcrfen. Oder wo es auch mal eine Schnitzeljagd gibt. Und das alles vor der herrlichen Kulisse der Hohen Tauern.<\/p>\n\n\n\n<p><strong>Zielgruppe<\/strong>: Ideal f\u00fcr <strong>Familien<\/strong> mit j\u00fcngeren Kindern, die Betreuung, Spielm\u00f6glichkeiten und abwechslungsreiche Freizeitangebote suchen, w\u00e4hrend die Eltern entspannte Urlaubstage genie\u00dfen.<\/p>\n\n\n\n<p><strong>Geheimtipps<\/strong>: Wildpark Bramberg \u2013 ideal f\u00fcr Kinder, Langlaufloipen direkt vom Ort \u2013 ruhig und abwechslungsreich, Lainbachfall-Rundweg \u2013 kurzer Familienausflug abseits der Massen.<\/p>\n\n\n\n<p>\u2714Wellness<br>\u2714Wandern<br>\u2714Wintersport<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"392180\"\r\n            hotel-name=\"tkc wolkensteinb\u00e4r\"\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=\"392180\"\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=\"392180\"\r\n                  data-hotel-name=\"tkc wolkensteinb\u00e4r\"><\/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=\"392180\"\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<h2 class=\"wp-block-heading\">Zell am See: Top 5: Hotel Kammerlander &amp; Appartementhaus Kammerland****<\/h2>\n\n\n\n<p>Das <strong>Familienhotel <\/strong><a href=\"https:\/\/www.tui.com\/hotels\/hotel-kammerlander-and-appartementhaus-kammerlander-35799\/hotelinformation\/\" type=\"link\" id=\"https:\/\/www.tui.com\/hotels\/hotel-kammerlander-and-appartementhaus-kammerlander-35799\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hotel &amp; Appartement Kammerlander<\/a> in Neukirchen, im Salzburger Land bietet dir eine gem\u00fctliche Atmosph\u00e4re mit Blick auf den Gro\u00dfvenediger. In den Ferien ist das Hotel besonders <strong>von Familien<\/strong> gut besucht, in der Nebensaison finden <strong>auch Paare <\/strong>genug Erholung.<\/p>\n\n\n\n<p>Vom Hotel aus kannst du viel erleben. Radtouren, Wanderungen oder Skisport sind nur einige Dinge. Nach einem ereignisreichen Tag, l\u00e4sst du dir das <strong>saisonale und regionale Essen<\/strong>, aus der frischen K\u00fcche schmecken. Da knurrt einem direkt der Magen.<\/p>\n\n\n\n<p><strong>Zielgruppe<\/strong>: Perfekt f\u00fcr <strong>Familien<\/strong> und <strong>Paare<\/strong>, die Komfort, alpine Umgebung und abwechslungsreiche Aktivit\u00e4ten mit All Inclusive Verpflegung verbinden m\u00f6chten.<\/p>\n\n\n\n<p><strong>Geheimtipps<\/strong>: Schwarzsee \u2013 idyllischer Badesee ohne Trubel, Hinterglemm \u2013 kleine Pisten f\u00fcr Anf\u00e4nger und Familien, Tauernradweg abseits der Hauptstrecken \u2013 perfekte Tour f\u00fcr Familien und Paare.<\/p>\n\n\n\n<p>\u2714Family<br>\u2714Radfahren<br>\u2714Wandern<br>\u2714Free WLAN<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"35799\"\r\n            hotel-name=\"Hotel Kammerlander &#038; Appartementhaus Kammerland \"\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=\"35799\"\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=\"35799\"\r\n                  data-hotel-name=\"Hotel Kammerlander &#038; Appartementhaus Kammerland \"><\/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=\"35799\"\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<h2 class=\"wp-block-heading\">Salzburg: Top 6: Sporthotel Wagrain****<\/h2>\n\n\n\n<p>In Wagrain, im Salzburger Land, direkt an der Grafenberg-Seilbahn gelegen, liegt das <a href=\"https:\/\/www.tui.com\/hotels\/sporthotel-wagrain-24286\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sporthotel Wagrain<\/a>. Perfekt f\u00fcr Spitzensportler. Aber auch als Hobbysportler bist du in dem <strong>550 Quadratmeter gro\u00dfen Fitnessraum<\/strong> gut aufgehoben. <\/p>\n\n\n\n<p>Nach einem sportlichen Tag bietet dir der <strong>1000 Quadratmeter  gro\u00dfe Wellnessbereich<\/strong> den perfekten Ausgleich. Das regionale, auf Sportler angepasste Essen, gibt dir die n\u00f6tige Energie f\u00fcr die n\u00e4chsten Tage.<\/p>\n\n\n\n<p><strong>Zielgruppe<\/strong>: Besonders geeignet f\u00fcr <strong>Paare<\/strong> und <strong>Aktivurlauber<\/strong>, die Bewegung, Wellness und gute K\u00fcche sch\u00e4tzen und dabei die Berglandschaft in vollen Z\u00fcgen genie\u00dfen m\u00f6chten.<\/p>\n\n\n\n<p><strong>Geheimtipps<\/strong>: Panorama-Wanderweg \u201eAlpenpanorama Wagrain\u201c, Hintersee bei Ramsau \u2013 ruhiger Badesee, Nachtskilauf Wagrain \u2013 ein besonderes Wintererlebnis.<\/p>\n\n\n\n<p>\u2714Pistenhotel<br>\u2714Free WLAN<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"24286\"\r\n            hotel-name=\"Sporthotel Wagrain\"\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=\"24286\"\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=\"24286\"\r\n                  data-hotel-name=\"Sporthotel Wagrain\"><\/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=\"24286\"\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<h2 class=\"wp-block-heading\">Ober\u00f6sterreich: Top 7: Vitalhotel Gosau****<\/h2>\n\n\n\n<p>Ein weiteres All Inclusive Hotel \u00d6sterreich liegt in Gosau: das <a href=\"https:\/\/www.tui.com\/hotels\/vitalhotel-gosau-13347\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vitalhotel Gosau<\/a>. Wenn du auf der Suche nach Entspannung bist, dann bist du hier genau richtig! Ob Schwimmgrotte, H\u00e4ngemattenpark oder Tepidarium, <strong>hier findest du alles f\u00fcr deinen Erholungsurlaub.<\/strong><\/p>\n\n\n\n<p>Wenn es doch einmal mehr Aktion sein darf &#8211; kein Problem! Leihe dir ein Fahrrad oder E-Bike direkt am Hotel aus und entdecke eine von <strong>70 Radrouten<\/strong>. Wenn du lieber zu Fu\u00df unterwegs bist, dann erkunde doch bei einer Wanderung die <strong>UNESCO-Welterberegion <\/strong>Hallstatt-Dachstein-Salzkammergut.<\/p>\n\n\n\n<p><strong>Zielgruppe<\/strong>: Ideal f\u00fcr<strong> Ruhesuchende, Paare<\/strong> und <strong>Wellnessliebhaber<\/strong>, die Entspannung, alpine Natur und abwechslungsreiche Freizeitangebote mit All Inclusive Leistungen verbinden m\u00f6chten.<\/p>\n\n\n\n<p><strong>Geheimtipps<\/strong>: Gosausee bei Sonnenaufgang \u2013 magisch und ruhig, Winterwanderwege hinter der Bergbahn \u2013 kaum besucht, Gasth\u00e4user im Gosautal \u2013 regionale K\u00fcche weit weg vom Massentourismus.<\/p>\n\n\n\n<p>\u2714Family<br>\u2714Loipenhotel<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"13347\"\r\n            hotel-name=\"Vitalhotel Gosau\"\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=\"13347\"\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=\"13347\"\r\n                  data-hotel-name=\"Vitalhotel Gosau\"><\/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=\"13347\"\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<h2 class=\"wp-block-heading\">Tirol: Top 8: Hotel Kitzb\u00fchler Alpen****<\/h2>\n\n\n\n<p>Das <a href=\"https:\/\/www.tui.com\/hotels\/hotel-kitzbuehler-alpen-28108\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hotel Kitzb\u00fchler Alpen<\/a> in Oberndorf, in Nordtirol, ist ein absolutes Familienhotel. Hier kannst du ein paar <strong>erholsame Tage mit der ganzen Familie<\/strong> verbringen. Und das Sch\u00f6ne daran ist, das Hotel ist f\u00fcr jede Jahreszeit gut geeignet. In ruhiger Lage liegt das Hotel <strong>direkt neben der Gondelstation<\/strong> die dich zu den Bergbahnen St. Johann\/Oberndorf bringt. <\/p>\n\n\n\n<p>Langeweile kommt hier nicht auf! Ein umfangreiches <strong>Animationsprogramm<\/strong>, ein gro\u00dfer Spielplatz und ein Kinderspielzimmer erm\u00f6glichen genug Besch\u00e4ftigung f\u00fcr deine Kids. In der Zwischenzeit kannst du es dir in der Finnischen Sauna, dem Dampfbad oder der Infrarotkabine gut gehen lassen.<\/p>\n\n\n\n<p><strong>Zielgruppe<\/strong>: Perfekt f\u00fcr <strong>Familien<\/strong> und <strong>Paare<\/strong>, die eine Kombination aus Aktivurlaub, Wellness und gutem Essen suchen und gleichzeitig die pers\u00f6nliche Atmosph\u00e4re eines Alpenhotels sch\u00e4tzen.<\/p>\n\n\n\n<p><strong>Geheimtipps<\/strong>: Hinterkaiserbach-Rundweg \u2013 ruhige Wanderroute mit sch\u00f6nen Ausblicken, kleine Almh\u00fctten abseits der Pisten \u2013 traditionelle K\u00fcche genie\u00dfen, Winter: Schneeschuhwanderungen abseits der Skigebiete.<\/p>\n\n\n\n<p>\u2714Family<br>\u2714Bewusste Ern\u00e4hrung<br> \u2714Free WLAN <\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"28108\"\r\n            hotel-name=\"Hotel Kitzb\u00fchler Alpen\"\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=\"28108\"\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=\"28108\"\r\n                  data-hotel-name=\"Hotel Kitzb\u00fchler Alpen\"><\/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=\"28108\"\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<h2 class=\"wp-block-heading\">Tirol: Top 9: Zum Gourmet ****<\/h2>\n\n\n\n<p>Auf 1.200 Metern H\u00f6he liegt das Hotel <a href=\"https:\/\/www.tui.com\/hotels\/zum-gourmet-102672\/hotelinformation\/\" type=\"link\" id=\"https:\/\/www.tui.com\/hotels\/zum-gourmet-102672\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Zum Gourmet<\/a> auf dem Seefelfder Hochplateau in Tirol \u2013 umgeben von einer <strong>beeindruckenden Berglandschaft<\/strong> und zahlreichen Freizeitm\u00f6glichkeiten. Hier genie\u00dft du eine perfekte Mischung aus Aktivurlaub und entspannter Auszeit in den Alpen.<\/p>\n\n\n\n<p><strong>Kulinarik<\/strong> <strong>steht<\/strong> hier ganz klar <strong>im Mittelpunkt<\/strong>: Im hoteleigenen Restaurant erwarten dich hochwertige Gerichte aus hochwertigen, regionalen und saisonalen Zutaten. Mit viel Liebe zum Detail entstehen <strong>kreative Gerichte<\/strong>, die den Namen \u201eZum Gourmet\u201c mehr als verdienen. Morgens startest du mit einem abwechslungsreichen Fr\u00fchst\u00fcck in den Tag, w\u00e4hrend du dich am Abend auf abwechslungsreiche Men\u00fcs freuen kannst. Auch <strong>Entspannung<\/strong> kommt nicht zu kurz \u2013 nach einem aktiven Tag in den Bergen l\u00e4dt der <strong>Wellnessbereich<\/strong> zum Abschalten ein. Die<strong> Zimmer<\/strong> sind <strong>alpin-modern, gem\u00fctlich<\/strong> eingerichtet und bieten dir einen sch\u00f6nen Blick auf die umliegende Bergwelt.<\/p>\n\n\n\n<p><strong>Zielgruppe<\/strong>: Ideal f\u00fcr <strong>Paare<\/strong> und <strong>Ruhesuchende<\/strong>, die eine entspannte Auszeit in den Alpen verbringen und gleichzeitig Wert auf gutes Essen und eine pers\u00f6nliche Atmosph\u00e4re legen.<\/p>\n\n\n\n<p><strong>Geheimtipps<\/strong>: Gaistal-Tal \u2013 ruhige Wanderungen abseits der Touristenpfade, Bichlalm oder Gschwandtneralm \u2013 regionale Spezialit\u00e4ten, Winter: kleine Langlaufloipen, kaum bekannt und ideal f\u00fcr entspannte Runden.<\/p>\n\n\n\n<p>\u2714Wandern &amp; Wintersport<br>\u2714Kulinarik<br>\u2714Free WLAN<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"102672\"\r\n            hotel-name=\"Zum Gourmet\"\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=\"102672\"\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=\"102672\"\r\n                  data-hotel-name=\"Zum Gourmet\"><\/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=\"102672\"\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<h2 class=\"wp-block-heading\">Tirol: Top 10: Hotel Alpenfriede***<\/h2>\n\n\n\n<p>Auf 1.200 Meter H\u00f6he liegt das Familienhotel <a href=\"https:\/\/www.tui.com\/hotels\/hotel-alpenfriede-7447\/hotelinformation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Alpenfriede<\/a> in Jerzen, in Nordtirol. Von hier aus genie\u00dft du einen <strong>wundervollen Blick auf die Pitztaler Alpen<\/strong>. Im Hotel Alpenfriede wird Gastfreundschaft, Wohlbefinden und <strong>famili\u00e4re Herzlichkeit<\/strong> gro\u00df geschrieben.<\/p>\n\n\n\n<p>Wellness und gute K\u00fcche ist dir wichtig? Dann bist du hier genau richtig! Im hoteleigenen Restaurant kannst du zwischen abwechslungsreichen Buffets, internationalen oder <strong>typischen Tiroler Gerichten<\/strong> w\u00e4hlen. F\u00fcr deine Kids gibt es sogar ein eigenes Kindermen\u00fc. Lasse nach dem Essen den Alltag hinter dir und genie\u00dfe die <strong>Wellnesslandschaft <\/strong>in vollen Z\u00fcgen.<\/p>\n\n\n\n<p><strong>Zielgruppe<\/strong>: Ideal f\u00fcr <strong>Familien<\/strong> und <strong>Paare<\/strong>, die famili\u00e4re Gastfreundschaft, Wohlbefinden und entspannte Tage in den Bergen genie\u00dfen m\u00f6chten, kombiniert mit gutem Essen und Outdoor-Aktivit\u00e4ten.<\/p>\n\n\n\n<p><strong>Geheimtipps<\/strong>: Pitztaler Gletscher \u2013 ruhiger Gletscherweg im Sommer, Gaistal-Tal Wanderungen \u2013 weniger besucht, Winter: kleine Rodelbahnen in der N\u00e4he, kaum \u00fcberlaufen, perfekt f\u00fcr Familien.<\/p>\n\n\n\n<p>\u2714Wandern<br>\u2714Free WLAN<\/p>\n\n\n\r\n    <tui-image-gallery\r\n            variant=\"love-at-first-sight\"\r\n            type=\"info\"\r\n            giata-id=\"7447\"\r\n            hotel-name=\"Hotel Alpenfriede\"\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=\"7447\"\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=\"7447\"\r\n                  data-hotel-name=\"Hotel Alpenfriede\"><\/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=\"7447\"\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=\"gb-text\">H\u00e4ufige Fragen zu All Inclusive Hotels in \u00d6sterreich<\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1773832314710\"><strong class=\"schema-faq-question\">Was bedeutet All Inclusive in \u00d6sterreich?<\/strong> <p class=\"schema-faq-answer\">All Inclusive in \u00d6sterreich umfasst in der Regel Fr\u00fchst\u00fcck, Mittag- und Abendessen sowie Snacks und Getr\u00e4nke. Oft sind auch Wellnessangebote und Kinderbetreuung im Preis enthalten.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1773832357621\"><strong class=\"schema-faq-question\">F\u00fcr wen lohnt sich ein All Inclusive Hotel in \u00d6sterreich?<\/strong> <p class=\"schema-faq-answer\">Besonders Familien profitieren von All Inclusive, da viele Leistungen bereits inkludiert sind. Aber auch Paare und Aktivurlauber genie\u00dfen die entspannte Rundum-Versorgung.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1773832380941\"><strong class=\"schema-faq-question\">Gibt es All Inclusive Hotels in \u00d6sterreich auch im Sommer?<\/strong> <p class=\"schema-faq-answer\">Ja, viele Hotels bieten All Inclusive ganzj\u00e4hrig an. Im Sommer stehen vor allem Wandern, Radfahren und Badeurlaub an Seen im Fokus. Im Winter hingegen dreht sich alles um Skifahren, Snowboarden und gem\u00fctliche Wellnessmomente nach einem aktiven Tag im Schnee.<\/p> <\/div> <\/div>\n\n\n\n<h2 class=\"gb-text\">All Inclusive Hotels in \u00d6sterreich Karte:<\/h2>\n\n\n<p><iframe src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1erIxc3HM-JTUsqwVpGmQQ23rXaYbN3I&#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_7dea9a251360359e99cc4bc8660ca5a3\"\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=\"25281,7447,102672,28108,13347,24286,35799,392180,197075\"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_\"filter-results-total=\"10\"filter-min-price=\"1\"variant=\"medium\"search-duration=\"7\"search-departure-date=\"2026-05-03\"search-return-date=\"2026-08-01\"        ><\/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: \u00d6sterreich<\/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\/oesterreich\/\" target=\"_blank\">\u00d6sterreich 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\/oesterreich\/\" target=\"_blank\">\u00d6sterreich 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\/oesterreich\/\" target=\"_blank\">Flug nach \u00d6sterreich<\/a>\r\n            <\/li><\/ul><\/div><div class=\"optionale-links\"><ul><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\/oesterreich\/\" target=\"_blank\">Pauschalreise f\u00fcr \u00d6sterreich<\/a>\r\n                <\/li><\/ul><\/div><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Weitere spannende Artikel zum Weiterlesen &#8230;<\/h3>\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\/2023\/04\/traunsee-gmunden-shutterstock-pawel-kazmierczak-beitragsbild.jpg')\" role=\"img\" aria-label=\"Badespa\u00df in \u00d6sterreich\">\r\n                    <a href=\"https:\/\/www.tui.com\/blog\/unsere-top-schonsten-seen-in-osterreich\/\" target=\"https:\/\/www.tui.com\/blog\/unsere-top-schonsten-seen-in-osterreich\/\" class=\"toparticle-gradient\" aria-label=\"Top Article Link\"><\/a>\r\n                                            <div class=\"toparticle-panel \">\r\n                            <p class=\"toparticle-title\">Badespa\u00df in \u00d6sterreich<\/p>\r\n                            <p class=\"toparticle-subtitle\">Die TOP 10 sch\u00f6nsten Seen <\/p>                        <\/div>\r\n                                    <\/article>\r\n                            <article class=\"toparticle\" style=\"background-image: url('https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/04\/oesterreich-mit-kindern.jpg')\" role=\"img\" aria-label=\"Wellnessauszeit in \u00d6sterreich\">\r\n                    <a href=\"https:\/\/www.tui.com\/blog\/die-top-wellnesshotels-in-osterreich-fur-deinen-kurztrip\/\" target=\"https:\/\/www.tui.com\/blog\/die-top-wellnesshotels-in-osterreich-fur-deinen-kurztrip\/\" class=\"toparticle-gradient\" aria-label=\"Top Article Link\"><\/a>\r\n                                            <div class=\"toparticle-panel \">\r\n                            <p class=\"toparticle-title\">Wellnessauszeit in \u00d6sterreich<\/p>\r\n                            <p class=\"toparticle-subtitle\">Unsere TOP 10 Hoteltipps<\/p>                        <\/div>\r\n                                    <\/article>\r\n                    <\/div>\r\n    <\/div>\r\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\/2023\/04\/oesterreich_ski-amade_luxuschalet.jpg')\" role=\"img\" aria-label=\"Slow Down! Ferienhaus in \u00d6sterreich\">\r\n                    <a href=\"https:\/\/www.tui.com\/blog\/slow-down-der-ideale-winterurlaub-im-ferienhaus-in-oesterreich\/\" target=\"https:\/\/www.tui.com\/blog\/slow-down-der-ideale-winterurlaub-im-ferienhaus-in-oesterreich\/\" class=\"toparticle-gradient\" aria-label=\"Top Article Link\"><\/a>\r\n                                            <div class=\"toparticle-panel \">\r\n                            <p class=\"toparticle-title\">Slow Down! Ferienhaus in \u00d6sterreich<\/p>\r\n                            <p class=\"toparticle-subtitle\">Der ideale Winterurlaub<\/p>                        <\/div>\r\n                                    <\/article>\r\n                            <article class=\"toparticle\" style=\"background-image: url('https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2023\/12\/die-schoensten-berghuetten-in-oesterreich-und-deutschland-beitragsbild-adobestock-60267433-a2le-3.jpg')\" role=\"img\" aria-label=\"H\u00fcttenzauber in \u00d6sterreich und Deutschland\">\r\n                    <a href=\"https:\/\/www.tui.com\/blog\/die-schoensten-berghuetten-in-oesterreich-und-deutschland\/\" target=\"https:\/\/www.tui.com\/blog\/die-schoensten-berghuetten-in-oesterreich-und-deutschland\/\" class=\"toparticle-gradient\" aria-label=\"Top Article Link\"><\/a>\r\n                                            <div class=\"toparticle-panel \">\r\n                            <p class=\"toparticle-title\">H\u00fcttenzauber in \u00d6sterreich und Deutschland<\/p>\r\n                            <p class=\"toparticle-subtitle\">Unsere Tipps f\u00fcr Bergh\u00fctten!<\/p>                        <\/div>\r\n                                    <\/article>\r\n                    <\/div>\r\n    <\/div>\r\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Du m\u00f6chtest einmal so richtig die Seele baumeln lassen? Dir um nichts Gedanken machen m\u00fcssen und einfach deinen Urlaub genie\u00dfen? Kommt sofort! Denn das geht nicht nur in der Ferne, sondern nat\u00fcrlich auch in \u00d6sterreich. Mit den sch\u00f6nsten All Inclusive Hotels in \u00d6sterreich gibt es keine verstecken Extrakosten. Besonders f\u00fcr Familien ein nicht unwichtiges Thema. Buchen und rundum sorglos sein &#8211; mehr geht nicht! TUI Kollegin Julia stellt dir die TOP 10 All Inclusive Hotels in \u00d6sterreich vor.<\/p>\n","protected":false},"author":116,"featured_media":502676,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4072,4030,4050],"tags":[2665,523,602,132,2718,839],"class_list":["post-189796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archiv-reiseplanung","category-archiv-reiseziele","category-archiv-weitere-beliebte-reiseziele","tag-all-inclusive-urlaub","tag-familienurlaub","tag-hoteltipps","tag-osterreich","tag-reiseinspiration","tag-winterurlaub-oesterreich"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>All Inclusive Hotels \u00d6sterreich: TOP 10 - TUI.com Reiseblog \u2600<\/title>\n<meta name=\"description\" content=\"Mit den besten All Inclusive Hotels in \u00d6sterreich gibt es keine versteckten Extrakosten. Besonders f\u00fcr Familien ein gro\u00dfer Vorteil! Viel Spa\u00df beim St\u00f6bern.\" \/>\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-all-inclusive-hotels-in-oesterreich\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"All Inclusive Hotels \u00d6sterreich: TOP 10 - TUI.com Reiseblog \u2600\" \/>\n<meta property=\"og:description\" content=\"Mit den besten All Inclusive Hotels in \u00d6sterreich gibt es keine versteckten Extrakosten. Besonders f\u00fcr Familien ein gro\u00dfer Vorteil! Viel Spa\u00df beim St\u00f6bern.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/\" \/>\n<meta property=\"og:site_name\" content=\"TUI.com Reiseblog \u2600\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-15T10:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-15T10:00:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/top-all-inclusive-hotels-oesterreich-adobestock-144113098-mRGB.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=\"Julia W\u00fcbbelmann\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Julia W\u00fcbbelmann\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"12\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-all-inclusive-hotels-in-oesterreich\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/\"},\"author\":{\"name\":\"Julia W\u00fcbbelmann\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#\\\/schema\\\/person\\\/4755e7914e8aefb9ac11dab2e3a0203c\"},\"headline\":\"Unsere TOP 10 All Inclusive Hotels in \u00d6sterreich\",\"datePublished\":\"2026-04-15T10:00:00+00:00\",\"dateModified\":\"2026-04-15T10:00:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/\"},\"wordCount\":1846,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/top-all-inclusive-hotels-oesterreich-adobestock-144113098-mRGB.jpg\",\"keywords\":[\"All Inclusive Urlaub\",\"Familienurlaub\",\"Hoteltipps\",\"\u00d6sterreich\",\"Reiseinspiration\",\"Winterurlaub \u00d6sterreich\"],\"articleSection\":[\"Reiseplanung\",\"Reiseziele\",\"weitere beliebte Reiseziele\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/\",\"name\":\"All Inclusive Hotels \u00d6sterreich: TOP 10 - TUI.com Reiseblog \u2600\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/top-all-inclusive-hotels-oesterreich-adobestock-144113098-mRGB.jpg\",\"datePublished\":\"2026-04-15T10:00:00+00:00\",\"dateModified\":\"2026-04-15T10:00:55+00:00\",\"description\":\"Mit den besten All Inclusive Hotels in \u00d6sterreich gibt es keine versteckten Extrakosten. Besonders f\u00fcr Familien ein gro\u00dfer Vorteil! Viel Spa\u00df beim St\u00f6bern.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#faq-question-1773832314710\"},{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#faq-question-1773832357621\"},{\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#faq-question-1773832380941\"}],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/top-all-inclusive-hotels-oesterreich-adobestock-144113098-mRGB.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/top-all-inclusive-hotels-oesterreich-adobestock-144113098-mRGB.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Blick \u00fcber Zell am See im Sommer in Salzburg, in \u00d6sterreich\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unsere TOP 10 All Inclusive Hotels in \u00d6sterreich\"}]},{\"@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\\\/4755e7914e8aefb9ac11dab2e3a0203c\",\"name\":\"Julia W\u00fcbbelmann\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/julia_tuerkei_profilbild-96x96.jpg\",\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/julia_tuerkei_profilbild-96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/julia_tuerkei_profilbild-96x96.jpg\",\"caption\":\"Julia W\u00fcbbelmann\"},\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/author\\\/tui-bloggerin-julia\\\/\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#faq-question-1773832314710\",\"position\":1,\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#faq-question-1773832314710\",\"name\":\"Was bedeutet All Inclusive in \u00d6sterreich?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"All Inclusive in \u00d6sterreich umfasst in der Regel Fr\u00fchst\u00fcck, Mittag- und Abendessen sowie Snacks und Getr\u00e4nke. Oft sind auch Wellnessangebote und Kinderbetreuung im Preis enthalten.\",\"inLanguage\":\"de\"},\"inLanguage\":\"de\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#faq-question-1773832357621\",\"position\":2,\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#faq-question-1773832357621\",\"name\":\"F\u00fcr wen lohnt sich ein All Inclusive Hotel in \u00d6sterreich?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Besonders Familien profitieren von All Inclusive, da viele Leistungen bereits inkludiert sind. Aber auch Paare und Aktivurlauber genie\u00dfen die entspannte Rundum-Versorgung.\",\"inLanguage\":\"de\"},\"inLanguage\":\"de\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#faq-question-1773832380941\",\"position\":3,\"url\":\"https:\\\/\\\/www.tui.com\\\/blog\\\/unsere-top-all-inclusive-hotels-in-oesterreich\\\/#faq-question-1773832380941\",\"name\":\"Gibt es All Inclusive Hotels in \u00d6sterreich auch im Sommer?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja, viele Hotels bieten All Inclusive ganzj\u00e4hrig an. Im Sommer stehen vor allem Wandern, Radfahren und Badeurlaub an Seen im Fokus. Im Winter hingegen dreht sich alles um Skifahren, Snowboarden und gem\u00fctliche Wellnessmomente nach einem aktiven Tag im Schnee.\",\"inLanguage\":\"de\"},\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"All Inclusive Hotels \u00d6sterreich: TOP 10 - TUI.com Reiseblog \u2600","description":"Mit den besten All Inclusive Hotels in \u00d6sterreich gibt es keine versteckten Extrakosten. Besonders f\u00fcr Familien ein gro\u00dfer Vorteil! Viel Spa\u00df beim St\u00f6bern.","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-all-inclusive-hotels-in-oesterreich\/","og_locale":"de_DE","og_type":"article","og_title":"All Inclusive Hotels \u00d6sterreich: TOP 10 - TUI.com Reiseblog \u2600","og_description":"Mit den besten All Inclusive Hotels in \u00d6sterreich gibt es keine versteckten Extrakosten. Besonders f\u00fcr Familien ein gro\u00dfer Vorteil! Viel Spa\u00df beim St\u00f6bern.","og_url":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/","og_site_name":"TUI.com Reiseblog \u2600","article_published_time":"2026-04-15T10:00:00+00:00","article_modified_time":"2026-04-15T10:00:55+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/top-all-inclusive-hotels-oesterreich-adobestock-144113098-mRGB.jpg","type":"image\/jpeg"}],"author":"Julia W\u00fcbbelmann","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Julia W\u00fcbbelmann","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#article","isPartOf":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/"},"author":{"name":"Julia W\u00fcbbelmann","@id":"https:\/\/www.tui.com\/blog\/#\/schema\/person\/4755e7914e8aefb9ac11dab2e3a0203c"},"headline":"Unsere TOP 10 All Inclusive Hotels in \u00d6sterreich","datePublished":"2026-04-15T10:00:00+00:00","dateModified":"2026-04-15T10:00:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/"},"wordCount":1846,"commentCount":0,"publisher":{"@id":"https:\/\/www.tui.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/top-all-inclusive-hotels-oesterreich-adobestock-144113098-mRGB.jpg","keywords":["All Inclusive Urlaub","Familienurlaub","Hoteltipps","\u00d6sterreich","Reiseinspiration","Winterurlaub \u00d6sterreich"],"articleSection":["Reiseplanung","Reiseziele","weitere beliebte Reiseziele"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/","url":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/","name":"All Inclusive Hotels \u00d6sterreich: TOP 10 - TUI.com Reiseblog \u2600","isPartOf":{"@id":"https:\/\/www.tui.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#primaryimage"},"image":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/top-all-inclusive-hotels-oesterreich-adobestock-144113098-mRGB.jpg","datePublished":"2026-04-15T10:00:00+00:00","dateModified":"2026-04-15T10:00:55+00:00","description":"Mit den besten All Inclusive Hotels in \u00d6sterreich gibt es keine versteckten Extrakosten. Besonders f\u00fcr Familien ein gro\u00dfer Vorteil! Viel Spa\u00df beim St\u00f6bern.","breadcrumb":{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#faq-question-1773832314710"},{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#faq-question-1773832357621"},{"@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#faq-question-1773832380941"}],"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#primaryimage","url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/top-all-inclusive-hotels-oesterreich-adobestock-144113098-mRGB.jpg","contentUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/03\/top-all-inclusive-hotels-oesterreich-adobestock-144113098-mRGB.jpg","width":1920,"height":1080,"caption":"Blick \u00fcber Zell am See im Sommer in Salzburg, in \u00d6sterreich"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.tui.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Unsere TOP 10 All Inclusive Hotels in \u00d6sterreich"}]},{"@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\/4755e7914e8aefb9ac11dab2e3a0203c","name":"Julia W\u00fcbbelmann","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/02\/julia_tuerkei_profilbild-96x96.jpg","url":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/02\/julia_tuerkei_profilbild-96x96.jpg","contentUrl":"https:\/\/www.tui.com\/blog\/wp-content\/uploads\/2026\/02\/julia_tuerkei_profilbild-96x96.jpg","caption":"Julia W\u00fcbbelmann"},"url":"https:\/\/www.tui.com\/blog\/author\/tui-bloggerin-julia\/"},{"@type":"Question","@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#faq-question-1773832314710","position":1,"url":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#faq-question-1773832314710","name":"Was bedeutet All Inclusive in \u00d6sterreich?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"All Inclusive in \u00d6sterreich umfasst in der Regel Fr\u00fchst\u00fcck, Mittag- und Abendessen sowie Snacks und Getr\u00e4nke. Oft sind auch Wellnessangebote und Kinderbetreuung im Preis enthalten.","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#faq-question-1773832357621","position":2,"url":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#faq-question-1773832357621","name":"F\u00fcr wen lohnt sich ein All Inclusive Hotel in \u00d6sterreich?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Besonders Familien profitieren von All Inclusive, da viele Leistungen bereits inkludiert sind. Aber auch Paare und Aktivurlauber genie\u00dfen die entspannte Rundum-Versorgung.","inLanguage":"de"},"inLanguage":"de"},{"@type":"Question","@id":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#faq-question-1773832380941","position":3,"url":"https:\/\/www.tui.com\/blog\/unsere-top-all-inclusive-hotels-in-oesterreich\/#faq-question-1773832380941","name":"Gibt es All Inclusive Hotels in \u00d6sterreich auch im Sommer?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Ja, viele Hotels bieten All Inclusive ganzj\u00e4hrig an. Im Sommer stehen vor allem Wandern, Radfahren und Badeurlaub an Seen im Fokus. Im Winter hingegen dreht sich alles um Skifahren, Snowboarden und gem\u00fctliche Wellnessmomente nach einem aktiven Tag im Schnee.","inLanguage":"de"},"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/189796","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\/116"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/comments?post=189796"}],"version-history":[{"count":103,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/189796\/revisions"}],"predecessor-version":[{"id":503282,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/posts\/189796\/revisions\/503282"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/media\/502676"}],"wp:attachment":[{"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/media?parent=189796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/categories?post=189796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tui.com\/blog\/wp-json\/wp\/v2\/tags?post=189796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}