{const urlParameters = new URL(window.location.href).searchParams;const isStagingFromLink = urlParameters.get('d21_widgets_staging');const isStagingBackEnd = false;if ((isStagingFromLink && isStagingBackEnd) || !isStagingFromLink) {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=IBE").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 = ` /* ============================================= */ /* 1) Äußere Gold-Linie */ /* ============================================= */ .d21-widget-container { background: transparent !important; border: 1px solid #c6a768 !important; padding: 8px !important; } /* ============================================= */ /* 2) Innere Gold-Linie + Flex-Layout */ /* ============================================= */ .d21-widget-container .d21-container-view { background: transparent !important; border: 1px solid #c6a768 !important; border-radius: 0 !important; padding: 12px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } /* ============================================= */ /* 3) Einzelne Felder (Check-In, Nächte, Gäste) */ /* ============================================= */ .d21-widget-container .query-field, .d21-widget-container .query-action { background: transparent !important; padding: 0 20px !important; cursor: pointer !important; } /* ============================================= */ /* 4) Vertikale Trennlinien zentriert */ /* ============================================= */ .d21-widget-container .d21-divider-vertical-stop { background-color: #c6a768 !important; width: 1px !important; height: 2.5em !important; align-self: center !important; margin: 0 16px !important; } /* ============================================= */ /* 5) Beschriftung oben („Check-In“, „Nächte“) */ /* ============================================= */ .d21-widget-container .d21-description { color: #c6a768 !important; font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 0.2em !important; font-family: sans-serif !important; } /* ============================================= */ /* 6) Haupttexte (Datum, Gäste) */ /* ============================================= */ .d21-widget-container .d21-content { color: #ffffff !important; font-size: 1rem !important; font-family: Georgia, serif !important; } /* ============================================= */ /* 7) Such-Button (“Verfügbarkeit Prüfen”) */ /* ============================================= */ .d21-widget-container .d21-button.d21-primary.d21-extended-button { background-color: #c6a768 !important; border: 1px solid #c6a768 !important; color: #212121 !important; padding: 8px 16px !important; text-transform: uppercase !important; font-family: Georgia, serif !important; font-size: 1rem !important; } .d21-widget-container .d21-button.d21-primary.d21-extended-button:hover { background-color: #e0c775 !important; } /* ============================================= */ /* 8) Such-Icon weiß färben */ /* ============================================= */ .d21-widget-container svg.d21-icon-small path { fill: #ffffff !important; } /* ============================================= */ /* 9) Dropdown-Panels jetzt OPAQUE */ /* ============================================= */ .d21-widget-container .d21-dropdown-content { background-color: #000000 !important; /* ganz undurchsichtig */ border: 1px solid #c6a768 !important; border-radius: 0 !important; padding: 0.5em !important; z-index: 1000 !important; } /* ============================================= */ /* 10) Mehr Abstand zwischen den Buttons */ /* ============================================= */ .d21-widget-container .d21-dropdown-content .d21-button + .d21-button { margin-top: 16px !important; } /* Basis-Reset für das Widget */ .d21-roomList { margin: 0 auto; padding: 2rem; max-width: 1200px; box-sizing: border-box; } /* Grid-Layout: 2 Spalten auf Desktop, 1 Spalte auf Mobil */ .d21-roomList .d21-v-stack[style*="max-width: 50em"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } /* Einzelne Karten */ .d21-container-view.d21-expandable-container { background-color: var(--d21-secondary); border-radius: var(--border-radius-outer); overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.2); transition: transform 0.3s ease, box-shadow 0.3s ease; } .d21-container-view.d21-expandable-container:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.3); } /* Bildbereich */ .d21-slide > div { border-radius: var(--border-radius-inner); overflow: hidden; } .d21-slideshow { position: relative; } .d21-img-open-button, .d21-icon { color: #fff; background: rgba(0,0,0,0.4); padding: 0.5rem; border-radius: 50%; transition: background 0.3s; } .d21-icon:hover, .d21-img-open-button:hover { background: rgba(0,0,0,0.6); } /* Textbereich */ .d21-content.d21-font-body { color: #e0e0e0; line-height: 1.5; max-height: 4.5em; overflow: hidden; text-overflow: ellipsis; } .d21-title.d21-font-decorative { color: var(--d21-primary); font-size: 1.25rem; margin-bottom: 0.5rem; display: block; } /* Tag-Liste */ .d21-tag-list { margin: 0.5rem 0; } .d21-tag { display: inline-block; background: var(--d21-primary); color: #fff; padding: 0.25rem 0.75rem; border-radius: var(--border-radius-smallest); font-size: 0.875rem; margin-right: 0.5rem; } /* Preisangabe */ .d21-price { font-size: 1.5rem; font-weight: bold; color: var(--d21-primary); } .d21-small { color: #ccc; } /* Button „Jetzt buchen“ */ .d21-button.d21-primary { background-color: var(--d21-primary); color: #fff; padding: 0.75rem 1.5rem; border-radius: var(--border-radius-smallest); text-align: center; cursor: pointer; transition: background 0.3s; } .d21-button.d21-primary:hover { background-color: var(--color-primary-transparent); } /* Responsive Anpassungen */ @media (max-width: 768px) { .d21-roomList .d21-v-stack[style*="max-width: 50em"] { grid-template-columns: 1fr; } .d21-h-stack { flex-direction: column !important; } } `;document.head.appendChild(styles);sessionStorage.setItem('d21_config', '{"General":{"Directory":"/goldenerkarpfenonpreviewde/","IsGroup":false,"ShouldOpenInNewTab":false,"CustomDomain":null,"ShouldWaitUntilDocumentReady":false,"Theme":{"Light":{"PrimaryColor":"#c6a768","SecondaryColor":"#c6a768","BorderRadius":0.5,"Font":{"Default":"Lato","Decorative":"Lato","Body":"Lato"}},"Dark":{"PrimaryColor":"#c6a768","SecondaryColor":"#131616","BorderRadius":0.5,"Font":{"Default":"Lato","Decorative":"Lato","Body":"Lato"}}},"Preselect":{"LOS":1,"Adults":2,"Children":[]},"ProductLimit":10,"HideChildrenInput":false},"Properties":[{"WidgetId":"48101a45-6d63-49f1-afd0-ce32fd0e3440","WidgetType":"quickbook","Description":"Default QuickBook","DisplayTheme":"Dark","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"IsHorizontal":false,"IsJustButton":false,"HasSmallSearchButton":true,"HasDropdownsOnTop":true,"InputMode":"CheckInAndNights","Filter":"NoFilter","PreselectedRoom":null,"HasSlimMode":false,"OccupancyDiffersFromIBE":true,"CustomLos":1,"CustomOccupancyAdults":1,"CustomOccupancyChildren":[],"MaximumPersons":10,"MinimumPersons":1,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":"","UseCustomStyles":true},"WidgetProperties":{"IsHorizontal":false,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"Filter":"NoFilter","InputMode":"CheckInAndNights","IsJustButton":false,"HasPromotionCode":false,"PreselectedRoom":"null","OccupancyDiffersFromIBE":false,"CustomLOS":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MinimumPersons":1,"MaximumPersons":10}},{"WidgetId":"a7d5d7a0-b6ad-4136-aac6-5e7d7c0d1e69","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":"5f2f3c42-c311-412b-b4fa-e1f53d4e0827","WidgetType":"packageList","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,"PreselectedHotels":[],"PreselectedCategories":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"HasLargeImage":false,"SlideAnimation":true,"UseBullets":true,"GroupFilter":"NoFilter"}},{"WidgetId":"aa0e9319-ef12-4368-aab9-707b578ce064","WidgetType":"availabilityCalendar","Description":"Default QuickBook","DisplayTheme":"Dark","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,"HasDoubleView":false,"CustomLOS":1,"RestrictToRoom":"null"}},{"WidgetId":"a7aeb681-02ed-2a0d-bb33-21c1b4e97530","WidgetType":"voucherShop","Description":"","DisplayTheme":"Dark","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"VoucherBuild":"Default","UsePages":true,"ItemsPerPage":5,"UseFilter":true,"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"IsHorizontal":null,"HasSmallSearchButton":null,"HasDropdownsOnTop":null,"Filter":"NoFilter","InputMode":"CheckInAndNights","PreselectedRoom":null,"IsJustButton":null,"HasPromotionCode":null,"OccupancyDiffersFromIBE":null,"CustomLOS":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":null,"MinimumPersons":1,"MaximumPersons":10,"SlideAnimation":true,"UseBullets":true,"VoucherBuild":null}},{"WidgetId":"f7d3e263-c310-f904-09cf-e18d46cee6d8","WidgetType":"addOnList","Description":"","DisplayTheme":"Dark","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"AddOnBuild":"Default","UseFilter":true,"UsePages":false,"ItemsPerPage":5,"GroupFilter":"NoFilter","FilterMinimumPrice":50.0,"FilterMaximumPrice":65.0,"FilterPriceLap":5.0,"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"IsHorizontal":null,"HasSmallSearchButton":null,"HasDropdownsOnTop":null,"Filter":"NoFilter","InputMode":"CheckInAndNights","PreselectedRoom":null,"IsJustButton":null,"HasPromotionCode":null,"OccupancyDiffersFromIBE":null,"CustomLOS":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":null,"MinimumPersons":1,"MaximumPersons":10,"SlideAnimation":true,"UseBullets":true,"UseFilter":true,"addOnBuild":"null","FilterMinimumPrice":50,"FilterMaximumPrice":65,"FilterPriceLap":5,"IsPagination":false,"ItemsPerPage":7,"VisiblePageCount":5}},{"WidgetId":"afb6ed7c-b58c-be1f-9949-483c0ac73f4a","WidgetType":"quickbook","Description":"OLD","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":true,"Fields":{"IsHorizontal":false,"IsJustButton":false,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"InputMode":"CheckInAndNights","Filter":"NoFilter","PreselectedRoom":null,"HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":1,"CustomOccupancyAdults":2,"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":"db056909-1c79-90be-1931-692d11711245","WidgetType":"roomList","Description":"Zimmerlist test","DisplayTheme":"Dark","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"UsePages":false,"ItemsPerPage":5,"GroupFilter":"NoFilter","HasFilterPrice":false,"FilterMinimumPrice":50.0,"FilterMaximumPrice":65.0,"FilterPriceLap":5.0,"UseFilter":false,"UseCalendar":true,"RoomBuild":"Default","PreselectedHotels":[],"CustomStyles":null,"UseCustomStyles":true},"WidgetProperties":{"IsHorizontal":null,"HasSmallSearchButton":null,"HasDropdownsOnTop":null,"Filter":"NoFilter","InputMode":"CheckInAndNights","PreselectedRoom":null,"IsJustButton":null,"HasPromotionCode":null,"OccupancyDiffersFromIBE":null,"CustomLOS":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":null,"MinimumPersons":1,"MaximumPersons":10,"SlideAnimation":true,"UseBullets":true,"UseFilter":true,"IsPagination":false,"ItemsPerPage":7,"VisiblePageCount":5,"FilterMinimumPrice":50,"FilterMaximumPrice":65,"FilterPriceLap":5,"GroupFilter":"null"}},{"WidgetId":"8f39f65a-091e-85f6-c1b1-51b07c129c19","WidgetType":"quickbook","Description":"Relaunch V2","DisplayTheme":"Dark","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"IsHorizontal":true,"IsJustButton":false,"HasSmallSearchButton":true,"HasDropdownsOnTop":false,"InputMode":"CheckInAndNights","Filter":"NoFilter","PreselectedRoom":null,"HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MaximumPersons":0,"MinimumPersons":1,"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}}]}');sessionStorage.setItem('d21_uuid', '20d99e93-32ec-9f50-0fca-9ec48677ae1d');const d21_css = document.createElement('link');d21_css.href = 'https://v5.widgets.dirs21.de/style.css?v=5.0.0.0.631';d21_css.rel = 'stylesheet';document.head.appendChild(d21_css);const quickbook = document.createElement('script');quickbook.src = 'https://v5.widgets.dirs21.de/quickbook.js?v=5.0.0.0.631';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.631'; 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.631'; 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.631'; 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.631'; voucherShop.async = true; voucherShop.type = 'module'; voucherShop.defer = true; document.body.appendChild(voucherShop);}if (Array.from(document.querySelectorAll('.d21-addOnList')).length > 0) { const addOnList = document.createElement('script'); addOnList.src = 'https://v5.widgets.dirs21.de/addOnList.js?v=5.0.0.0.631'; addOnList.async = true; addOnList.type = 'module'; addOnList.defer = true; document.body.appendChild(addOnList);}} else { const scriptElement = document.querySelector("script[src*='20d99e93-32ec-9f50-0fca-9ec48677ae1d']"); let src = scriptElement.src; src = src.replace('js-sdk.dirs21.de', 'js-sdk-staging.dirs21.de'); src = src.replace('&?', '?'); src = src.replace('?&', '?'); scriptElement.remove(); const newScript = document.createElement('script'); newScript.src = src; document.body.appendChild(newScript); let labelStaging = document.createElement('div'); labelStaging.innerHTML = 'Staging'; labelStaging.classList.add('d21-label-staging-mode'); document.body.appendChild(labelStaging);}}