{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 = `/* ============================================
Opas Huus – DIRS21 Custom Styles
Einfügen in: DIRS21 Cockpit → Widgets → Eigene Styles
============================================ */
/* --- Farbschema: CSS-Variablen überschreiben --- */
.d21-widget {
--d21-primary: #1a1a1a !important;
--d21-secondary: #F3EFEC !important;
--d21-hover: #3a2e25 !important;
--d21-hover-darker: #e8e2db !important;
--d21-text: #ffffff !important;
--d21-container: #ffffff !important;
--d21-card: #F3EFEC !important;
--d21-divider: #e0dbd5 !important;
--d21-color-primary-transparent: rgba(26, 26, 26, 0.7) !important;
--d21-border-radius-inner: 0 !important;
--d21-border-radius-outer: 0 !important;
--d21-border-radius-smallest: 0 !important;
--d21-description: #8b7355 !important;
--d21-description-dark: #6d5a47 !important;
--d21-description-light: #a89279 !important;
}
/* --- Container: weißer Hintergrund, feiner warmer Rand, eckig --- */
.d21-container-view {
background-color: #ffffff !important;
border: 1px solid #e0dbd5 !important;
border-radius: 0 !important;
box-shadow: 0 1px 8px rgba(0,0,0,0.04) !important;
}
/* --- Such-Button: schwarz, eckig --- */
.d21-primary {
background-color: #1a1a1a !important;
color: #ffffff !important;
border-radius: 0 !important;
transition: background-color 0.3s ease !important;
}
.d21-primary:hover {
background-color: #3a2e25 !important;
}
/* --- Feld-Labels: warmes Braun, Uppercase --- */
.d21-query-field span:first-child,
.d21-query-field-flex span:first-child {
color: #8b7355 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
font-weight: 600 !important;
}
/* --- Feld-Werte: dunkler Text --- */
.d21-query-field span:last-child,
.d21-query-field-flex span:last-child {
color: #1a1a1a !important;
font-weight: 400 !important;
}
/* --- Hover auf Eingabefeldern: warmes Beige --- */
.d21-query-field:hover,
.d21-query-field-flex:hover {
background-color: #F3EFEC !important;
}
/* --- Trennlinien: sanftes Beige --- */
.d21-divider-left-between > *:not(:first-child)::before,
.d21-divider-top-between > *:not(:first-child)::before {
border-color: #e0dbd5 !important;
}
/* --- Alles eckig: kein border-radius --- */
.d21-container-view,
.d21-primary,
.d21-query-field,
.d21-query-field-flex,
.d21-query-action {
border-radius: 0 !important;
}`;document.head.appendChild(styles);sessionStorage.setItem('d21_config', '{"General":{"Directory":"/opas-huus/","IsGroup":false,"ShouldOpenInNewTab":true,"CustomDomain":null,"ShouldWaitUntilDocumentReady":false,"UseShadowDOM":false,"Theme":{"Light":{"PrimaryColor":"#8b7355","SecondaryColor":"#8b7355","BorderRadius":0.5,"Font":{"Default":"Raleway","Decorative":"Raleway","Body":"Raleway"}},"Dark":{"PrimaryColor":"#f3efec","SecondaryColor":"#f3efec","BorderRadius":0.5,"Font":{"Default":"Raleway","Decorative":"Raleway","Body":"Raleway"}}},"Preselect":{"LOS":1,"Adults":2,"Children":[]},"ProductLimit":5,"HideChildrenInput":false,"ExchangeRates":{}},"Properties":[{"WidgetId":"b6f21814-8829-4195-af66-fab2bf3e021b","WidgetType":"quickbook","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"IsHorizontal":true,"IsJustButton":false,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"InputMode":"CheckInAndNights","Filter":"NoFilter","PreselectedRoom":null,"HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":0,"CustomOccupancyAdults":0,"CustomOccupancyChildren":[],"MaximumPersons":0,"MinimumPersons":2,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":null,"UseCustomStyles":true},"WidgetProperties":{}},{"WidgetId":"641bd5f8-0a22-4727-ae1c-9cd33f8d42a7","WidgetType":"roomList","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,"RoomBuild":null,"PreselectedHotels":[],"FixedPrice":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":null},{"WidgetId":"d705dedb-b55a-43b5-8dd0-3d0715be4004","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":"147fdf81-51f2-4fa3-9a16-242db2913537","WidgetType":"availabilityCalendar","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"CustomLos":0,"HasAdditionalRow":true,"HasDoubleView":false,"HasPromotionCode":false,"HasLargeView":false,"ProductIds":null,"TariffIds":null,"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":null}]}');sessionStorage.setItem('d21_uuid', 'a95495a2-765a-4f86-9b2e-cdd00615c6e1');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);}}