{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 = `.d21-widget .d21-widget-center { margin-top: 0; margin-bottom: 0; } .d21-widget .d21-primary { --d21-primary: #c7a851; }`;document.head.appendChild(styles);sessionStorage.setItem('d21_config', '{"General":{"Directory":"/friendly-cityhotel-siegburgde/","IsGroup":false,"ShouldOpenInNewTab":false,"CustomDomain":null,"ShouldWaitUntilDocumentReady":false,"UseShadowDOM":true,"Theme":{"Light":{"PrimaryColor":"#c4a755","SecondaryColor":"#c4a755","BorderRadius":0.75,"Font":{"Default":"https://cdn.dirs21.de/v1/cdn/fonts/76614/daxlinepro-medium.otf","Decorative":"https://cdn.dirs21.de/v1/cdn/fonts/76614/daxlinepro-medium.otf","Body":"https://cdn.dirs21.de/v1/cdn/fonts/76614/daxlinepro-medium.otf"}},"Dark":{"PrimaryColor":"#c4a755","SecondaryColor":"#c4a755","BorderRadius":0.75,"Font":{"Default":"https://cdn.dirs21.de/v1/cdn/fonts/76614/daxlinepro-medium.otf","Decorative":"https://cdn.dirs21.de/v1/cdn/fonts/76614/daxlinepro-medium.otf","Body":"https://cdn.dirs21.de/v1/cdn/fonts/76614/daxlinepro-medium.otf"}}},"Preselect":{"LOS":1,"Adults":2,"Children":[]},"ProductLimit":10,"HideChildrenInput":false,"ExchangeRates":{}},"Properties":[{"WidgetId":"8519fb3f-df29-4e85-bd87-0e40ffaec96d","WidgetType":"quickbook","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":true,"Fields":{"IsHorizontal":true,"IsJustButton":true,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"InputMode":"TravelPeriod","Filter":"NoFilter","PreselectedRoom":"null","HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MaximumPersons":10,"MinimumPersons":1,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"IsHorizontal":true,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"Filter":"NoFilter","InputMode":"TravelPeriod","IsJustButton":true,"HasPromotionCode":false,"undefined":null,"PreselectedRoom":"null","OccupancyDiffersFromIBE":false,"CustomOccupancyChildren":[],"CustomLOS":1,"CustomOccupancyAdults":2,"MinimumPersons":1,"MaximumPersons":10}},{"WidgetId":"a9e5e5c0-9798-4baa-b5b5-fd1300458ad2","WidgetType":"roomList","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"UsePages":false,"ItemsPerPage":5,"GroupFilter":"NoFilter","HasFilterPrice":false,"FilterMinimumPrice":50.0,"FilterMaximumPrice":65.0,"FilterPriceLap":5.0,"UseFilter":true,"UseCalendar":false,"RoomBuild":null,"PreselectedHotels":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"HasLargeImage":false,"SlideAnimation":true,"UseBullets":true,"FilterMinimumPrice":50,"FilterMaximumPrice":65,"FilterPriceLap":5,"GroupFilter":"NoFilter"}},{"WidgetId":"583ce290-25b3-4614-b4dd-59c2ee5bcbb3","WidgetType":"packageList","Description":"Default QuickBook","DisplayTheme":"System","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"UsePages":false,"ItemsPerPage":7,"GroupFilter":"NoFilter","HasFilterPrice":false,"FilterMinimumPrice":0.0,"FilterMaximumPrice":99000.0,"FilterPriceLap":1000.0,"UseFilter":true,"UseCalendar":false,"PreselectedHotels":[],"PreselectedCategories":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"HasLargeImage":false,"SlideAnimation":true,"UseBullets":true,"GroupFilter":"NoFilter","UseFilter":true,"IsPagination":false,"ItemsPerPage":7,"VisiblePageCount":5,"FilterMinimumPrice":"0.00","FilterMaximumPrice":"990.00","FilterPriceLap":"10.00"}},{"WidgetId":"067cca49-0fdc-48c2-a260-6e42367f7a9b","WidgetType":"availabilityCalendar","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"CustomLos":1,"HasAdditionalRow":true,"HasDoubleView":false,"HasPromotionCode":false,"HasLargeView":false,"ProductIds":[],"TariffIds":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"HasLargeView":false,"HasAdditionalRow":true,"HasPromotionCode":false}},{"WidgetId":"fbc6ab9a-fcf4-0f65-8d67-1ad639fdd6c7","WidgetType":"voucherShop","Description":"","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":true,"Fields":{"VoucherBuild":"sva","UsePages":false,"ItemsPerPage":5,"UseFilter":true,"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"Filter":"NoFilter","InputMode":"CheckInAndNights","PreselectedRoom":null,"SlideAnimation":false,"UseBullets":true,"VoucherBuild":"Default"}},{"WidgetId":"86eacd1f-5869-1051-be3f-9df6716da544","WidgetType":"quickbook","Description":"Unterseiten","DisplayTheme":"System","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"IsHorizontal":false,"IsJustButton":false,"HasSmallSearchButton":false,"HasDropdownsOnTop":false,"InputMode":"TravelPeriod","Filter":"NoFilter","PreselectedRoom":null,"HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MaximumPersons":0,"MinimumPersons":0,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"IsHorizontal":false,"HasSmallSearchButton":false,"HasDropdownsOnTop":false,"Filter":"NoFilter","InputMode":"CheckInAndNights","PreselectedRoom":"null","IsJustButton":false,"HasPromotionCode":false,"OccupancyDiffersFromIBE":false,"CustomLOS":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MinimumPersons":1,"MaximumPersons":10}},{"WidgetId":"d4c41b16-aa49-d2f2-510c-eef9b8804e00","WidgetType":"quickbook","Description":"Neue Website","DisplayTheme":"System","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"IsHorizontal":true,"IsJustButton":false,"HasSmallSearchButton":true,"HasDropdownsOnTop":true,"InputMode":"TravelPeriod","Filter":"NoFilter","PreselectedRoom":null,"HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MaximumPersons":10,"MinimumPersons":1,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":null,"UseCustomStyles":true},"WidgetProperties":{"IsHorizontal":false,"HasSmallSearchButton":false,"HasDropdownsOnTop":false,"Filter":"NoFilter","InputMode":"CheckInAndNights","PreselectedRoom":"null","IsJustButton":false,"HasPromotionCode":false,"OccupancyDiffersFromIBE":false,"CustomLOS":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MinimumPersons":1,"MaximumPersons":10}},{"WidgetId":"dfd16d56-098f-c95c-3963-613b704b5517","WidgetType":"quickbook","Description":"dive4life","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"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":0,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"IsHorizontal":false,"HasSmallSearchButton":false,"HasDropdownsOnTop":false,"Filter":"NoFilter","InputMode":"CheckInAndNights","PreselectedRoom":"null","IsJustButton":false,"HasPromotionCode":false,"OccupancyDiffersFromIBE":false,"CustomLOS":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MinimumPersons":1,"MaximumPersons":10}},{"WidgetId":"935b8bd7-3945-7d52-a065-3ae27b20f24c","WidgetType":"quickbook","Description":"nur Button","DisplayTheme":"System","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"IsHorizontal":true,"IsJustButton":true,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"InputMode":"TravelPeriod","Filter":"NoFilter","PreselectedRoom":null,"HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MaximumPersons":0,"MinimumPersons":0,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"IsHorizontal":false,"HasSmallSearchButton":false,"HasDropdownsOnTop":false,"Filter":"NoFilter","InputMode":"CheckInAndNights","PreselectedRoom":"null","IsJustButton":false,"HasPromotionCode":false,"OccupancyDiffersFromIBE":false,"CustomLOS":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MinimumPersons":1,"MaximumPersons":10,"SlideAnimation":true,"UseBullets":true,"UseFilter":true,"IsPagination":null,"ItemsPerPage":7,"VisiblePageCount":5,"FilterMinimumPrice":50,"FilterMaximumPrice":65,"FilterPriceLap":5,"GroupFilter":null}}]}');sessionStorage.setItem('d21_uuid', 'ed672f80-ab26-4d14-ae7e-cc5830fc985a'); (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
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);}if (Array.from(document.querySelectorAll('.d21-voucherShop')).length > 0) { const voucherShop = document.createElement('script'); voucherShop.src = 'https://v5.widgets.dirs21.de/voucherShop.js?v=5.0.0.0.754'; voucherShop.async = true; voucherShop.type = 'module'; voucherShop.defer = true; document.body.appendChild(voucherShop);}}