document.addEventListener('readystatechange', () => { if (document.readyState == 'complete') {const locale = document.querySelector('html').getAttribute('lang') || 'de-DE';const localeLoader = document.createElement('script');localeLoader.id = 'd21-locale';localeLoader.type = 'application/json';document.head.appendChild(localeLoader);fetch('https://js-sdk.dirs21.de/locale/' + locale + "?version=Default").then(async (x) => { x.json().then(t => document.querySelector('#d21-locale').innerHTML = JSON.stringify(t)); });const styles = document.createElement('style');styles.type = 'text/css';styles.id = 'd21-widget-style';styles.textContent = ``;document.head.appendChild(styles);sessionStorage.setItem('d21_config', '{"General":{"Directory":"/allgaeuerbergwaldchaletsde/","IsGroup":false,"ShouldOpenInNewTab":false,"CustomDomain":null,"ShouldWaitUntilDocumentReady":true,"UseShadowDOM":true,"Theme":{"Light":{"PrimaryColor":"#3d4448","SecondaryColor":"#131616","BorderRadius":0.5,"Font":{"Default":"Montserrat","Decorative":"Montserrat","Body":"Montserrat"}},"Dark":{"PrimaryColor":"#2563eb","SecondaryColor":"#132228","BorderRadius":0.5,"Font":{"Default":"Montserrat","Decorative":"Montserrat","Body":"Montserrat"}}},"Preselect":{"LOS":2,"Adults":2,"Children":[]},"ProductLimit":5,"HideChildrenInput":false,"ExchangeRates":{}},"Properties":[{"WidgetId":"2dd3b291-d92f-abe4-bffc-5574e54a59c7","WidgetType":"quickbook","Description":"","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":true,"Fields":{"IsHorizontal":true,"IsJustButton":false,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"InputMode":"TravelPeriod","Filter":"NoFilter","PreselectedRoom":null,"HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MaximumPersons":0,"MinimumPersons":2,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{}},{"WidgetId":"33fe4368-a49d-2820-bee6-df37902705a7","WidgetType":"roomList","Description":"","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"UsePages":true,"ItemsPerPage":5,"GroupFilter":"NoFilter","HasFilterPrice":false,"FilterMinimumPrice":50.0,"FilterMaximumPrice":65.0,"FilterPriceLap":5.0,"UseFilter":false,"UseCalendar":true,"RoomBuild":"Default","PreselectedHotels":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{}},{"WidgetId":"25598f1c-736a-8040-7848-46252c3efb9d","WidgetType":"packageList","Description":"","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"UsePages":false,"ItemsPerPage":5,"GroupFilter":"NoFilter","HasFilterPrice":false,"FilterMinimumPrice":50.0,"FilterMaximumPrice":65.0,"FilterPriceLap":5.0,"UseFilter":true,"UseCalendar":true,"PreselectedHotels":[],"PreselectedCategories":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{}},{"WidgetId":"73d8123f-a6e3-9fde-1fec-e180b65d1e34","WidgetType":"quickbook","Description":"Button Link","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"IsHorizontal":false,"IsJustButton":true,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"InputMode":"CheckInAndNights","Filter":"NoFilter","PreselectedRoom":"60d8101f-9f74-c27a-ecdc-043742680a91","HasSlimMode":false,"OccupancyDiffersFromIBE":true,"CustomLos":2,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MaximumPersons":0,"MinimumPersons":0,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{}},{"WidgetId":"e64f5e45-261c-47e4-e814-1081b83e7f2b","WidgetType":"quickbook","Description":"Zimmerliste chalet","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"IsHorizontal":false,"IsJustButton":false,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"InputMode":"CheckInAndNights","Filter":"NoFilter","PreselectedRoom":"60d8101f-9f74-c27a-ecdc-043742680a91","HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MaximumPersons":0,"MinimumPersons":0,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{}},{"WidgetId":"cc3f45dc-30bf-b35b-2f90-90782c587a6d","WidgetType":"availabilityCalendar","Description":"Chalets","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"CustomLos":1,"HasAdditionalRow":true,"HasDoubleView":false,"HasPromotionCode":false,"HasLargeView":false,"ProductIds":["60d8101f-9f74-c27a-ecdc-043742680a91"],"TariffIds":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{}},{"WidgetId":"ba6d2004-a4a4-7e67-66f9-4d9691af218a","WidgetType":"availabilityCalendar","Description":"Appartments","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"CustomLos":1,"HasAdditionalRow":true,"HasDoubleView":false,"HasPromotionCode":false,"HasLargeView":false,"ProductIds":["e898945a-52da-071d-c90b-86b10e68c4b6","35fdb1f8-b7a0-4f63-99f7-902ac0307ec3","31b77c8e-0ab9-75bd-11bf-122645a9d09a","dcc492f2-dfcd-c2ec-b3eb-e68d9ed00b0b","8b178a18-1a43-e538-803d-17a8f6b16a0c","f6939e2e-90bf-73a6-7033-4b1fc35bac23","c6ac5b0b-62f6-6498-4099-1676246b618f","d6e7a00e-08b7-0a8a-6efb-53015fcb6c5b","d7cd0461-72d0-87a1-8797-ce2254284995","afddec42-711a-fac0-f040-8aec49753ff4","d25b92b4-43f6-e166-b71a-0c4f5d58a893","105caabd-4012-299e-1466-184e020f3d6f"],"TariffIds":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{}},{"WidgetId":"de65b334-4a27-dd12-864c-347a64c2bf37","WidgetType":"quickbook","Description":"Button","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":false,"Fields":{"IsHorizontal":false,"IsJustButton":true,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"InputMode":"CheckInAndNights","Filter":"NoFilter","PreselectedRoom":"60d8101f-9f74-c27a-ecdc-043742680a91","HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MaximumPersons":0,"MinimumPersons":0,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{}}]}');sessionStorage.setItem('d21_uuid', 'b56b07ce-28aa-7a67-5679-5e523f2c7e9c');
            (function() {
                const ibeStyle = document.createElement('style');
                ibeStyle.type = 'text/css';
                ibeStyle.id = 'd21-ibe-style';
                ibeStyle.textContent = `
            :host {
                --ibe-load-time: 0.5s;
                /* Set a default; override from outside if needed */
                --color-container: #fff;
            }

            .d21-ibe {
                z-index: -1 !important;
                transition-duration: var(--ibe-load-time) !important;
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1) !important;
                position: fixed !important;
                width: 100vw !important;
                height: 100vh !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                opacity: 0 !important;
                transform: translateY(10%) scale(0.85) !important;
                border: none !important;
                background-color: var(--color-container);
            }

            .d21-ibe-visible {
                z-index: 999999999 !important;
                opacity: 1 !important;
                background-color: var(--color-container);
                transform: translateY(0) scale(1) !important;
            }
            `;

                // Try a few ways to find the shadow root
                let root = null;

                // 1) If your app exposes one globally, use it (customize as needed)
                if (window.d21ShadowRoot && window.d21ShadowRoot instanceof ShadowRoot) {
                root = window.d21ShadowRoot;
                }

                // 2) Otherwise, try a known host element id (adjust '#d21-root' to your host)
                if (!root) {
                const host = document.querySelector('#d21-root');
                if (host && host.shadowRoot) {
                    root = host.shadowRoot;
                }
                }

                // 3) Fallback: append to <head>
                if (root) {
                // Avoid duplicates
                if (!root.getElementById('d21-ibe-style')) {
                    root.appendChild(ibeStyle);
                }
                } else {
                if (!document.getElementById('d21-ibe-style')) {
                    document.head.appendChild(ibeStyle);
                }
                }
            })();
            const quickbook = document.createElement('script');quickbook.src = 'https://v5.widgets.dirs21.de/quickbook.js?v=5.0.0.0.754';quickbook.async = true;quickbook.type = 'module';quickbook.defer = true;document.body.appendChild(quickbook);if (Array.from(document.querySelectorAll('.d21-roomList, #d21-roomList')).length > 0) {  const roomList = document.createElement('script');  roomList.src = 'https://v5.widgets.dirs21.de/roomList.js?v=5.0.0.0.754';  roomList.async = true;  roomList.type = 'module';  roomList.defer = true;  document.body.appendChild(roomList);}if (Array.from(document.querySelectorAll('.d21-packageList, #d21-packageList, #d21-widgets-packages')).length > 0) {  const packageList = document.createElement('script');  packageList.src = 'https://v5.widgets.dirs21.de/packageList.js?v=5.0.0.0.754';  packageList.async = true;  packageList.type = 'module';  packageList.defer = true;  document.body.appendChild(packageList);}if (Array.from(document.querySelectorAll('.d21-availabilityCalendar, .d21-smallAvailabilityCalendar, #d21-bigAvailabilityCalendar, .d21-roomAvailability')).length > 0) {  const availabilityCalendar = document.createElement('script');  availabilityCalendar.src = 'https://v5.widgets.dirs21.de/availabilityCalendar.js?v=5.0.0.0.754';  availabilityCalendar.async = true;  availabilityCalendar.type = 'module';  availabilityCalendar.defer = true;  document.body.appendChild(availabilityCalendar);}}});