{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 = `/* ===== SCOPE тільки під quickbook embed ===== */ .code-search, .code-search .d21-quickbook, .code-search .d21-widget, .code-search .d21-widget-container, .code-search .d21-container-view { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .code-search .d21-widget .d21-content { font-size: 1em !important; font-weight: 400 !important; line-height: 1.3 !important; } .code-search .d21-widget .d21-content .d21-small { font-size: 1em !important; } .code-search .d21-widget .d21-button { height: 2.2rem !important; } .code-search .d21-widget .d21-button .d21-content { text-transform: none !important; font-size: 0.94em !important; font-weight: 600 !important; } .code-search .d21-widget .d21-heading { font-size: 1.5em !important; font-weight: 400 !important; } .code-search .d21-widget li.d21-content-item[data-v-039a416f] { padding: 6px 10px !important; } .code-search .d21-widget li.d21-content-item[data-v-039a416f]:hover { color: #1f1710 !important; background: #f0b24a !important; } .code-search .d21-widget .d21-circle { min-height: 33px !important; width: 60px !important; align-items: center !important; } .code-search .d21-trigger-popover-button { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(26, 20, 13, 0.12) !important; min-width: 0 !important; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease !important; } .code-search .d21-trigger-popover-button label { font-size: calc(0.75em + 2px) !important; letter-spacing: 0.06em !important; color: rgba(51, 43, 33, 0.68) !important; } .code-search .d21-trigger-popover-button p, .code-search .d21-trigger-popover-button .d21-content, .code-search .d21-trigger-popover-button .d21-small { font-size: calc(1em + 2px) !important; line-height: 1.2 !important; color: #1f1710 !important; } .code-search .d21-trigger-popover-button:hover, .code-search .d21-trigger-popover-button:focus-visible { background: #f8e7c0 !important; border-color: #e0a33a !important; box-shadow: inset 0 0 0 1px rgba(224, 163, 58, 0.35) !important; } .code-search .d21-trigger-popover-button:hover label, .code-search .d21-trigger-popover-button:focus-visible label, .code-search .d21-trigger-popover-button:hover p, .code-search .d21-trigger-popover-button:focus-visible p, .code-search .d21-trigger-popover-button:hover .d21-content, .code-search .d21-trigger-popover-button:focus-visible .d21-content, .code-search .d21-trigger-popover-button:hover .d21-small, .code-search .d21-trigger-popover-button:focus-visible .d21-small { color: #1f1710 !important; } .code-search button[d21-item="quickbook-book-button"] { min-width: 164px !important; padding-left: 24px !important; padding-right: 24px !important; white-space: nowrap !important; } .code-search button[d21-item="quickbook-book-button"] span { font-size: calc(1em + 2px) !important; font-weight: 650 !important; } .code-search .d21-widget .d21-button { height: 100% !important; } /* ========================================================= DESKTOP (>=768) ========================================================= */ @media (min-width: 768px) { .code-search .d21-container-view > .d21-v-stack { display: flex !important; align-items: stretch !important; width: 100% !important; gap: 0 !important; } /* check-in + nights */ .code-search .d21-h-stack { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr) !important; flex: 1.18 1 0 !important; width: 100% !important; min-width: 0 !important; } .code-search .d21-h-stack > .tw-d21-relative { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* guests + button */ .code-search .d21-container-view > .d21-v-stack > .d21-v-stack { display: grid !important; grid-template-columns: minmax(0, 1.2fr) auto !important; flex: 1.34 1 0 !important; width: 100% !important; min-width: 0 !important; gap: 0 !important; align-items: stretch !important; } .code-search .d21-container-view > .d21-v-stack > .d21-v-stack > div:first-child, .code-search .d21-container-view > .d21-v-stack > .d21-v-stack > .tw-d21-relative { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .code-search .d21-container-view > .d21-v-stack > .d21-v-stack > div:last-child { width: auto !important; min-width: max-content !important; max-width: none !important; display: flex !important; align-items: stretch !important; justify-content: flex-end !important; } .code-search .d21-container-view > .d21-v-stack > .d21-v-stack > div:last-child [class*="tw-d21-w-full"] { width: auto !important; max-width: none !important; } .code-search button[d21-item="quickbook-book-button"] { width: auto !important; flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .code-search button.d21-button.d21-full-width { height: 2rem !important; } } /* ========================================================= MOBILE (<768) ========================================================= */ @media (max-width: 767px) { .code-search .d21-container-view { overflow: visible !important; } .code-search .d21-container-view > .d21-v-stack { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; overflow: visible !important; } .code-search .d21-h-stack, .code-search .d21-container-view > .d21-v-stack > .d21-v-stack, .code-search .tw-d21-w-full, .code-search .tw-d21-relative { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .code-search .d21-h-stack { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; } .code-search .d21-container-view > .d21-v-stack > .d21-v-stack { display: grid !important; grid-template-columns: 1fr !important; overflow: visible !important; } .code-search .d21-trigger-popover-button, .code-search .d21-trigger-popover-button.tw-d21-min-w-40, .code-search button[d21-item="quickbook-book-button"] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .code-search .d21-popover-open { position: absolute !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; .d21-roomList.d21-widget, .d21-roomList.d21-widget .d21-widget-container, .d21-roomList.d21-widget .d21-widget-container > .d21-v-stack, .d21-roomList.d21-widget .d21-for-list, .d21-roomList.d21-widget .d21-for-list > div { width: 100% !important; max-width: none !important; } .d21-roomList.d21-widget .d21-widget-container { margin-left: 0 !important; margin-right: 0 !important; } .d21-roomList.d21-widget .d21-container-view.d21-expandable-container { width: auto !important; max-width: 100% !important; border-radius: 0 !important; overflow: hidden !important; } .d21-roomList.d21-widget .tw-d21-relative, .d21-roomList.d21-widget .tw-d21-static, .d21-roomList.d21-widget .d21-view.d21-slideshow, .d21-roomList.d21-widget .d21-slide, .d21-roomList.d21-widget .d21-slide > div, .d21-roomList.d21-widget .d21-border-img-small, .d21-roomList.d21-widget .d21-big-card-border-img-small, .d21-roomList.d21-widget .d21-button, .d21-roomList.d21-widget .d21-primary { border-radius: 0 !important; } .d21-roomList.d21-widget .d21-button, .d21-roomList.d21-widget .d21-primary { box-sizing: border-box !important; padding-left: 24px !important; padding-right: 24px !important; display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .d21-roomList.d21-widget .d21-button .d21-content, .d21-roomList.d21-widget .d21-primary .d21-content { font-weight: 500 !important; white-space: nowrap !important; width: 100% !important; text-align: center !important; line-height: 1 !important; margin: 0 !important; } .d21-roomList.d21-widget .d21-title, .d21-roomList.d21-widget .d21-content.d21-font-body, .d21-roomList.d21-widget .d21-content.d21-font-body .tw-d21-block, .d21-roomList.d21-widget .d21-content.d21-font-body .tw-d21-block > span { min-width: 0 !important; max-width: 100% !important; height: 45px !important; max-height: 45px !important; overflow-wrap: anywhere !important; word-break: break-word !important; } @media (min-width: 768px) { .d21-roomList.d21-widget .d21-container-view.d21-expandable-container > div > .d21-h-stack { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 16px !important; align-items: stretch !important; width: 100% !important; } .d21-roomList.d21-widget .d21-container-view.d21-expandable-container > div > .d21-h-stack > .tw-d21-relative, .d21-roomList.d21-widget .d21-container-view.d21-expandable-container > div > .d21-h-stack > .d21-view { width: auto !important; min-width: 0 !important; max-width: 100% !important; } .d21-roomList.d21-widget .d21-container-view.d21-expandable-container > div > .d21-h-stack > .d21-view { padding-left: 0 !important; padding-top: 12px !important; overflow: hidden !important; } .d21-roomList.d21-widget .d21-container-view.d21-expandable-container > div > .d21-h-stack > .d21-view > .d21-v-stack > .d21-h-stack:last-child { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: end !important; column-gap: 12px !important; row-gap: 8px !important; } .d21-roomList.d21-widget .d21-container-view.d21-expandable-container > div > .d21-h-stack > .d21-view > .d21-v-stack > .d21-h-stack:last-child > .d21-button.d21-primary { justify-self: end !important; align-self: end !important; max-width: 100% !important; } } @media (max-width: 767px) { .d21-roomList.d21-widget .d21-container-view.d21-expandable-container > div > .d21-v-stack { width: 100% !important; max-width: none !important; gap: 12px !important; } .d21-roomList.d21-widget .d21-container-view.d21-expandable-container > div > .d21-v-stack > .tw-d21-static { width: calc(100% + 1.6em) !important; margin-top: -0.8em !important; margin-left: -0.8em !important; margin-right: -0.8em !important; } .d21-roomList.d21-widget .d21-button.d21-primary { width: 100% !important; min-width: 0 !important; justify-content: center !important; align-items: center !important; } } `;document.head.appendChild(styles);sessionStorage.setItem('d21_config', '{"General":{"Directory":"/hotel-gewuerzmuehle-gera/","IsGroup":false,"ShouldOpenInNewTab":false,"CustomDomain":null,"ShouldWaitUntilDocumentReady":false,"UseShadowDOM":false,"Theme":{"Light":{"PrimaryColor":"#242323","SecondaryColor":"#5c5a5a","BorderRadius":0.5,"Font":{"Default":"Rubik","Decorative":"Rubik","Body":"Rubik"}},"Dark":{"PrimaryColor":"#2563eb","SecondaryColor":"#132228","BorderRadius":0.5,"Font":{"Default":"Rubik","Decorative":"Rubik","Body":"Rubik"}}},"Preselect":{"LOS":1,"Adults":2,"Children":[]},"ProductLimit":5,"HideChildrenInput":false,"ExchangeRates":{}},"Properties":[{"WidgetId":"2759834a-fd08-47eb-8bb7-7132ce773451","WidgetType":"quickbook","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"IsHorizontal":true,"IsJustButton":false,"HasSmallSearchButton":false,"HasDropdownsOnTop":false,"InputMode":"CheckInAndNights","Filter":"NoFilter","PreselectedRoom":null,"HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":0,"CustomOccupancyAdults":0,"CustomOccupancyChildren":[],"MaximumPersons":0,"MinimumPersons":0,"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":"defe767f-1351-47e7-8be7-bb814cf31c1b","WidgetType":"roomList","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":true,"Fields":{"UsePages":false,"ItemsPerPage":0,"GroupFilter":"NoFilter","HasFilterPrice":false,"FilterMinimumPrice":50.0,"FilterMaximumPrice":65.0,"FilterPriceLap":5.0,"UseFilter":false,"UseCalendar":true,"RoomBuild":null,"PreselectedHotels":[],"FixedPrice":[{"_uuid":"afbe9741-e552-4e24-a6d7-ce9dba4b7f19","IsActive":false,"MinPrice":null,"Name":"Komfort Familienzimmer"},{"_uuid":"d0f462f6-e7ca-4ec0-af71-f1dd0f89f91e","IsActive":false,"MinPrice":null,"Name":"Komfort Einzelzimmer"},{"_uuid":"07d566ca-098e-4b13-9495-bdc898eb6941","IsActive":false,"MinPrice":null,"Name":"Komfort Doppelzimmer"},{"_uuid":"a776a55f-ff99-4dd8-a360-0c639bd7c7cf","IsActive":false,"MinPrice":null,"Name":"Superior Einzelzimmer"},{"_uuid":"480e233d-ecae-437f-82e1-c040cfc88682","IsActive":false,"MinPrice":null,"Name":"Superior Doppelzimmer"},{"_uuid":"4aa84461-c7f7-4d49-b0a7-45d8975e3db0","IsActive":false,"MinPrice":null,"Name":"Superior Dreibettzimmer"}],"CustomStyles":null,"UseCustomStyles":true},"WidgetProperties":{}},{"WidgetId":"4f4f4c8d-4307-4ec9-a72e-c0e9a4a63f01","WidgetType":"packageList","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"UsePages":false,"ItemsPerPage":0,"GroupFilter":"NoFilter","HasFilterPrice":false,"FilterMinimumPrice":50.0,"FilterMaximumPrice":65.0,"FilterPriceLap":5.0,"UseFilter":false,"UseCalendar":true,"PreselectedHotels":[],"PreselectedCategories":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":null},{"WidgetId":"f6c6231b-b40b-4ff5-91cd-ad747ad444de","WidgetType":"availabilityCalendar","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"CustomLos":1,"HasAdditionalRow":true,"HasDoubleView":true,"HasPromotionCode":false,"HasLargeView":true,"ProductIds":[],"TariffIds":null,"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"HasLargeView":false,"HasDoubleView":false,"HasPromotionCode":false,"CustomLOS":1,"RestrictToRoom":"null"}}]}');sessionStorage.setItem('d21_uuid', 'e14fe39e-4a5f-4d83-adf6-6c7425babe62');const d21_css = document.createElement('link');d21_css.href = 'https://v5.widgets.dirs21.de/style.css?v=1.0.11';d21_css.rel = 'stylesheet';document.head.appendChild(d21_css);const quickbook = document.createElement('script');quickbook.src = 'https://v5.widgets.dirs21.de/quickbook.js?v=1.0.11';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=1.0.11'; 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=1.0.11'; 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=1.0.11'; availabilityCalendar.async = true; availabilityCalendar.type = 'module'; availabilityCalendar.defer = true; document.body.appendChild(availabilityCalendar);}}