{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":"/helgolaender-botschaft-gutscheinede/","IsGroup":false,"ShouldOpenInNewTab":false,"CustomDomain":null,"ShouldWaitUntilDocumentReady":false,"UseShadowDOM":true,"Theme":{"Light":{"PrimaryColor":"#9e3110","SecondaryColor":"#315031","BorderRadius":0.5,"Font":{"Default":"Lato","Decorative":"Lato","Body":"Lato"}},"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":"4600a95f-f9fb-7e52-8736-c5c8fe190cd6","WidgetType":"voucherShop","Description":"","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":false,"Fields":{"VoucherBuild":"gutscheine","UsePages":false,"ItemsPerPage":5,"UseFilter":true,"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{}}]}');sessionStorage.setItem('d21_uuid', 'a21fe087-37c6-4cfb-926b-e2b2bf5ec29f');
(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=1.0.13';quickbook.async = true;quickbook.type = 'module';quickbook.defer = true;document.body.appendChild(quickbook);if (Array.from(document.querySelectorAll('.d21-voucherShop')).length > 0) { const voucherShop = document.createElement('script'); voucherShop.src = 'https://v5.widgets.dirs21.de/voucherShop.js?v=1.0.13'; voucherShop.async = true; voucherShop.type = 'module'; voucherShop.defer = true; document.body.appendChild(voucherShop);}}