PageSourceSearch

https://www.botel.nl/rooms

html botel.nl collected 2026-10-08 07:10:45 UTC 126,320 bytes, 3,200 lines download raw bytes

1<!doctype html >
2<html xmlns="http://www.w3.org/1999/xhtml" lang="en"
3      class="ios-preview-native-scroll">
4<head>
5    <meta charset="utf-8">
6    
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45<script type="text/javascript">
46    window._currentDevice = 'desktop';
47    window.Parameters = window.Parameters || {
48        HomeUrl: 'https://www.botel.nl/',
49
50        SystemID: 'EU_PRODUCTION',
51        SiteAlias: '00a54f0f6712438da5ffad64490c7595',
52        SiteType: atob('RFVEQU9ORQ=='),
53        PublicationDate: 'Jun 16, 2026',
54        ExternalUid: '42',
55        IsSiteMultilingual: true,
56        InitialPostAlias: '',
57        InitialPostPageUuid: '',
58        InitialDynamicItem: '',
59        DynamicPageInfo: {
60            isDynamicPage: false,
61            base64JsonRowData: 'null',
62        },
63        InitialPageAlias: 'rooms',
64        InitialPageUuid: '5d220e6716cc4a7388a5daca36d3ceaf',
65        InitialPageId: '37212483',
66        InitialEncodedPageAlias: 'cm9vbXM=',
67        InitialHeaderUuid: 'd3b664c1cd4c4868be1f3028db9b9beb',
68        CurrentPageUrl: '',
69        IsCurrentHomePage: false,
70        AllowAjax: false,
71        AfterAjaxCommand: null,
72        HomeLinkText: 'Back To Home',
73        UseGalleryModule: false,
74        CurrentThemeName: 'Layout Theme',
75        ThemeVersion: '500000',
76        DefaultPageAlias: '',
77        RemoveDID: true,
78        WidgetStyleID: null,
79        IsHeaderFixed: false,
80        IsHeaderSkinny: false,
81        IsBfs: true,
82        StorePageAlias: 'null',
83        StorePagesUrls: 'e30=',
84        IsNewStore: 'false',
85        StorePath: '',
86        StoreId: 'null',
87        StoreVersion: 0,
88        StoreBaseUrl: '',
89        StoreCleanUrl: true,
90        StoreDisableScrolling: true,
91        IsStoreSuspended: false,
92        HasCustomDomain: true,
93        SimpleSite: false,
94        showCookieNotification: false,
95        cookiesNotificationMarkup: 'null',
96        translatedPageUrl: '',
97        isFastMigrationSite: false,
98        sidebarPosition: 'NA',
99        currentLanguage: 'en',
100        currentLocale: 'en',
101        NavItems: '{}',
102        errors: {
103            general: 'There was an error connecting to the page.<br/> Make sure you are not offline.',
104            password: 'Incorrect name/password combination',
105            tryAgain: 'Try again'
106        },
107        
108        mapConsent: {
109            message: 'This content is served by a third party, {0}. If enabled, {0} may collect information about your activity.',
110            enable: 'Enable'
111        },
112        NavigationAreaParams: {
113            ShowBackToHomeOnInnerPages: true,
114            NavbarSize: -1,
115            NavbarLiveHomePage: 'https://www.botel.nl/',
116            BlockContainerSelector: '.dmBody',
117            NavbarSelector: '#dmNav:has(a)',
118            SubNavbarSelector: '#subnav_main'
119        },
120        hasCustomCode: false,
121        planID: '7',
122        customTemplateId: 'null',
123        siteTemplateId: 'null',
124        productId: 'DM_DIRECT',
125        disableTracking: false,
126        pageType: 'FROM_SCRATCH',
127        isRuntimeServer: true,
128        isInEditor: false,
129        isInPreview: false,
130        hasNativeStore: false,
131        defaultLang: 'en',
132        hamburgerMigration: null,
133        isFlexSite: true
134    };
135
136    window.Parameters.LayoutID = {};
137    window.Parameters.LayoutID[window._currentDevice] = 30;
138    window.Parameters.LayoutVariationID = {};
139    window.Parameters.LayoutVariationID[window._currentDevice] = 5;
140</script>
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163<!-- Injecting site-wide to the head -->
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183<script type="text/javascript" id="d_track_campaign" data-entry-referrer>
184    (function() {
185        if (!window.location.search) {
186            return;
187        }
188        const cleanParams = window.location.search.substring(1); // Strip ?
189        const queryParams = cleanParams.split('&');
190
191        const expires = 'expires=' + new Date().getTime() + 24 * 60 * 60 * 1000;
192        const domain = 'domain=' + window.location.hostname;
193        const path = "path=/";
194
195        queryParams.forEach((param) => {
196            const [key, value = ''] = param.split('=');
197            if (key.startsWith('utm_')) {
198                const cookieName = "_dm_rt_" + key.substring(4);
199                const cookie = cookieName + "=" + value;
200                const joined = [cookie, expires, domain, path].join(";");
201                document.cookie = joined;
202            }
203        });
204    }());
205</script>
205
206
207<script type="text/javascript" >
208    var _dm_gaq = {};
209    var _gaq = _gaq || [];
210    var _dm_insite = [];
211</script>
211
212
213
214
215
216<script>
217    const siteGoogleAnalyticsTagIds = ['G-WXPQFE3CC3'];
218    (function (w, i, g) { w[g] = w[g] || []; if (typeof w[g].push == 'function') w[g].push.apply(w[g], i) })
219    (window, siteGoogleAnalyticsTagIds, 'google_tags_first_party');
220</script>
vendor: 1 bytes, line 220
220
221<script async src="/qzn74mdkpb-00a54f0f6712438da5ffad64490c7595/yzkpfCoP8In4Wzt8v8o3QcJD91A"></script>
221
222
223<script type="text/javascript" id="d_track_ga">
224    window.dataLayer = window.dataLayer || [];
225    _dm_gaq.siteAlias = '00a54f0f6712438da5ffad64490c7595';
226    _dm_gaq.externalGaqID = 'non-empty';
227
228    function gtag() { dataLayer.push(arguments); }
229
230    function pushInsiteImpressions(id) {
231        _dm_insite.forEach((rule) => {
232            _dm_gaq.pushEvent(id, 'insite_impression', 'insite', rule.ruleType + '__' + rule.ruleId);
233        });
234    }
235
236    _dm_gaq.pushEvent = function(trackingId, event, category, label, value, additionalParams = {}) {
237        const eventProps = {
238            event_category: category,
239            event_label: label,
240            value,
241            ...additionalParams
242        };
243        gtag('event', event, eventProps);
244    }
245
246    gtag('js', new Date())
247
248    
249gtag('set', 'developer_id.dMDU5Nj', true);
250gtag('set', 'developer_id.dYmRlZG', true);
251gtag('set', 'developer_id.dMWY5NG', true);
252gtag('config', 'G-WXPQFE3CC3', {
253    'send_page_view': false,
254    'linker': {
255        'domains': ['www.botel.nl']
256    }
257});
258
259    _dm_gaq.pushEvent('', 'page_view');
260
261    pushInsiteImpressions(_dm_gaq.externalGaqID);
262</script>
262
263
264
265
266
267
268<!-- End Injecting site-wide to the head -->
269
270
271
272
273
274<script>
275    function toHash(str) {
276        var hash = 5381, i = str.length;
277        while (i) {
278            hash = hash * 33 ^ str.charCodeAt(--i)
279        }
280        return hash >>> 0
281    }
282</script>
vendor: 1 bytes, line 282
282
283<script>
284    (function (global) {
285    //const cacheKey = global.cacheKey;
286    const isOffline = 'onLine' in navigator && navigator.onLine === false;
287    const hasServiceWorkerSupport = 'serviceWorker' in navigator;
288    if (isOffline) {
289        console.log('offline mode');
290    }
291    if (!hasServiceWorkerSupport) {
292        console.log('service worker is not supported');
293    }
294    if (hasServiceWorkerSupport && !isOffline) {
295        window.addEventListener('load', function () {
296            const serviceWorkerPath = '/runtime-service-worker.js?v=3';
297            navigator.serviceWorker
298                .register(serviceWorkerPath, { scope: './' })
299                .then(
300                    function (registration) {
301                        // Registration was successful
302                        console.log(
303                            'ServiceWorker registration successful with scope: ',
304                            registration.scope
305                        );
306                    },
307                    function (err) {
308                        // registration failed :(
309                        console.log('ServiceWorker registration failed: ', err);
310                    }
311                )
312                .catch(function (err) {
313                    console.log(err);
314                });
315        });
316
317        // helper function to refresh the page
318        var refreshPage = (function () {
319            var refreshing;
320            return function () {
321                if (refreshing) return;
322                // prevent multiple refreshes
323                var refreshkey = 'refreshed' + location.href;
324                var prevRefresh = localStorage.getItem(refreshkey);
325                if (prevRefresh) {
326                    localStorage.removeItem(refreshkey);
327                    if (Date.now() - prevRefresh < 30000) {
328                        return; // dont go into a refresh loop
329                    }
330                }
331                refreshing = true;
332                localStorage.setItem(refreshkey, Date.now());
333                console.log('refereshing page');
334                window.location.reload();
335            };
336        })();
337
338        function messageServiceWorker(data) {
339            return new Promise(function (resolve, reject) {
340                if (navigator.serviceWorker.controller) {
341                    var worker = navigator.serviceWorker.controller;
342                    var messageChannel = new MessageChannel();
343                    messageChannel.port1.onmessage = replyHandler;
344                    worker.postMessage(data, [messageChannel.port2]);
345                    function replyHandler(event) {
346                        resolve(event.data);
347                    }
348                } else {
349                    resolve();
350                }
351            });
352        }
353    }
354})(window);
355</script>
355
356
357
358
359<link rel="canonical" href="https://www.botel.nl/rooms">
360
361<meta id="view" name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=5, viewport-fit=cover">
362<meta name="dm:lcp-preload" content="dm:lcp-frozen">
363<meta name="apple-mobile-web-app-capable" content="yes">
364
365
366
367<link rel="icon" type="image/x-icon" href="https://de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/site_favicon_16_1747237161674.ico"/>
368
369
370<link rel="preconnect" href="https://le-de.cdn-website.com"/>
371<link rel="preconnect" href="https://de.cdn-website.com" crossorigin/>
372<link rel="preconnect" href="https://static.cdn-website.com"/>
373<link rel="preconnect" href="https://de.cdn-website.com"/>
374
375
376
377
378<script id='d-js-dmapi'>
379    window.SystemID = 'EU_PRODUCTION';
380
381    if (!window.dmAPI) {
382        window.dmAPI = {
383            registerExternalRuntimeComponent: function () {
384            },
385            getCurrentDeviceType: function () {
386                return window._currentDevice;
387            },
388            runOnReady: (ns, fn) => {
389                const safeFn = dmAPI.toSafeFn(fn);
390                ns = ns || 'global_' + Math.random().toString(36).slice(2, 11);
391                const eventName = 'afterAjax.' + ns;
392
393                if (document.readyState === 'complete') {
394                    $.DM.events.off(eventName).on(eventName, safeFn);
395                    setTimeout(function () {
396                        safeFn({
397                            isAjax: false,
398                        });
399                    }, 0);
400                } else {
401                    window?.waitForDeferred?.('dmAjax', () => {
402                        $.DM.events.off(eventName).on(eventName, safeFn);
403                        safeFn({
404                            isAjax: false,
405                        });
406                    });
407                }
408            },
409            toSafeFn: (fn) => {
410                if (fn?.safe) {
411                    return fn;
412                }
413                const safeFn = function (...args) {
414                    try {
415                        return fn?.apply(null, args);
416                    } catch (e) {
417                        console.log('function failed ' + e.message);
418                    }
419                };
420                safeFn.safe = true;
421                return safeFn;
422            }
423        };
424    }
425
426    if (!window.requestIdleCallback) {
427        window.requestIdleCallback = function (fn) {
428            setTimeout(fn, 0);
429        }
430    }
431</script>
431
432
433
434
435
436
437
438
439
440<script id="d-js-load-css">
441/**
442 * There are a few <link> tags with CSS resource in them that are preloaded in the page
443 * in each of those there is a "onload" handler which invokes the loadCSS callback
444 * defined here.
445 * We are monitoring 3 main CSS files - the runtime, the global and the page.
446 * When each load we check to see if we can append them all in a batch. If threre
447 * is no page css (which may happen on inner pages) then we do not wait for it
448 */
449(function () {
450  let cssLinks = {};
451  function loadCssLink(link) {
452    link.onload = null;
453    link.rel = "stylesheet";
454    link.type = "text/css";
455  }
456  
457    function checkCss() {
458      const pageCssLink = document.querySelector("[id*='CssLink']");
459      const widgetCssLink = document.querySelector("[id*='widgetCSS']");
460
461        if (cssLinks && cssLinks.runtime && cssLinks.global && (!pageCssLink || cssLinks.page) && (!widgetCssLink || cssLinks.widget)) {
462            const storedRuntimeCssLink = cssLinks.runtime;
463            const storedPageCssLink = cssLinks.page;
464            const storedGlobalCssLink = cssLinks.global;
465            const storedWidgetCssLink = cssLinks.widget;
466
467            storedGlobalCssLink.disabled = true;
468            loadCssLink(storedGlobalCssLink);
469
470            if (storedPageCssLink) {
471                storedPageCssLink.disabled = true;
472                loadCssLink(storedPageCssLink);
473            }
474
475            if(storedWidgetCssLink) {
476                storedWidgetCssLink.disabled = true;
477                loadCssLink(storedWidgetCssLink);
478            }
479
480            storedRuntimeCssLink.disabled = true;
481            loadCssLink(storedRuntimeCssLink);
482
483            requestAnimationFrame(() => {
484                setTimeout(() => {
485                    storedRuntimeCssLink.disabled = false;
486                    storedGlobalCssLink.disabled = false;
487                    if (storedPageCssLink) {
488                      storedPageCssLink.disabled = false;
489                    }
490                    if (storedWidgetCssLink) {
491                      storedWidgetCssLink.disabled = false;
492                    }
493                    // (SUP-4179) Clear the accumulated cssLinks only when we're
494                    // sure that the document has finished loading and the document 
495                    // has been parsed.
496                    if(document.readyState === 'interactive') {
497                      cssLinks = null;
498                    }
499                }, 0);
500            });
501        }
502    }
503  
504
505  function loadCSS(link) {
506    try {
507      var urlParams = new URLSearchParams(window.location.search);
508      var noCSS = !!urlParams.get("nocss");
509      var cssTimeout = urlParams.get("cssTimeout") || 0;
510
511      if (noCSS) {
512        return;
513      }
514      if (link.href && link.href.includes("d-css-runtime")) {
515        cssLinks.runtime = link;
516        checkCss();
517      } else if (link.id === "siteGlobalCss") {
518        cssLinks.global = link;
519        checkCss();
520      } 
521      
522      else if (link.id && link.id.includes("CssLink")) {
523        cssLinks.page = link;
524        checkCss();
525      } else if (link.id && link.id.includes("widgetCSS")) {
526        cssLinks.widget = link;
527        checkCss();
528      }
529      
530      else {
531        requestIdleCallback(function () {
532          window.setTimeout(function () {
533            loadCssLink(link);
534          }, parseInt(cssTimeout, 10));
535        });
536      }
537    } catch (e) {
538      throw e
539    }
540  }
541  window.loadCSS = window.loadCSS || loadCSS;
542})();
543</script>
543
544
545
546
547<script data-role="deferred-init" type="text/javascript">
548    /* usage: window.getDeferred(<deferred name>).resolve() or window.getDeferred(<deferred name>).promise.then(...)*/
549    function Def() {
550        this.promise = new Promise((function (a, b) {
551            this.resolve = a, this.reject = b
552        }).bind(this))
553    }
554
555    const defs = {};
556    window.getDeferred = function (a) {
557        return null == defs[a] && (defs[a] = new Def), defs[a]
558    }
559    window.waitForDeferred = function (b, a, c) {
560        let d = window?.getDeferred?.(b);
561        d
562            ? d.promise.then(a)
563            : c && ["complete", "interactive"].includes(document.readyState)
564                ? setTimeout(a, 1)
565                : c
566                    ? document.addEventListener("DOMContentLoaded", a)
567                    : console.error(`Deferred  does not exist`);
568    };
569</script>
569
570<style id="forceCssIncludes">
571    /* This file is auto-generated from a `scss` file with the same name */
572
573.videobgwrapper{overflow:hidden;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0;pointer-events:none;border-radius:inherit}.videobgframe{position:absolute;width:101%;height:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);object-fit:fill}#dm video.videobgframe{margin:0}@media (max-width:767px){.dmRoot .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:80vh}}@media (min-width:1025px){.dmRoot .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:45vh}}@media (min-width:768px) and (max-width:1024px){.responsiveTablet .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:45vh}}#dm [data-show-on-page-only]{display:none!important}#dmRoot div.stickyHeaderFix div.site_content{margin-top:0!important}#dmRoot div.stickyHeaderFix div.hamburger-header-container{position:relative}@media (min-width:768px) and (max-width:1024px){.responsiveTablet #dm .dmInner .hide-for-medium,[data-hidden-on-tablet]{display:none!important}}
574    
575
576</style>
577<style id="cssVariables" type="text/css">
578    :root {
579  --color_1: rgba(244, 244, 244, 1);
580  --color_2: rgba(17, 17, 17, 1);
581  --color_3: rgba(225, 37, 27, 1);
582  --color_4: rgba(255, 255, 255, 1);
583  --color_5: rgba(255, 255, 255, 1);
584  --color_6: rgba(204, 204, 204, 1);
585  --color_7: rgba(125, 125, 125, 1);
586  --color_8: rgba(255, 255, 255, 1);
587  --max-content-width_1: 1200px;
588}
589</style>
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633<link type="text/css" rel="stylesheet" href="https://de.cdn-website.com/fonts/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:ital,wght@0,200..700;1,200..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&amp;subset=latin-ext&amp;display=swap"  />
634
635<style>
636@font-face {
637  font-family: "AvenirLTStd-Book";
638  src: url("https://de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/fonts/AvenirLTStd-Book-b7fe_400.otf");
639  font-weight: 400;
640  font-style: normal;
641  font-display: swap;
642}
643</style>
644
645
646
647
648
649
650
651<link rel="stylesheet" type="text/css" href="https://static.cdn-website.com/mnlt/production/6817/_dm/s/rt/dist/css/d-css-runtime-flex-new-nav.min.css" />
652
653
654
655<link type="text/css" rel="stylesheet" href="https://de.cdn-website.com/WIDGET_CSS/de4546e1904329544a23ff3e70ad6c8d.css" id="widgetCSS" />
656
657
658<style>img[width][height] {
659  height: auto;
660}</style>
661
662
663<style>
664  body[data-page-alias="rooms"] #dm [data-show-on-page-only="rooms"] {
665    display: block !important;
666  }
667</style>
668
669
670<style id="pageAdditionalWidgetsCss" type="text/css">
671</style>
672
673
674
675
676
677<link type="text/css" rel="stylesheet" href="https://de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/files/00a54f0f6712438da5ffad64490c7595_header_1.min.css?v=20" id="siteGlobalCss" />
678
679
680
681<style id="customWidgetStyle" type="text/css">
682    
683</style>
684<style id="innerPagesStyle" type="text/css">
685    
686</style>
687
688
689<style
690        id="additionalGlobalCss" type="text/css"
691>
692</style>
693
694<style id="pagestyle" type="text/css">
695    @media all {
696  *#dm .dmInner div.u_1198940286:hover .svg {
697    color:rgba(81,81,81,1) !important;
698    fill:rgba(81,81,81,1) !important;
699  }
700
701  *#dm .dmInner div.u_1198940286.hover .svg {
702    color:rgba(81,81,81,1) !important;
703    fill:rgba(81,81,81,1) !important;
704  }
705
706  *#dm .dmInner div.u_1679044323:hover .svg {
707    color:rgba(81,81,81,1) !important;
708    fill:rgba(81,81,81,1) !important;
709  }
710
711  *#dm .dmInner div.u_1679044323.hover .svg {
712    color:rgba(81,81,81,1) !important;
713    fill:rgba(81,81,81,1) !important;
714  }
715
716  *#dm .dmInner a.u_1102667003 span.text {
717    text-decoration:none !important;
718    font-weight:600 !important;
719  }
720
721  *#dm .dmInner a.u_1792345350 span.text {
722    text-decoration:none !important;
723    font-weight:600 !important;
724  }
725
726  *#dm .dmInner nav.u_1758272801.main-navigation.unifiednav.effect-bottom .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after { border-top-color:var(--color_2) !important; }
727
728  *#dm .dmInner nav.u_1758272801.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-weight:700 !important; }
729
730  *#dm .dmInner *.u_1758272801 { justify-content:flex-start !important; }
731
732  *#dm .dmInner nav.u_1758272801 { color:black !important; }
733
734  *#dm .dmInner div.u_1289560457 .svg { fill:rgba(255,255,255,1) !important; }
735
736  *#dm .dmInner nav.u_1503775934 { color:black !important; }
737
738  *#dm .dmInner nav.u_1149122990 { color:black !important; }
739
740  *#dm .dmInner div.u_1543751833 span.buttonText { color:var(--color_3) !important; }
741
742  *#dm .dmInner div.u_1543751833 .listImage { border-radius:12px 12px 12px 12px !important; }
743}
744@media (min-width:1025px) {
745  *#dm .dmInner div.u_1543751833 .listText .itemName { font-size:24px !important; }
746
747  *#dm .dmInner div.u_1543751833 .biglink>.itemName { font-size:24px !important; }
748}
749
750</style>
751
752<style id="pagestyleDevice" type="text/css">
753    
754</style>
755
756
757
758 <style data-page-uuid="5d220e6716cc4a7388a5daca36d3ceaf" id="grid-styles-common-ec0ab84b-5d220e6716cc4a7388a5daca36d3ceaf">@media all {
759    
760#f493c9c2 {
761    min-height: 8px;
762    column-gap: 4%;
763    row-gap: 20px;
764    width: 100%;
765    align-items: center;
766    min-width: 4%;
767    margin-bottom: 100px;
768    padding: 16px 16px 16px 16px;
769    margin-right: 0%;
770    margin-top: 0%;
771    margin-left: 0%;
772}
773    
774#a4382712 {
775    min-height: 80vh;
776    column-gap: 4%;
777    row-gap: 24px;
778    width: 100%;
779    padding-left: 0%;
780    padding-bottom: 0%;
781    padding-right: 0%;
782    padding-top: 0%;
783    margin-right: 0%;
784    margin-top: 0%;
785    margin-left: 0%;
786    margin-bottom: 0%;
787}
788    
789#\38 34f599d::before, #\38 34f599d > .bgExtraLayerOverlay {
790    display: block;
791    position: absolute;
792    width: 100%;
793    height: 100%;
794    top: 0;
795    left: 0;
796    opacity: 0.2;
797    border-radius: inherit;
798}
799#\38 34f599d {
800    background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/Double+Room+1-2880w.jpg') !important;
801}
802}</style> 
803 <style data-page-uuid="5d220e6716cc4a7388a5daca36d3ceaf" id="grid-styles-common-019d80bf-5d220e6716cc4a7388a5daca36d3ceaf">@media all {
804    
805#\39 10d5d23 {
806    min-height: 8px;
807    column-gap: 4%;
808    row-gap: 24px;
809    width: 100%;
810    min-width: 4%;
811    flex-direction: row;
812    background-color: var(--color_5);
813    background-image: initial;
814    border-radius: 15px 15px 15px 15px;
815    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
816    padding: 30px 16px 30px 16px;
817    margin: -110px 0% 0% 0%;
818}
819    
820#ddf0fb5e {
821    min-height: 64px;
822    column-gap: 0%;
823    row-gap: 0px;
824    width: 100%;
825    flex-wrap: nowrap;
826    padding: 2% 0% 2% 0%;
827    margin: 0% 0% 0% 0%;
828}
829    
830#widget_c5c {
831    width: 1089px;
832    height: auto;
833    max-width: 100%;
834    order: 0;
835    margin: 0px 0% 0px 0%;
836    grid-area: auto / auto / auto / auto;
837}
838    
839#\38 ab73c64 {
840    background-color: rgba(0,0,0,0);
841    background-image: initial;
842}
843}</style> 
844 <style data-page-uuid="5d220e6716cc4a7388a5daca36d3ceaf" id="grid-styles-common-bd835d9e-5d220e6716cc4a7388a5daca36d3ceaf">@media all {
845    
846#b32fe16b {
847    min-height: 8px;
848    column-gap: 4%;
849    row-gap: 24px;
850    width: 100%;
851    min-width: 4%;
852    align-items: center;
853    padding: 16px 16px 16px 16px;
854    margin-right: 0%;
855    margin-top: 0%;
856    margin-left: 0%;
857    margin-bottom: 0%;
858}
859    
860#d12bac65 {
861    padding-bottom: 2%;
862    min-height: 240px;
863    column-gap: 4%;
864    row-gap: 24px;
865    width: 100%;
866    flex-wrap: nowrap;
867    padding-top: 2%;
868    padding-left: 0%;
869    padding-right: 0%;
870    margin-right: 0%;
871    margin-top: 0%;
872    margin-left: 0%;
873    margin-bottom: 0%;
874}
875    
876#\34 086b613 {
877    background-color: rgba(0,0,0,0);
878    background-image: initial;
879}
880    
881#widget_3kg {
882    width: 100%;
883    height: auto;
884    position: relative;
885    min-width: 10px;
886    min-height: 10px;
887    max-width: 100%;
888}
889}</style> 
890 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-flex-footer-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
891    
892#flex-footer {
893    background-color: var(--color_1);
894}
895}</style> 
896 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-flex-
896header-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
897    
898#flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img {
899    transform: scale(0.83);
900}
901#flex-header::before, #flex-header > .bgExtraLayerOverlay {
902    display: block;
903    position: absolute;
904    width: 100%;
905    height: 100%;
906    top: 0;
907    left: 0;
908    opacity: 0.5;
909    border-radius: inherit;
910}
911#flex-header {
912    background-color: rgba(0,0,0,0);
913    
914    background-image: none;
915    background-size: cover;
916    background-repeat: no-repeat;
917    background-position: 50% 0%;
918    box-shadow: none;
919    padding: 0px 0px 0px 0px;
920}
921#flex-header[data-changeable-on-scroll][data-scrolling] {
922    padding-top: 0px;
923    padding-bottom: 0px;
924    background-color: rgba(39,42,47,1);
925    background-image: none;
926}
927}</style> 
928 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-08458857-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
929    
930#bda7972f.flex-element.widget-wrapper > [data-element-type] {
931    padding: 10px 0px 10px 0px;
932}
933#bda7972f {
934    width: 100%;
935    height: auto;
936    max-width: 100%;
937    justify-self: auto;
938    order: 0;
939    margin: 0px 0% 0px 0%;
940    grid-area: auto / auto / auto / auto;
941}
942    
943#ea9f34a3 {
944    width: 225px;
945    height: auto;
946    max-width: 100%;
947    justify-self: auto;
948    align-self: auto;
949    order: 0;
950    grid-area: auto / auto / auto / auto;
951}
952    
953#\38 1a4f03c {
954    flex-direction: row;
955    align-items: center;
956    width: 77.19%;
957    min-width: 4%;
958    min-height: 8px;
959    column-gap: 4%;
960    row-gap: 24px;
961    padding: 6px 16px 6px 16px;
962    margin: 0% 0% 0% 0%;
963}
964    
965#\36 dd6ba41 {
966    flex-direction: row;
967    justify-content: flex-end;
968    align-items: center;
969    width: 19.2%;
970    min-width: 4%;
971    min-height: 8px;
972    column-gap: 4%;
973    row-gap: 24px;
974    padding: 6px 16px 6px 16px;
975    margin: 0% 0% 0% 0%;
976}
977    
978#fda2304e {
979    flex-direction: row;
980    justify-content: flex-start;
981    align-items: center;
982    width: 18.67%;
983    min-width: 4%;
984    min-height: 8px;
985    column-gap: 4%;
986    row-gap: 24px;
987    padding: 6px 16px 6px 16px;
988    margin: 0% 0% 0% 0%;
989}
990    
991#\34 e1c7f38 {
992    min-height: 8px;
993    column-gap: 4%;
994    row-gap: 24px;
995    flex-direction: row;
996    width: 9.6%;
997    justify-content: flex-end;
998    align-items: center;
999    min-width: 4%;
1000    padding: 16px 16px 16px 16px;
1001    margin: 0% 0% 0% 0%;
1002}
1003    
1004#c0cc6e9d {
1005    min-height: 0px;
1006    column-gap: 0%;
1007    row-gap: 0px;
1008    max-width: none;
1009    width: 100%;
1010    flex-wrap: nowrap;
1011    padding: 10px 4% 10px 4%;
1012    margin: 0% 0% 0% 0%;
1013}
1014    
1015#\34 bb9c34f {
1016    width: 30px;
1017    height: 30px;
1018    max-width: 100%;
1019}
1020    
1021#d7de186c.flex-element.widget-wrapper > [data-element-type] {
1022    padding-top: 0%;
1023}
1024#d7de186c {
1025    width: 241px;
1026    height: 55px;
1027    max-width: 100%;
1028    order: 0;
1029    grid-area: auto / auto / auto / auto;
1030}
1031    
1032#\38 5c746e6 {
1033    width: 60px;
1034    height: 60px;
1035    max-width: 100%;
1036}
1037    
1038#\39 58023e9 {
1039    background-color: var(--color_8);
1040    background-image: initial;
1041}
1042    
1043#\35 bca45bd {
1044    min-height: 8px;
1045    column-gap: 4%;
1046    row-gap: 24px;
1047    width: 3.99%;
1048    align-items: center;
1049    min-width: 4%;
1050    padding: 16px 16px 16px 16px;
1051    margin: 0% 0% 0% 0%;
1052}
1053}</style> 
1054 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-23b19e39-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
1055    
1056#d700b9a3 {
1057    min-height: 8px;
1058    column-gap: 4%;
1059    row-gap: 24px;
1060    width: 100%;
1061    min-width: 4%;
1062    align-items: flex-end;
1063    background-color: rgba(0,0,0,0);
1064    background-image: initial;
1065    padding: 16px 16px 16px 16px;
1066    margin-right: 0%;
1067    margin-top: 0%;
1068    margin-left: 0%;
1069    margin-bottom: 0%;
1070}
1071    
1072#adab0831 {
1073    padding-top: 0px;
1074    padding-bottom: 0px;
1075    min-height: 100px;
1076    column-gap: 4%;
1077    row-gap: 24px;
1078    width: 100%;
1079    padding-left: 0%;
1080    padding-right: 0%;
1081    margin-right: 0%;
1082    margin-top: 0%;
1083    margin-left: 0%;
1084    margin-bottom: 0%;
1085}
1086    
1087#\39 77c9eb4 svg {
1088    fill: var(--color_3);
1089}
1090#\39 77c9eb4 .hamburgerButton {
1091    background-color: rgba(0,0,0,0);
1092}
1093#\39 77c9eb4 {
1094    width: 30px;
1095    height: 30px;
1096}
1097}</style> 
1098 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-63a049320d35b55b4ef2a372-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
1099    
1100#\36 3a049320d35b55b4ef2a374 {
1101    min-height: 8px;
1102    column-gap: 4%;
1103    row-gap: 24px;
1104    background-color: rgba(0, 0, 0, 0);
1105    width: 100%;
1106    min-width: 4%;
1107    padding: 16px 16px 16px 16px;
1108    margin-right: 0%;
1109    margin-top: 0%;
1110    margin-left: 0%;
1111    margin-bottom: 0%;
1112}
1113    
1114#\36 3a049320d35b55b4ef2a376 {
1115    background-color: rgba(0,0,0,0);
1116    background-image: initial;
1117}
1118    
1119#\36 3a049320d35b55b4ef2a377 {
1120    padding-top: 2%;
1121    padding-bottom: 2%;
1122    min-height: 200px;
1123    column-gap: 4%;
1124    row-gap: 24px;
1125    width: 100%;
1126    padding-left: 0%;
1127    padding-right: 0%;
1128    margin-right: 0%;
1129    margin-top: 0%;
1130    margin-left: 0%;
1131    margin-bottom: 0%;
1132}
1133    
1134#\36 3a049ca0d35b55b4ef2a5c3 {
1135    align-self: auto;
1136    max-width: 100%;
1137    width: 544px;
1138    justify-self: auto;
1139    height: auto;
1140    order: 0;
1141    grid-area: auto / auto / auto / auto;
1142}
1143    
1144#\36 2d6a167a824ca526194d9a5 {
1145    background-color: rgba(232, 255, 133, 1);
1146}
1147}</style> 
1148 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-6406026c90e1521f6ecb0eca-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
1149    
1150#\36 406026c90e1521f6ecb0ecd {
1151    min-height: 8px;
1152    column-gap: 4%;
1153    row-gap: 24px;
1154    width: 100%;
1155    min-width: 4%;
1156    padding: 16px 16px 16px 16px;
1157    margin-right: 0%;
1158    margin-top: 0%;
1159    margin-left: 0%;
1160    margin-bottom: 0%;
1161}
1162    
1163#\36 406026c90e1521f6ecb0ecb {
1164    background-color: rgba(0,0,0,0);
1165    background-image: initial;
1166}
1167    
1168#\36 406026c90e1521f6ecb0ecc {
1169    padding-top: 4%;
1170    padding-bottom: 4%;
1171    min-height: 460px;
1172    column-gap: 4%;
1173    row-gap: 24px;
1174    width: 100%;
1175    padding-left: 0%;
1176    padding-right: 0%;
1177    margin-right: 0%;
1178    margin-top: 0%;
1179    margin-left: 0%;
1180    margin-bottom: 0%;
1181}
1182}</style> 
1183 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-63da2bddeae8da42b2353671-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
1184    
1185#\36 3da2bddeae8da42b2353673 {
1186    min-height: 160px;
1187    column-gap: 1%;
1188    row-gap: 6px;
1189    width: 100%;
1190    flex-wrap: nowrap;
1191    padding: 3% 2% 3% 2%;
1192    margin-right: 0%;
1193    margin-top: 0%;
1194    margin-left: 0%;
1195    margin-bottom: 0%;
1196}
1197    
1198#\36 3da2bddeae8da42b2353672 {
1199    background-color: var(--color_5);
1200    background-image: initial;
1201}
1202    
1203#\36 3da2bf2eae8da42b23538a2 {
1204    min-height: 8px;
1205    column-gap: 4%;
1206    row-gap: 0px;
1207    background-color: rgba(0, 0, 0, 0);
1208    width: 32.67%;
1209    justify-content: flex-start;
1210    align-items: center;
1211    min-width: 4%;
1212    order: 1;
1213    padding: 16px 16px 16px 16px;
1214    margin-right: 0%;
1215    margin-top: 0%;
1216    margin-left: 0%;
1217    margin-bottom: 0%;
1218}
1219    
1220#\36 3c7b8b76c596a2813341bc5 {
1221    height: auto;
1222}
1223    
1224#widget_erh {
1225    width: 100%;
1226    height: auto;
1227    max-width: 100%;
1228    order: 0;
1229}
1230    
1231#e0bc5626 {
1232    min-height: 8px;
1233    column-gap: 4%;
1234    row-gap: 10px;
1235    background-color: rgba(0, 0, 0, 0);
1236    width: 32.67%;
1237    justify-content: flex-start;
1238    align-items: center;
1239    min-width: 4%;
1240    order: 2;
1241    padding: 16px 16px 16px 16px;
1242    margin-right: 0%;
1243    margin-top: 0%;
1244    margin-left: 0%;
1245    margin-bottom: 0%;
1246}
1247    
1248#\36 bfa7d9b {
1249    width: 100%;
1250    height: auto;
1251    max-width: 100%;
1252    order: 0;
1253    justify-self: auto;
1254    align-self: auto;
1255    grid-area: auto / auto / auto / auto;
1256}
1257    
1258#eb6263b7 {
1259    min-height: 8px;
1260    column-gap: 4%;
1261    row-gap: 10px;
1262    background-color: rgba(0, 0, 0, 0);
1263    width: 32.67%;
1264    justify-content: flex-start;
1265    min-width: 4%;
1266    order: 0;
1267    padding: 16px 16px 16px 16px;
1268    margin-right: 0%;
1269    margin-top: 0%;
1270    margin-left: 0%;
1271    margin-bottom: 0%;
1272}
1273    
1274#a69a66e6 {
1275    width: 100%;
1276    height: auto;
1277    max-width: 100%;
1278    order: 0;
1279}
1280    
1281#widget_0jc {
1282    width: auto;
1283    height: auto;
1284    max-width: 100%;
1285    justify-self: auto;
1286    align-self: auto;
1287    order: 1;
1288    grid-area: auto / auto / auto / auto;
1289}
1290    
1291#widget_tg3.flex-element.widget-wrapper > [data-element-type] {
1292    padding-top: 10px;
1293}
1294#widget_tg3 {
1295    width: 100%;
1296    height: auto;
1297    max-width: 100%;
1298    align-self: auto;
1299    order: 1;
1300    justify-self: auto;
1301    grid-area: auto / auto / auto / auto;
1302}
1303    
1304#widget_t63 {
1305    width: 99.99%;
1306    height: auto;
1307    max-width: 100%;
1308    order: 1;
1309    justify-self: auto;
1310    align-self: auto;
1311    grid-area: auto / auto / auto / auto;
1312}
1313    
1314#\32 94a75b4 {
1315    width: 100%;
1316    height: auto;
1317    max-width: 100%;
1318    align-self: auto;
1319    order: 2;
1320    justify-self: auto;
1321    grid-area: auto / auto / auto / auto;
1322}
1323}</style> 
1324 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-desktop-flex-header-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 1025px) {
1325}</style> 
1326 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet_implicit-flex-header-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1327}</style> 
1328 <style data-page-uuid="5d220e6716cc4a7388a5daca36d3ceaf" id="grid-styles-tablet-ec0ab84b-5d220e6716cc4a7388a5daca36d3ceaf">@media (min-width: 768px) and (max-width: 1024px) {
1329    
1330#a4382712 {
1331    padding-top: 180px;
1332    padding-bottom: 20px;
1333}
1334    
1335#\38 34f599d {
1336    background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/Double+Room+1-2880w.jpg') !important;
1337}
1338}</style> 
1339 <style data-page-uuid="5d220e6716cc4a7388a5daca36d3ceaf" id="grid-styles-tablet-019d80bf-5d220e6716cc4a7388a5daca36d3ceaf">@media (min-width: 768px) and (max-width: 1024px) {
1340    
1341#ddf0fb5e {
1342    padding-left: 2%;
1343    padding-right: 2%;
1344}
1345}</style> 
1346 <style data-page-uuid="5d220e6716cc4a7388a5daca36d3ceaf" id="grid-styles-tablet-bd835d9e-5d220e6716cc4a7388a5daca36d3ceaf">@media (min-width: 768px) and (max-width: 1024px) {
1347    
1348#d12bac65 {
1349    padding-left: 2%;
1350    padding-right: 2%;
1351}
1352}</style> 
1353 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-flex-footer-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1354    
1355#flex-footer {
1356}
1357}</style> 
1358 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-flex-header-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1359    
1360#flex-header::before, #flex-header > .bgExtraLayerOverlay {
1361    
1362}
1363#flex-header {
1364    background-color: rgba(0,0,0,0);
1365    padding-left: 0%;
1366    padding-right: 0%;
1367    
1368}
1369}</style> 
1370 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-08458857-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1371    
1372#ea9f34a3 {
1373    width: 206px;
1374    height: auto;
1375}
1376    
1377#\38 1a4f03c {
1378    width: 19.87%;
1379    order: 1;
1380    justify-content: flex-end;
1381    padding-right: 50px;
1382}
1383    
1384#\36 dd6ba41 {
1385    width: 43.73%;
1386    order: 2;
1387    justify-content: flex-end;
1388    min-height: 8px;
1389}
1390    
1391#fda2304e {
1392    width: 43.16%;
1393    margin-left: -0.0011659701492537314%;
1394    justify-content: flex-start;
1395    order: 0;
1396    min-height: 8px;
1397}
1398    
1399#\34 e1c7f38 {
1400    order: 3;
1401    width: 9.03%;
1402    min-height: 8px;
1403}
1404    
1405#c0cc6e9d {
1406    padding-left: 2%;
1407    padding-right: 2%;
1408    flex-direction: row;
1409    flex-wrap: nowrap;
1410    min-height: 0px;
1411}
1412    
1413#\34 bb9c34f {
1414    justify-self: auto;
1415    align-self: auto;
1416    order: 0;
1417    margin: 0px 0% 0px 0%;
1418    grid-area: auto / auto / auto / auto;
1419}
1420    
1421#\38 5c746e6 {
1422    width: 32px;
1423    height: 32px;
1424}
1425    
1426#d7de186c {
1427    width: 235px;
1428}
1429    
1430#\35 bca45bd {
1431    order: 4;
1432}
1433}</style> 
1434 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-63a049320d35b55b4ef2a372-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1435    
1436#\36 3a049320d35b55b4ef2a374 {
1437    padding-top: 100px;
1438    justify-content: flex-start;
1439}
1440    
1441#\36 3a049320d35b55b4ef2a377 {
1442    min-height: 564px;
1443    padding: 0% 13.550135501355012% 0% 13.550135501355012%;
1444}
1445}</style> 
1446 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-6406026c90e1521f6ecb0eca-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1447    
1448#\36 406026c90e1521f6ecb0ecc {
1449    min-height: 283px;
1450    padding: 0% 4% 0% 4%;
1451}
1452    
1453#\36 406026c90e1521f6ecb0ecd {
1454    justify-content: flex-end;
1455    padding: 16px 4.519774011299435% 16px 4.519774011299435%;
1456}
1457}</style> 
1458 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-63da2bddeae8da42b2353671-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1459    
1460#\36 3da2bf2eae8da42b23538a2 {
1461    width: 32.67%;
1462    align-items: flex-start;
1463    order: 0;
1464    min-height: 8px;
1465}
1466    
1467#\36 3da2bddeae8da42b2353673 {
1468    flex-direction: row;
1469    flex-wrap: nowrap;
1470    min-height: 160px;
1471    padding-left: 4%;
1472    padding-right: 4%;
1473}
1474    
1475#e0bc5626 {
1476    width: 32.67%;
1477    min-height: 8px;
1478}
1479    
1480#eb6263b7 {
1481    width: 32.67%;
1482    min-height: 8px;
1483}
1484    
1485#widget_0jc {
1486    width: 166px;
1487}
1488}</style> 
1489
1490
1491
1492
1493
1494
1495<style id="globalFontSizeStyle" type="text/css">
1496    @media (min-width: 1025px) {  }@media (min-width: 768px) and (max-width: 1024px) {  }@media (max-width: 767px) {  }
1497</style>
1498<style id="pageFontSizeStyle" type="text/css">
1499</style>
1500
1501
1502
1503
1504<style id="hideAnimFix">
1505  .dmDesktopBody:not(.editGrid) [data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) [data-anim-extended] {
1506    visibility: hidden;
1507  }
1508
1509  .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-extended] {
1510    visibility: hidden !important;
1511  }
1512
1513  #dmRoot:not(.editGrid) .flex-element [data-anim-extended] {
1514    visibility: hidden;
1515  }
1516
1517</style>
1518
1519
1520
1521
1522<style id="fontFallbacks">
1523    @font-face {
1524  font-family: "Roboto Fallback";
1525  src: local('Arial');
1526  ascent-override: 92.6709%;
1527  descent-override: 24.3871%;
1528  size-adjust: 100.1106%;
1529  line-gap-override: 0%;
1530 }@font-face {
1531  font-family: "Poppins Fallback";
1532  src: local('Arial');
1533  ascent-override: 92.326%;
1534  descent-override: 30.7753%;
1535  line-gap-override: 8.793%;
1536  size-adjust: 113.7274%;
1537}@font-face {
1538  font-family: "Oswald Fallback";
1539  src: local('Arial');
1540  ascent-override: 145.0682%;
1541  descent-override: 35.1423%;
1542  size-adjust: 82.2372%;
1543  line-gap-override: 0%;
1544 }@font-face {
1545  font-family: "Open Sans Fallback";
1546  src: local('Arial');
1547  ascent-override: 101.1768%;
1548  descent-override: 27.7323%;
1549  size-adjust: 105.6416%;
1550  line-gap-override: 0%;
1551 }
1552</style>
1553
1554
1555
1556
1557
1558
1559
1560
1561
1562<link rel="alternate" hreflang="de" href="https://www.botel.nl/de/zimmer" />
1563
1564<link rel="alternate" hreflang="en" href="https://www.botel.nl/rooms" />
1565
1566<link rel="alternate" hreflang="x-default" href="https://www.botel.nl/rooms" />
1567
1568<link rel="alternate" hreflang="nl" href="https://www.botel.nl/nl/kamers" />
1569
1570
1571
1572<meta property="og:type" content="website">
1573<meta property="og:url" content="https://www.botel.nl/rooms">
1574
1575  <title>
1576    Hotel Cabins &amp; Suites | Botel | Amsterdam
1577  </title>
1578  <meta name="description" content="Choose from unique cabins &amp; themed suites at Botel. Book your stay today for a memorable experience on the IJ canal!"/>
1579
1580  <meta name="twitter:card" content="summary"/>
1581  <meta name="twitter:title" content="Hotel Cabins &amp; Suites | Botel | Amsterdam"/>
1582  <meta name="twitter:description" content="Choose from unique cabins &amp; themed suites at Botel. Book your stay today for a memorable experience on the IJ canal!"/>
1583  <meta name="twitter:image" content="https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/Botel+buitenkant+2025+Led+verlichting-1920w.jpg"/>
1584  <meta property="og:description" content="Choose from unique cabins &amp; themed suites at Botel. Book your stay today for a memorable experience on the IJ canal!"/>
1585  <meta property="og:title" content="Hotel Cabins &amp; Suites | Botel | Amsterdam"/>
1586  <meta property="og:image" content="https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/Botel+buitenkant+2025+Led+verlichting-1920w.jpg"/>
1587
1588
1589
1590
1591<!-- SYS- RVVfUFJPRFVDVElPTg== -->
1592</head>
1593
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614<body id="dmRoot" data-page-alias="rooms"  class="dmRoot fix-mobile-scrolling flex-site dmResellerSite "
1615      style="padding:0;margin:0;"
1616      
1617     data-flex-site >
1618
1619
1620
1621
1622
1623
1624
1625
1626
1627
1628
1629
1630
1631
1632
1633
1634<div id="dm" class='dmwr'>
1635    
1636    <div class="dm_wrapper -var5 null ">
1637         <div dmwrapped="true" id="1901957768" class="dm-home-page" themewaschanged="true"> <div dmtemplateid="FlexHeader" data-responsive-name="FlexLayout" class="runtime-module-container dm-bfs dm-layout-sec hasAnimations hasStickyHeader inMiniHeaderMode rows-1200 hamburger-reverse dmPageBody d-page-1716942098 inputs-css-clean dmDHeader" id="dm-outer-wrapper" data-page-class="1716942098" data-soch="true" data-background-parallax-selector=".dmHomeSection1, .dmSectionParallex"> <div id="dmStyle_outerContainer" class="dmOuter"> <div id="dmStyle_innerContainer" class="dmInner" data-auto="page-inner"> <div class="dmLayoutWrapper standard-var dmStandardDesktop"> <div id="site_content"> <div id="dmFlexHeaderContainer" class="flex_hfcontainer"> <div id="flex-header" data-variation-id="variation0" data-sticky="true" data-overlapping="true" role="banner"> <div data-auto="flex-section" id="1521841410" data-flex-id="08458857" data-layout-section="" data-page-element-type="section" data-page-element-id="1930867098"> <div class="flex-widgets-container" id="1530033520"></div> 
1638 <section id="70ac68e3" class="flex-element section" data-auto="flex-element-section"> <div id="958023e9" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="c0cc6e9d" class="flex-element group" data-auto="flex-element-group"> <div id="fda2304e" class="flex-element group" data-auto="flex-element-group"> <div id="ea9f34a3" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="image" data-keep-proportion="true" data-external-id="1428928598"> <div class="imageWidget align-center u_1428928598" data-element-type="image" data-widget-type="image" id="1428928598" data-binding="W3siYmluZGluZ05hbWUiOiJpbWFnZSIsInZhbHVlIjoic2l0ZV9pbWFnZXMubG9nbyJ9XQ=="><img src="https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/site-logo-1920w.png" alt="Logo" id="1726006589" class="" data-dm-image-path="https://de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/site-logo.png" width="32" height="9" data-diy-image="" onerror="handleImageLoadError(this)"/></div> 
1639</div> 
1640</div> 
1641 <div id="81a4f03c" class="flex-element group" data-auto="flex-element-group" data-hidden-on-tablet="" data-hidden-on-mobile=""> <div id="bda7972f" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="ONELinksMenu" data-hidden-on-tablet="" data-hidden-on-mobile="" data-external-id="1218614869"> <nav class="u_1218614869 effect-background main-navigation unifiednav dmLinksMenu" data-auto="links-menu" role="navigation" layout-main="horizontal_nav_layout_1" layout-sub="submenu_horizontal_1" data-show-vertical-sub-items="HOVER" id="1218614869" dmle_extension="onelinksmenu" data-element-type="onelinksmenu" data-logo-src="" alt="" data-nav-structure="HORIZONTAL" wr="true" icon="true" surround="true" adwords="" navigation-id="unifiedNav"> <ul role="menubar" class="unifiednav__container unav-top  " data-auto="navigation-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_00  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Welcome" data-auto="page-text-style">Welcome<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 
1642</span> 
1643</a> 
1644</li> 
1645 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/rooms" class="unifiednav__item unav-item unav-top-item  dmNavItemSelected  dmUDNavigationItem_010101294491  " target="" data-target-page-alias="" aria-current="page" data-auto="selected-page"> <span class="nav-item-text " data-link-text="Rooms" data-auto="page-text-style">Rooms<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 
1646</span> 
1647</a> 
1648</li> 
1649 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/photos" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_010101730881  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Photos" data-auto="page-text-style">Photos<span class="icon icon-angle-down"></span> 
1650</span> 
1651</a> 
1652</li> 
1653 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/amenities" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_010101838420  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Amenities" data-auto="page-text-style">Amenities<span class="icon icon-angle-down"></span> 
1654</span> 
1655</a> 
1656</li> 
1657 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/reviews" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_0101012695
165757  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Reviews" data-auto="page-text-style">Reviews<span class="icon icon-angle-down"></span> 
1658</span> 
1659</a> 
1660</li> 
1661 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/location" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_010101286949  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Location" data-auto="page-text-style">Location<span class="icon icon-angle-down"></span> 
1662</span> 
1663</a> 
1664</li> 
1665 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/contact" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_010101691346  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Contact" data-auto="page-text-style">Contact<span class="icon icon-angle-down"></span> 
1666</span> 
1667</a> 
1668</li> 
1669 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="https://engines.hoteliers.com/en/42/booking/getdata/arrival/14-05-2025/departure/15-05-2025" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_010101977508  " target="_blank" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Book now" data-auto="page-text-style">Book now<span class="icon icon-angle-down"></span> 
1670</span> 
1671</a> 
1672</li> 
1673</ul> 
1674</nav> 
1675</div> 
1676</div> 
1677 <div id="6dd6ba41" class="flex-element group" data-auto="flex-element-group" data-hidden-on-desktop=""> <div id="d7de186c" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="link" data-hidden-on-mobile="" data-hidden-on-desktop="" data-external-id="1376238705"> <a data-display-type="block" class="align-center dmButtonLink dmWidget dmWwr default dmOnlyButton dmDefaultGradient u_1376238705" file="false" href="/" data-element-type="dButtonLinkId" id="1376238705"> <span class="iconBg" aria-hidden="true" id="1624380174"> <span class="icon hasFontIcon icon-star" id="1890579210"></span> 
1678</span> 
1679 <span class="text" id="1386316455">Contact us</span> 
1680</a> 
1681</div> 
1682 <div id="85c746e6" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="graphic" data-hidden-on-desktop="" data-hidden-on-tablet="" data-external-id="1697314152"> <div class="graphicWidget" data-element-type="graphic" data-widget-type="graphic" id="1697314152"> <a href="tel:+31206264247" id="1882708493" file="false" aria-label="fa-phone"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1408 1792" id="1275634669" class="svg u_1275634669" data-icon-name="fa-phone"> <path fill="inherit" d="M1408 1240q0 27-10 70.5t-21 68.5q-21 50-122 106-94 51-186 51-27 0-52.5-3.5t-57.5-12.5-47.5-14.5-55.5-20.5-49-18q-98-35-175-83-128-79-264.5-215.5t-215.5-264.5q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47.5-12.5-57.5-3.5-52.5q0-92 51-186 56-101 106-122 25-11 68.5-21t70.5-10q14 0 21 3 18 6 53 76 11 19 30 54t35 63.5 31 53.5q3 4 17.5 25t21.5 35.5 7 28.5q0 20-28.5 50t-62 55-62 53-28.5 46q0 9 5 22.5t8.5 20.5 14 24 11.5 19q76 137 174 235t235 174q2 1 19 11.5t24 14 20.5 8.5 22.5 5q18 0 46-28.5t53-62 55-62 50-28.5q14 0 28.5 7t35.5 21.5 25 17.5q25 15 53.5 31t63.5 35 54 30q70 35 76 53 3 7 3 21z"></path> 
1683</svg> 
1684</a> 
1685</div> 
1686</div> 
1687</div> 
1688 <div id="4e1c7f38" class="flex-element group" data-auto="flex-element-group" data-hidden-on-desktop=""> <div id="4bb9c34f" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="hamburgerButton" data-external-id="1568079121"> <button class="hamburgerButton" data-element-type="hamburgerButton" id="1568079121" aria-label="Open menu" aria-controls="hamburger-drawer" aria-expanded="false"> <svg width="100pt" height="100pt" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" id="1397481305"> <path d="m3.6172 10.754h-0.050782c-1.9727 0-3.5703 1.5977-3.5703 3.5703 0 1.9727 1.5977 3.5703 3.5703 3.5703h0.054688 92.758 0.050782c1.9727 0 3.5703-1.5977 3.5703-3.5703 0-1.9727-1.5977-3.5703-3.5703-3.5703h-0.054688zm0 35.676h-0.050782c-1.9727 0-3.5703 1.5977-3.5703 3.5703s1.5977 3.5703 3.5703 3.5703h0.054688 92.758 0.050782c1.9727 0 3.5703-1.5977 3.5703-3.5703s-1.5977-3.5703-3.5703-3.5703h-0.054688zm0 35.68h-0.050782c-1.9727 0-3.5703 1.5977-3.5703 3.5703 0 1.9727 1.5977 3.5703 3.5703 3.5703h0.054688 92.758 0.050782c1.9727 0 3.5703-1.5977 3.5703-3.5703 0-1.9727-1.5977-3.5703-3.5703-3.5703h-0.054688z"></path> 
1689</svg> 
1690</button> 
1691</div> 
1692</div> 
1693 <div id="5bca45bd" class="flex-element group" data-auto="flex-element-group"> <div id="370ee50e" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="multilingual" data-external-id="1796241033"> <div id="1796241033" class="multilingualWidget dropdown flag-only" data-auto="multilingual-widget" dmle_extension="multilingual" data-element-type="multilingual" data-display="dropdown" icon="false" surround="false"> <div class="desktopMultilingual"> <div class="language current-language" data-auto="multilingual-current-language"> <a href="/rooms" data-disable-ajax-navigation="true">
1693<img src="https://dd-cdn.multiscreensite.com/flags/flags_iso/32/us.png" alt="English" data-code="" onerror="handleImageLoadError(this)"/> <span class="name">English</span> 
1694 <span class="short-label">en</span> 
1695 <div class="dm-icon dm-icon-chevron-down"></div> 
1696</a> 
1697</div> 
1698 <div class="language other-languages" data-auto="multilingual-other-languages"> <a href="/nl/kamers" data-code="" data-disable-ajax-navigation="true"><img src="https://dd-cdn.multiscreensite.com/flags/flags_iso/32/nl.png" alt="Nederlands" onerror="handleImageLoadError(this)"/> <span class="name">Nederlands</span> 
1699 <span class="short-label">nl</span> 
1700</a> 
1701 <a href="/de/zimmer" data-code="" data-disable-ajax-navigation="true"><img src="https://dd-cdn.multiscreensite.com/flags/flags_iso/32/de.png" alt="Deutsch" onerror="handleImageLoadError(this)"/> <span class="name">Deutsch</span> 
1702 <span class="short-label">de</span> 
1703</a> 
1704</div> 
1705</div> 
1706</div> 
1707</div> 
1708</div> 
1709</div> 
1710</div> 
1711</section> 
1712</div> 
1713</div> 
1714 <div id="hamburger-drawer" class="hamburger-drawer layout-drawer" layout="5ff40d2f36ae4e5ea1bc96b2e2fcf67e===header" data-origin="side-reverse"> <div data-layout-section="" data-auto="flex-section" id="1159072613" data-flex-id="23b19e39"> <div class="flex-widgets-container" id="1523526661"></div> 
1715 <section id="2c11276b" class="flex-element section" data-auto="flex-element-section"> <div id="7e8b25e6" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="adab0831" class="flex-element group" data-auto="flex-element-group"> <div id="d700b9a3" class="flex-element group" data-auto="flex-element-group"> <div id="977c9eb4" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="hamburgerButton" data-external-id="1686128713"> <button class="hamburgerButton" data-element-type="hamburgerButton" id="1686128713" aria-label="Close menu" aria-controls="hamburger-drawer" aria-expanded="false"> <svg width="100pt" height="100pt" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" id="1148586987"> <path d="m82 87.883c1.625 1.625 4.2656 1.625 5.8906 0 1.6289-1.6289 1.6289-4.2656 0-5.8945l-32.414-32.41 32.406-32.406c1.6289-1.625 1.6289-4.2656
1716 0-5.8906-1.6289-1.6289-4.2656-1.6289-5.8906 0l-32.406 32.402-32.406-32.406c-1.625-1.625-4.2656-1.625-5.8906 0-1.6289 1.6289-1.6289 4.2656 0
1717 5.8945l32.402 32.406-32.41 32.414c-1.6289 1.625-1.6289 4.2617 0 5.8906 1.625 1.6289 4.2656 1.6289 5.8906 0l32.414-32.414z" fill-rule="evenodd"></path> 
1718</svg> 
1719</button> 
1720</div> 
1721</div> 
1722</div> 
1723</div> 
1724</section> 
1725</div> 
1726 <div data-auto="flex-section" id="1099442592" data-flex-id="63a049320d35b55b4ef2a372" data-layout-section=""> <div class="flex-widgets-container" id="1247649854"></div> 
1727 <section id="63a049320d35b55b4ef2a373" class="flex-element section" data-auto="flex-element-section"> <div id="63a049320d35b55b4ef2a376" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="63a049320d35b55b4ef2a377" class="flex-element group" data-auto="flex-element-group"> <div id="63a049320d35b55b4ef2a374" class="flex-element group" data-auto="flex-element-group"> <div id="63a049ca0d35b55b4ef2a5c3" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="ONELinksMenu" data-external-id="1998592992"> <nav class="u_1998592992 effect-background main-navigation unifiednav dmLinksMenu" data-auto="links-menu" role="navigation" layout-main="vertical_nav_layout_3" layout-sub="" data-show-vertical-sub-items="HIDE" id="1998592992" dmle_extension="onelinksmenu" data-element-type="onelinksmenu" data-logo-src="" alt="" data-nav-structure="VERTICAL" wr="true" icon="true" surround="true" adwords="" navigation-id="unifiedNav"> <ul role="menubar" class="unifiednav__container unav-top  " data-auto="navigation-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_00  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Welcome" data-auto="page-text-style">Welcome<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 
1728</span> 
1729</a> 
1730</li> 
1731 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/rooms" class="unifiednav__item unav-item unav-top-item  dmNavItemSelected  dmUDNavigationItem_010101294491  " target="" data-target-page-alias="" aria-current="page" data-auto="selected-page"> <span class="nav-item-text " data-link-text="Rooms" data-auto="page-text-style">Rooms<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 
1732</span> 
1733</a> 
1734</li> 
1735 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/photos" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_010101730881  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Photos" data-auto="page-text-style">Photos<span class="icon icon-angle-down"></span> 
1736</span> 
1737</a> 
1738</li> 
1739 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/amenities" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_010101838420  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Amenities" data-auto="page-text-style">Amenities<span class="icon icon-angle-down"></span> 
1740</span> 
1741</a> 
1742</li> 
1743 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/reviews" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_0101012695
174357  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Reviews" data-auto="page-text-style">Reviews<span class="icon icon-angle-down"></span> 
1744</span> 
1745</a> 
1746</li> 
1747 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/location" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_010101286949  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Location" data-auto="page-text-style">Location<span class="icon icon-angle-down"></span> 
1748</span> 
1749</a> 
1750</li> 
1751 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/contact" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_010101691346  " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Contact" data-auto="page-text-style">Contact<span class="icon icon-angle-down"></span> 
1752</span> 
1753</a> 
1754</li> 
1755 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="https://engines.hoteliers.com/en/42/booking/getdata/arrival/14-05-2025/departure/15-05-2025" class="unifiednav__item unav-item unav-top-item  dmUDNavigationItem_010101977508  " target="_blank" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Book now" data-auto="page-text-style">Book now<span class="icon icon-angle-down"></span> 
1756</span> 
1757</a> 
1758</li> 
1759</ul> 
1760</nav> 
1761</div> 
1762</div> 
1763</div> 
1764</div> 
1765</section> 
1766</div> 
1767 <div data-auto="flex-section" id="1029527021" data-flex-id="6406026c90e1521f6ecb0eca" data-layout-section=""> <div class="flex-widgets-container" id="1659590659"></div> 
1768 <section id="6406026c90e1521f6ecb0ec9" class="flex-element section" data-auto="flex-element-section"> <div id="6406026c90e1521f6ecb0ecb" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="6406026c90e1521f6ecb0ecc" class="flex-element group" data-auto="flex-element-group"> <div id="6406026c90e1521f6ecb0ecd" class="flex-element group" data-auto="flex-element-group"></div> 
1769</div> 
1770</div> 
1771</section> 
1772</div> 
1773</div> 
1774 <div class="layout-drawer-overlay" id="layout-drawer-overlay"></div> 
1775</div> 
1776 <div dmwrapped="true" id="dmFirstContainer" class="dmBody u_dmStyle_template_rooms dm-home-page" themewaschanged="true"> <div id="allWrapper" class="allWrapper" data-auto="all-wrapper"><!-- navigation placeholders --> <div id="dm_content" class="dmContent" role="main"> <div dm:templateorder="170" class="dmHomeRespTmpl mainBorder dmRespRowsWrapper dmFullRowRespTmpl" id="1716942098"> <div data-flex-id="ec0ab84b" data-auto="flex-section" id="1059507321" data-layout-section="" data-page-element-type="section" data-page-element-id="1820067652"> <div class="flex-widgets-container" id="1809711966"></div> 
1777 <section id="d627d5d4" class="flex-element section" data-auto="flex-element-section"> <div id="834f599d" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid="" data-gallery-bg="eyJzbGlkZXMiOlsiaHR0cHM6Ly9sZS1kZS5jZG4td2Vic2l0ZS5jb20vMDBhNTRmMGY2NzEyNDM4ZGE1ZmZhZDY0NDkwYzc1OTUvZG1zM3JlcC9tdWx0aS9vcHQvRG91YmxlK1Jvb20rMS0xOTIwdy5qcGciLCJodHRwczovL2xlLWRlLmNkbi13ZWJzaXRlLmNvbS8wMGE1NGYwZjY3MTI0MzhkYTVmZmFkNjQ0OTBjNzU5NS9kbXMzcmVwL211bHRpL29wdC9Eb3VibGUrUm9vbSsyLTE5MjB3LmpwZyIsImh0dHBzOi8vbGUtZGUuY2RuLXdlYnNpdGUuY29tLzAwYTU0ZjBmNjcxMjQzOGRhNWZmYWQ2NDQ5MGM3NTk1L2RtczNyZXAvbXVsdGkvb3B0L0RvdWJsZStSb29tKzMtMTkyMHcuanBnIiwiaHR0cHM6Ly9sZS1kZS5jZG4td2Vic2l0ZS5jb20vMDBhNTRmMGY2NzEyNDM4ZGE1ZmZhZDY0NDkwYzc1OTUvZG1zM3JlcC9tdWx0aS9vcHQvRG91YmxlK1Jvb20rNC0xOTIwdy5qcGciLCJodHRwczovL2xlLWRlLmNkbi13ZWJzaXRlLmNvbS8wMGE1NGYwZjY3MTI0MzhkYTVmZmFkNjQ0OTBjNzU5NS9kbXMzcmVwL211bHRpL29wdC9Eb3VibGUrUm9vbSs1LTE5MjB3LmpwZyIsImh0dHBzOi8vbGUtZGUuY2RuLXdlYnNpdGUuY29tLzAwYTU0ZjBmNjcxMjQzOGRhNWZmYWQ2NDQ5MGM3NTk1L2RtczNyZXAvbXVsdGkvb3B0LzIwMjEwMjA3Ky0rQk9URUwwMDctMTkyMHcuanBnIiwiaHR0cHM6Ly9sZS1kZS5jZG4td2Vic2l0ZS5jb20vMDBhNTRmMGY2NzEyNDM4ZGE1ZmZhZDY0NDkwYzc1OTUvZG1zM3JlcC9tdWx0aS9vcHQvMjAyMTAyMDcrLStCT1RFTDAwOC0xOTIwdy5qcGciLCJodHRwczovL2xlLWRlLmNkbi13ZWJzaXRlLmNvbS8wMGE1NGYwZjY3MTI0MzhkYTVmZmFkNjQ0OTBjNzU5NS9kbXMzcmVwL211bHRpL29wdC8yMDIxMDIwNystK0JPVEVMMDA5LTE5MjB3LmpwZyIsImh0dHBzOi8vbGUtZGUuY2RuLXdlYnNpdGUuY29tLzAwYTU0ZjBmNjcxMjQzOGRhNWZmYWQ2NDQ5MGM3NTk1L2RtczNyZXAvbXVsdGkvb3B0LzIwMjEwMjA3Ky0rQk9URUwwMTktMTkyMHcuanBnIiwiaHR0cHM6Ly9sZS1kZS5jZG4td2Vic2l0ZS5jb20vMDBhNTRmMGY2NzEyNDM4ZGE1ZmZhZDY0NDkwYzc1OTUvZG1zM3JlcC9tdWx0aS9vcHQvMjAyMTAyMDcrLStCT1RFTDAyMS0xOTIwdy5qcGciXSwidHJhbnNpdGlvbiI6ImZhZGUiLCJzcGVlZCI6MTB9" data-binding="eyJiaW5kaW5nTmFtZSI6ImJhY2tncm91bmQiLCJ2YWx1ZSI6InNpdGVfY29sbGVjdGlvbi5yb29tcyBnYWxsZXJ5In0=" data-binding-metadata="eyJpbWFnZSI6ImltYWdlIn0=" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/Double+Room+1-1920w.jpg') !important;"> <div id="a4382712" class="flex-element group" data-auto="flex-element-group"> <div id="f493c9c2" class="flex-element group" data-auto="flex-element-group"></div> 
1778</div> 
1779</div> 
1780</section> 
1781</div> 
1782 <div data-layout-section="" data-auto="flex-section" id="1668148923" data-flex-id="019d80bf"> <div class="flex-widgets-container" id="1956831951"></div> 
1783 <section id="2f7f6acf" class="flex-element section" data-auto="flex-element-section"> <div id="8ab73c64" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="ddf0fb5e" class="flex-element group" data-auto="flex-element-group"> <div id="910d5d23" class="flex-element group has-quickbooker" data-auto="flex-element-group"> <div id="widget_c5c" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="custom" data-external-id="1652702313"> <div class="widget-249dfb dmCustomWidget" data-lazy-load="true" data-title="" id="1652702313" dmle_extension="custom_extension" data-element-type="custom_extension" icon="false" surround="false" data-widget-id="249dfb944e2f4586a15cd91a745db6d0" data-widget-version="84" data-widget-config="eyJtb2JpbGVNb2RhbEJ1dHRvbiI6bnVsbCwiRGVmYXVsdFByb21vQ29kZSI6bnVsbCwic21hcnRRYklucHV0VGV4dENvbG9yIjpudWxsLCJzbWFydFFiV2lkZ2V0QmdDb2xvciI6bnVsbCwiYm9vayI6bnVsbCwic21hcnRRYkJ0bkJvcmRlclJhZGl1cyI6IjBweCIsInNtYXJ0UWJJbnB1dEJvcmRlckNvbG9yIjpudWxsLCJzbWFydFFiQnRuVGV4dENvbG9yIjpudWxsLCJkYXRlTGFiZWwiOm51bGwsInNtYXJ0UWJJbnB1dEJvcmRlclJhZGl1cyI6IjAiLCJzbWFydFFiSW5wdXRCb3JkZXJTaXplIjoiMXB4Iiwic2hvd1Byb21vQ29kZSI6dHJ1ZSwic21hcnRRYklucHV0QmdDb2xvciI6bnVsbCwibnJPZkFkdWx0cyI6IjIiLCJpbnB1dEJvbGQiOm51bGwsInNtYXJ0UWJCdG5CZ0NvbG9yIjpudWxsLCJ0ZXh0IjpudWxsLCJzbWFydFFiTWlzY1RleHRDb2xvciI6bnVsbCwibm9JZnJhbWUiOnRydWUsInNsb2dhbiI6dHJ1ZX0="><!--
1784    Quickbooker 2 - v59
1785--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"/> <style>:root {
1786        --smartQbBtnBgColor: ;
1787        --smartQbBtnTextColor: ;
1788        --smartQbBtnBorderRadius: 0px;
1789        
1790        --smartQbInputBgColor: ;
1791        --smartQbInputTextColor: ;
1792        --smartQbInputBorderRadius: 0;
1793        --smartQbInputBorderSize: 1px;
1794        --smartQbInputBorderColor: ;
1795        
1796        --smartQbMiscTextColor: ;
1797        
1798        --smartQbWidgetBgColor: ;
1799    }</style> 
1800 <div class="quickbooker quickbooker--desktop widget-bg"> <form action="" method="post" target="_blank"><input type="hidden" name="mobileModalButton" data-js="mobileModalButton" value=""/><input type="hidden" name="nrOfAdults" data-js="nrOfAdults" value="2"/><input type="hidden" data-js="sloganText" value=""/> <div class="quickbooker__grid"> <div class="quickbooker__slogan quickbooker__misc-text" data-js="slogan"> <div></div> 
1801</div> 
1802 <label class="quickbooker__misc-text" for="daterange" data-js="dateRangeLabel"></label> 
1803 <div class="quickbooker__grid-item" data-item="hoteliers_date_range"> <div class="quickbooker__field quickbooker__field--box quickbooker__transition quickbooker__datepicker" style="position: relative"><input id="daterange" class="
1804                        " type="text" placeholder="" name="daterange" data-js="arrivalDate" value="" readonly="readonly"/> <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 16.9287V23.9998H16.929L24 16.9287Z" fill="black"></path> 
1805</svg> 
1806</div> 
1807</div> 
1808 <label class="quickbooker__misc-text" for="promoCode">Code</label> 
1809<input id="promoCode" class="quickbooker__field quickbooker__transition
1810                    " name="promoCode" placeholder="Code" type="text" value="" data-js="promoCode" aria-label="Code" data-placeholder-original="Code"/><input class="quickbooker__btn btn--duda quickbooker__transition
1811                        " style="height:100% !important" type="submit" data-js="submitDates" value=""/></div> 
1812</form> 
1813</div> 
1814</div> 
1815</div> 
1816</div> 
1817</div> 
1818</div> 
1819</section> 
1820</div> 
1821 <div data-layout-section="" data-auto="flex-section" id="1877525144" data-flex-id="bd835d9e"> <div class="flex-widgets-container" id="1481704979"></div> 
1822 <section id="7300d3f8" class="flex-element section" data-auto="flex-element-section"> <div id="4086b613" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="d12bac65" class="flex-element group" data-auto="flex-element-group"> <div id="b32fe16b" class="flex-element group" data-auto="flex-element-group"> <div id="widget_3kg" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="list" data-external-id="1543751833"> <div class="dmPrettyList ed-version u_1543751833" data-element-type="dListId" layout="layoutB1" id="1543751833" data-binding="W3siYmluZGluZ05hbWUiOiJsaXN0IiwidmFsdWUiOiJzaXRlX2NvbGxlY3Rpb24ucm9vbXMuZW4ifV0=" data-binding-metadata="eyJsaW5rIjoiZHBmaWVsZCNfMGVlYTVkYjdiNDhmNGY3ZThhNzdmNTBiNTZmYjM3MzAiLCJpbWFnZSI6ImltYWdlIiwiZGVzY3JpcHRpb24iOiJzaG9ydCBkZXNjcmlwIiwidGl0bGUiOiJuYW1lIiwibGlua190ZXh0IjoiU2hvdyBtb3JlICJ9" data-mobile-layout="layoutD" data-hover-effect-parent="opacity" data-paginate-total-elements="10"> <h3 class="dmwidget-title" hide="true" id="1997705535">List of Services</h3> 
1823 <ul class="listWidgetContainer" id="1933396051"> <li class="listItem" data-auto="list-item" id="1763504920"> <a class="biglink clearfix" href="/kamer/loft-letter-b" id="1406795685"> <span class="itemName" data-auto="list-item-name" id="1574728909">Loft Letter B</span> 
1824 <div class="listImage" data-auto="list-item-image" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/BOTEL_fabian+calis_02-06-2025_06887-HDR-Pano-Edit-1920w.jpg');" id="1103692934"></div> 
1825 <div class="listText" data-auto="list-item-text" id="1134380175"> <span class="itemText" data-auto="list-item-caption" id="1501678982"> <p class="rteBlock" id="1280007437">The Loft Letter B is a special suite with unique half-pipe skater design features, designed by Richard Hutten. This room is the first hotelroom in the...</p> 
1826<br id="1787097492"/><br id="1256685610"/></span> 
1827</div> 
1828 <span class="link" data-auto="list-item-link" id="1931314035"> <span class="buttonText" data-auto="list-item-button-text" id="1317729870">Show more</span> 
1829 <span class="itemName" id="1954269934">Loft Letter B</span> 
1830</span> 
1831</a> 
1832</li> 
1833 <li class="listItem" data-auto="list-item" id="1940548176"> <a class="biglink clearfix" href="/kamer/loft-letter-o" id="1833414962"> <span class="itemName" data-auto="list-item-name" id="1835351114">Loft Letter O</span> 
1834 <div class="listImage" data-auto="list-item-image" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/BOTEL_fabian+calis_02-06-2025_06939-1920w.jpg');" id="1805310695"></div> 
1835 <div class="listText" data-auto="list-item-text" id="1927341533"> <span class="itemText" data-auto="list-item-caption" id="1597340242"> <p class="rteBlock" id="1568889911">The Loft Letter O is a special suite designed by &amp;Prast&amp;Hooft, inspired by the book 'Histoire d'O&quot;. Loft Letter O, is our kinky room with a...</p> 
1836<br id="1177628354"/><br id="1624385696"/></span> 
1837</div> 
1838 <span class="link" data-auto="list-item-link" id="1166196895"> <span class="buttonText" data-auto="list-item-button-text" id="1581738945">Show more</span> 
1839 <span class="itemName" id="1234571015">Loft Letter O</span> 
1840</span> 
1841</a> 
1842</li> 
1843 <li class="listItem" data-auto="list-item" id="1997982679"> <a class="biglink clearfix" href="/kamer/loft-letter-t" id="1305095622"> <span class="itemName" data-auto="list-item-name" id="1797354608">Loft Letter T</span> 
1844 <div class="listImage" data-auto="list-item-image" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/BOTEL_fabian+calis_02-06-2025_06739-HDR-1920w.jpg');" id="1264380776"></div> 
1845 <div class="listText" data-auto="list-item-text" id="1151731421"> <span class="itemText" data-auto="list-item-caption" id="1709176950"> <p class="rteBlock" id="1291953903">The Loft Letter T is the unofficial captain&rsquo;s cabin, designed by MMX architects. This suite is perfect for our guests who cannot leave their work at...</p> 
1846<br id="1083030590"/><br id="1441479395"/></span> 
1847</div> 
1848 <span class="link" data-auto="list-item-link" id="1583032108"> <span class="buttonText" data-auto="list-item-button-text" id="1664461962">Show more</span> 
1849 <span class="itemName" id="1130876545">Loft Letter T</span> 
1850</span> 
1851</a> 
1852</li> 
1853 <li class="listItem" data-auto="list-item" id="1204821383"> <a class="biglink clearfix" href="/kamer/loft-letter-e" id="1853969297"> <span class="itemName" data-auto="list-item-name" id="1430321795">Loft Letter E</span> 
1854 <div class="listImage" data-auto="list-item-image" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/BOTEL_fabian+calis_02-06-2025_06560-HDR-1920w.jpg');" id="1511452503"></div> 
1855 <div class="listText" data-auto="list-item-text" id="1509605121"> <span class="itemText" data-auto="list-item-caption" id="1838228552"> <p class="rteBlock" id="1785454986">The Loft Letter E is the smallest cinema of the Netherlands.</p> 
1856<br id="1440507758"/> <p class="rteBlock" id="1010998092">On the split level, you&rsquo;ll find a bath tub and double bed with the perfect view on the...</p> 
1857<br id="1401199688"/><br id="1804402043"/></span> 
1858</div> 
1859 <span class="link" data-auto="list-item-link" id="1690993915"> <span class="buttonText" data-auto="list-item-button-text" id="1769639137">Show more</span> 
1860 <span class="itemName" id="1976087844">Loft Letter E</span> 
1861</span> 
1862</a> 
1863</li> 
1864 <li class="listItem" data-auto="list-item" id="1040364271"> <a class="biglink clearfix" href="/kamer/loft-letter-l" id="1451142632"> <span class="itemName" data-auto="list-item-name" id="1865608822">Loft Letter L</span> 
1865 <div class="listImage" data-auto="list-item-image" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/BOTEL_fabian+calis_02-06-2025_06663-HDR-Edit-1920w.jpg');" id="1364311896"></div> 
1866 <div class="listText" data-auto="list-item-text" id="1498527654"> <span class="itemText" data-auto="list-item-caption" id="1575722332"> <p class="rteBlock" id="1617824222">The Loft Letter L is our minimalistic Japanese-style suite, designed by Moriko Kira. With its white theme, this suite is &ldquo;an oasis of calm&rdquo;.</p> 
1867<br id="1885866282"/><br id="1090689270"/></span> 
1868</div> 
1869 <span class="link" data-auto="list-item-link" id="1991638386"> <span class="buttonText" data-auto="list-item-button-text" id="1277266111">Show more</span> 
1870 <span class="itemName" id="1012056273">Loft Letter L</span> 
1871</span> 
1872</a> 
1873</li> 
1874 <li class="listItem" data-auto="list-item" id="1912399221"> <a class="biglink clearfix" href="/kamer/basic-cabin-with-double-bed" id="1273519629"> <span class="itemName" data-auto="list-item-name" id="1775316627">Basic Cabin with Double Bed</span> 
1875 <div class="listImage" data-auto="list-item-image" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/Double+Room+1-1920w.jpg');" id="1525051298"></div> 
1876 <div class="listText" data-auto="list-item-text" id="1891902005"> <span class="itemText" data-auto="list-item-caption" id="1632058344"> <p class="rteBlock" id="1219780674">The Basic Double Cabin offers a cozy queen-size double bed.</p> 
1877 <p class="rteBlock" id="1159348296">Th
1877e views of the cabins are one of a kind in Amsterdam, overlooking the IJ canal or the...</p> 
1878</span> 
1879</div> 
1880 <span class="link" data-auto="list-item-link" id="1813616909"> <span class="buttonText" data-auto="list-item-button-text" id="1778599789">Show more</span> 
1881 <span class="itemName" id="1879775746">Basic Cabin with Double Bed</span> 
1882</span> 
1883</a> 
1884</li> 
1885 <li class="listItem" data-auto="list-item" id="1233149194"> <a class="biglink clearfix" href="/kamer/basic-cabin-with-twin-beds" id="1170860791"> <span class="itemName" data-auto="list-item-name" id="1200848677">Basic Cabin with Twin Beds</span> 
1886 <div class="listImage" data-auto="list-item-image" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/20210207+-+BOTEL007-1920w.jpg');" id="1983937395"></div> 
1887 <div class="listText" data-auto="list-item-text" id="1698557845"> <span class="itemText" data-auto="list-item-caption" id="1436049500"> <p class="rteBlock" id="1864999857">The cabin of Botel with 2 twin beds (single beds next to each other). It is the perfect cabin for a nice stay with friends or family, to experience a...</p> 
1888<br id="1644157753"/><br id="1877755072"/></span> 
1889</div> 
1890 <span class="link" data-auto="list-item-link" id="1302626354"> <span class="buttonText" data-auto="list-item-button-text" id="1892804643">Show more</span> 
1891 <span class="itemName" id="1832259281">Basic Cabin with Twin Beds</span> 
1892</span> 
1893</a> 
1894</li> 
1895 <li class="listItem" data-auto="list-item" id="1377579598"> <a class="biglink clearfix" href="/kamer/deluxe-cabin-with-double-bed" id="1037670900"> <span class="itemName" data-auto="list-item-name" id="1063034316">Deluxe Cabin with Double Bed</span> 
1896 <div class="listImage" data-auto="list-item-image" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/20210207+-+BOTEL012-1a296ea5-1920w.jpg');" id="1270433729"></div> 
1897 <div class="listText" data-auto="list-item-text" id="1517449615"> <span class="itemText" data-auto="list-item-caption" id="1643361191"> <p class="rteBlock" id="1403981928">The deluxe double cabin of Botel with queen-size double bed. This deluxe cabin has extra windows for an excellent view of the IJ canal and the city of...</p> 
1898<br id="1023747428"/><br id="1548310738"/></span> 
1899</div> 
1900 <span class="link" data-auto="list-item-link" id="1369515944"> <span class="buttonText" data-auto="list-item-button-text" id="1185461145">Show more</span> 
1901 <span class="itemName" id="1077290713">Deluxe Cabin with Double Bed</span> 
1902</span> 
1903</a> 
1904</li> 
1905 <li class="listItem" data-auto="list-item" id="1245664438"> <a class="biglink clearfix" href="/kamer/quadruple-cabin" id="1492065944"> <span class="itemName" data-auto="list-item-name" id="1988853164">Quadruple Cabin</span> 
1906 <div class="listImage" data-auto="list-item-image" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/Quadruple+Room+1-df4d1ab9-1920w.jpg');" id="1092317000"></div> 
1907 <div class="listText" data-auto="list-item-text" id="1727758297"> <span class="itemText" data-auto="list-item-caption" id="1565605435"> <p class="rteBlock" id="1335041392">The quadruple cabin of Botel has 4 bunk beds, giving space for 4 explorers of Amsterdam. Every bed has its own reading light and elektrical socket.</p> 
1908</span> 
1909</div> 
1910 <span class="link" data-auto="list-item-link" id="1255789151"> <span class="buttonText" data-auto="list-item-button-text" id="1009936104">Show more</span> 
1911 <span class="itemName" id="1746467392">Quadruple Cabin</span> 
1912</span> 
1913</a> 
1914</li> 
1915 <li class="listItem" data-auto="list-item" id="1522580440"> <a class="biglink clearfix" href="/kamer/deluxe-quadruple-cabin" id="1900892814"> <span class="itemName" data-auto="list-item-name" id="1871103217">Deluxe Quadruple Cabin</span> 
1916 <div class="listImage" data-auto="list-item-image" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/dsc00094--2-b67eb2f5-1920w.jpg');" id="1186760488"></div> 
1917 <div class="listText" data-auto="list-item-text" id="1454699383"> <span class="itemText" data-auto="list-item-caption" id="1153992638"> <p class="rteBlock" id="1135707666">The quadruple deluxe cabin of Botel has 2 times twin beds (beds next to each other) in 2 connecting areas, giving space for 4 friends or family. The...</p> 
1918</span> 
1919</div> 
1920 <span class="link" data-auto="list-item-link" id="1010224743"> <span class="buttonText" data-auto="list-item-button-text" id="1365753907">Show more</span> 
1921 <span class="itemName" id="1313887117">Deluxe Quadruple Cabin</span> 
1922</span> 
1923</a> 
1924</li> 
1925</ul> 
1926</div> 
1927</div> 
1928</div> 
1929</div> 
1930</div> 
1931</section> 
1932</div> 
1933</div> 
1934</div> 
1935</div> 
1936</div> 
1937 <div class="dmFooterContainer flex_hfcontainer"> <div id="flex-footer" role="contentinfo"> <div data-auto="flex-section" id="1755561873" data-flex-id="63da2bddeae8da42b2353671" data-layout-section=""> <div class="flex-widgets-container" id="1245219930"></div> 
1938 <section id="63da2bddeae8da42b2353670" class="flex-element section" data-auto="flex-element-section"> <div id="63da2bddeae8da42b2353672" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="63da2bddeae8da42b2353673" class="flex-element group" data-auto="flex-element-group"> <div id="eb6263b7" class="flex-element group" data-auto="flex-element-group"> <div id="a69a66e6" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1618546519"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1618546519" style=""> <h5 class="m-text-align-center text-align-left"><span style="display: initial; color: var(--color_7); font-weight: normal;">Contact</span></h5> 
1939</div> 
1940</div> 
1941 <div id="widget_t63" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1025644636"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1025644636" data-diy-text="" style=""><p><span style="display: initial; color: var(--color_7);">NDSM-pier 3</span></p><p><span style="display: initial; color: var(--color_7);">1033 RG Amsterdam</span></p><p><span style="display: initial; color: var(--color_7);">+31 20 626 4247</span></p><p><span style="display: initial; color: var(--color_7);">
1941[email protected]</span></p></div> 
1942</div> 
1943</div> 
1944 <div id="63da2bf2eae8da42b23538a2" class="flex-element group" data-auto="flex-element-group" data-hidden-on-mobile=""> <div id="widget_erh" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1291501055"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1291501055" style=""> <h5><span style="display: unset; color: var(--color_7); font-weight: normal;">Useful links</span></h5> 
1945</div> 
1946</div> 
1947 <div id="widget_tg3" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="ONELinksMenu" data-external-id="1503775934"> <nav class="u_1503775934 unifiednav_vertical effect-text-color main-navigation unifiednav dmLinksMenu" data-auto="links-menu" role="navigation" layout-main="vertical_nav_layout_2" layout-sub="" data-show-vertical-sub-items="HOVER" id="1503775934" dmle_extension="onelinksmenu" data-element-type="onelinksmenu" alt="" data-nav-structure="VERTICAL" wr="true" icon="true" surround="true" adwords="" navigation-id="unifiedNav"> <ul role="menubar" class="unifiednav__container unav-top  " data-auto="navigation-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/privacy-policy" class="unifiednav__item unav-item unav-top-item    " target="" data-target-page-alias="privacy-policy"> <span class="nav-item-text " data-link-text="Privacy Policy" data-auto="page-text-style">Privacy Policy<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 
1948</span> 
1949</a> 
1950</li> 
1951</ul> 
1952</nav> 
1953</div> 
1954 <div id="294a75b4" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="ONELinksMenu" lock-element-for-editing="true" data-external-id="1149122990"> <nav class="u_1149122990 unifiednav_vertical effect-text-color main-navigation unifiednav dmLinksMenu" data-auto="links-menu" role="navigation" layout-main="vertical_nav_layout_2" layout-sub="" data-show-vertical-sub-items="HOVER" id="1149122990" dmle_extension="onelinksmenu" data-element-type="onelinksmenu" alt="" data-nav-structure="VERTICAL" wr="true" icon="true" surround="true" adwords="" navigation-id="unifiedNav"> <ul role="menubar" class="unifiednav__container unav-top  " data-auto="navigation-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="http://www.smarthotel.nl" class="unifiednav__item unav-item unav-top-item    " target="_blank" data-target-page-alias="http://www.smarthotel.nl"> <span class="nav-item-text " data-link-text="Website door Smarthotel" data-auto="page-text-style">Website door Smarthotel<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 
1955</span> 
1956</a> 
1957</li> 
1958</ul> 
1959</nav> 
1960</div> 
1961</div> 
1962 <div id="e0bc5626" class="flex-element group" data-auto="flex-element-group"> <div id="6bfa7d9b" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1708275091"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1708275091" style=""> <h5 class="text-align-center m-text-align-center"><span style="display: initial; color: var(--color_7); font-weight: normal;">Follow us</span></h5> 
1963</div> 
1964</div> 
1965 <div id="widget_0jc" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="socialhub" data-external-id="1151010592"> <div class="align-center text-align-center u_1151010592 dmSocialHub gapSpacing" id="1151010592" dmle_extension="social_hub" data-element-type="social_hub" wr="true" networks="" icon="true" surround="true" adwords=""> <div class="socialHubWrapper"> <div class="socialHubInnerDiv " data-auto="social-hub-inner"> <a href="https://www.facebook.com/botelamsterdam" target="_blank" dm_dont_rewrite_url="true" aria-label="facebook" onclick="dm_gaq_push_event &amp;&amp; dm_gaq_push_event(&apos;socialLink&apos;, &apos;click&apos;, &apos;Facebook&apos;)"> <span class="dmSocialFacebook dm-social-icons-facebook oneIcon socialHubIcon style5" aria-hidden="true" data-hover-effect=""></span> 
1966</a> 
1967 <a href="https://tripadvisor.com/Hotel_Review-g188590-d236040-Reviews-Botel-Amsterdam_North_Holland_Province.html" target="_blank" dm_dont_rewrite_url="true" aria-label="tripadvisor" onclick="dm_gaq_push_event &amp;&amp;
1967 dm_gaq_push_event(&apos;socialLink&apos;, &apos;click&apos;, &apos;Tripadvisor&apos;)"> <span class="dmSocialTripadvisor dm-social-icons-tripadvisor oneIcon socialHubIcon style5" aria-hidden="true" data-hover-effect=""></span> 
1968</a> 
1969 <a href="https://www.instagram.com/explore/locations/236287314/botel-amsterdam/" target="_blank" dm_dont_rewrite_url="true" aria-label="instagram" onclick="dm_gaq_push_event &amp;&amp; dm_gaq_push_event(&apos;socialLink&apos;, &apos;click&apos;, &apos;Instagram&apos;)"> <span class="dmSocialInstagram dm-social-icons-instagram oneIcon socialHubIcon style5" aria-hidden="true" data-hover-effect=""></span> 
1970</a> 
1971</div> 
1972</div> 
1973</div> 
1974</div> 
1975</div> 
1976</div> 
1977</div> 
1978</section> 
1979</div> 
1980</div> 
1981</div> 
1982</div> 
1983</div> 
1984</div> 
1985</div> 
1986</div> 
1987</div> 
1988
1989    </div>
1990</div>
1991 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile_implicit-flex-header-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
1992}</style> 
1993 <style data-page-uuid="5d220e6716cc4a7388a5daca36d3ceaf" id="grid-styles-mobile-ec0ab84b-5d220e6716cc4a7388a5daca36d3ceaf">@media (max-width: 767px) {
1994    
1995#f493c9c2 {
1996    min-height: 240px;
1997    width: 100%;
1998    padding: 0px 0px 0px 0px;
1999}
2000    
2001#a4382712 {
2002    min-height: unset;
2003    flex-direction: column;
2004    padding-left: 4%;
2005    padding-right: 4%;
2006    padding-top: 0px;
2007}
2008    
2009#\38 34f599d {
2010    background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/Double+Room+1-2880w.jpg') !important;
2011}
2012}</style> 
2013 <style data-page-uuid="5d220e6716cc4a7388a5daca36d3ceaf" id="grid-styles-mobile-019d80bf-5d220e6716cc4a7388a5daca36d3ceaf">@media (max-width: 767px) {
2014    
2015#\39 10d5d23 {
2016    width: 100%;
2017    min-height: 80px;
2018    align-items: center;
2019}
2020    
2021#ddf0fb5e {
2022    min-height: 0;
2023    flex-direction: column;
2024    padding-left: 4%;
2025    padding-right: 4%;
2026    flex-wrap: nowrap;
2027}
2028}</style> 
2029 <style data-page-uuid="5d220e6716cc4a7388a5daca36d3ceaf" id="grid-styles-mobile-bd835d9e-5d220e6716cc4a7388a5daca36d3ceaf">@media (max-width: 767px) {
2030    
2031#b32fe16b {
2032    width: 100%;
2033    min-height: 80px;
2034    align-items: center;
2035    row-gap: 15px;
2036}
2037    
2038#d12bac65 {
2039    min-height: 0;
2040    flex-direction: column;
2041    padding-left: 0%;
2042    padding-right: 0%;
2043    flex-wrap: nowrap;
2044}
2045}</style> 
2046 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-flex-footer-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2047    
2048#flex-footer {
2049}
2050}</style> 
2051 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-flex-header-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2052    
2053#flex-header::before, #flex-header > .bgExtraLayerOverlay {
2054    
2055}
2056#flex-header {
2057    background-color: rgba(0,0,0,0);
2058    
2059    padding-top: 0px;
2060}
2061}</style> 
2062 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-08458857-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2063    
2064#ea9f34a3 {
2065    width: 120px;
2066    height: auto;
2067}
2068    
2069#\38 1a4f03c {
2070    width: 11.81%;
2071    order: 2;
2072}
2073    
2074#\36 dd6ba41 {
2075    width: 25%;
2076    order: 0;
2077    justify-content: flex-start;
2078    min-height: 8px;
2079}
2080    
2081#fda2304e {
2082    width: 49.15%;
2083    justify-content: center;
2084    order: 1;
2085    min-height: 8px;
2086}
2087    
2088#\34 e1c7f38 {
2089    align-items: center;
2090    width: 16.48%;
2091    order: 3;
2092    min-height: 8px;
2093}
2094    
2095#c0cc6e9d {
2096    padding-left: 2%;
2097    padding-right: 2%;
2098    min-height: 0px;
2099    flex-direction: row;
2100    flex-wrap: nowrap;
2101}
2102    
2103#\38 5c746e6 {
2104    width: 32px;
2105    height: 32px;
2106}
2107    
2108#\35 bca45bd {
2109    align-items: center;
2110    order: 4;
2111    width: 9.30%;
2112    min-height: 8px;
2113}
2114}</style> 
2115 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-23b19e39-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2116    
2117#d700b9a3 {
2118    width: 100%;
2119    min-height: 80px;
2120}
2121    
2122#adab0831 {
2123    min-height: unset;
2124    flex-direction: column;
2125}
2126}</style> 
2127 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-63a049320d35b55b4ef2a372-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2128    
2129#\36 3a049320d35b55b4ef2a374 {
2130    padding-top: 50px;
2131    width: 100%;
2132    min-height: 50vh;
2133    justify-content: flex-start;
2134}
2135    
2136#\36 3a049320d35b55b4ef2a377 {
2137    flex-direction: column;
2138    min-height: unset;
2139    padding: 0% 4% 0% 4%;
2140}
2141    
2142#\36 3a049ca0d35b55b4ef2a5c3 {
2143    align-self: flex-start;
2144    margin-left: 0px;
2145    margin-right: 0px;
2146}
2147}</style> 
2148 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-6406026c90e1521f6ecb0eca-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2149    
2150#\36 406026c90e1521f6ecb0ecd {
2151    width: 100%;
2152    padding-bottom: 16px;
2153    min-height: 366px;
2154    justify-content: flex-end;
2155}
2156    
2157#\36 406026c90e1521f6ecb0ecc {
2158    flex-direction: column;
2159    min-height: unset;
2160    padding: 0% 4% 0% 4%;
2161}
2162}</style> 
2163 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-63da2bddeae8da42b2353671-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2164    
2165#\36 3da2bddeae8da42b2353673 {
2166    row-gap: 11px;
2167    flex-direction: column;
2168    min-height: 0;
2169    flex-wrap: nowrap;
2170    padding: 8% 4% 8% 4%;
2171}
2172    
2173#\36 3da2bf2eae8da42b23538a2 {
2174    align-self: auto;
2175    width: 100%;
2176    min-height: 107px;
2177    order: 1;
2178}
2179    
2180#e0bc5626 {
2181    align-self: auto;
2182    width: 100%;
2183    min-height: 80px;
2184    order: 1;
2185    align-items: center;
2186}
2187    
2188#eb6263b7 {
2189    align-self: auto;
2190    width: 100%;
2191    min-height: 80px;
2192    order: 1;
2193    align-items: center;
2194}
2195}</style> 
2196
2197
2198
2199
2200
2201
2202
2203
2204
2205
2206
2207
2208
2209
2210
2211
2212
2213
2214
2215
2216
2217
2218
2219
2220
2221
2222
2223
2224
2225
2226
2227
2228
2229
2230
2231
2232
2233
2234
2235<script>
2236    var isWLR = true;
2237
2238    window.customWidgetsFunctions = {};
2239    window.customWidgetsStrings = {};
2240    window.collections = {};
2241    window.currentLanguage = "ENGLISH"
2242    window.isSitePreview = false;
2243</script>
2243
2244
2245
2246
2247<script>
2248    window.customWidgetsFunctions["249dfb944e2f4586a15cd91a745db6d0~84"] = function (element, data, api) {
2249        console.log("Widget JS Loaded");
2250
2251// Use the document language or fall back to English
2252const language = document.documentElement.lang || "en";
2253console.log("Document language:", language);
2254
2255// Helper to map document language to Flatpickr locale file code
2256function getFlatpickrLocale(lang) {
2257  const mapping = {
2258    en: "en", "en-US": "en",
2259    nl: "nl", "nl-NL": "nl",
2260    de: "de", "de-DE": "de",
2261    fr: "fr", "fr-FR": "fr",
2262    es: "es", "es-ES": "es",
2263    it: "it", "it-IT": "it",
2264    zh_CN: "zh", "zh-CN": "zh",
2265    zh_TW: "zh-tw", "zh-TW": "zh-tw",
2266    ru: "ru", "ru-RU": "ru",
2267    ar: "ar", "ar-AR": "ar"
2268  };
2269  return mapping[lang] || lang;
2270}
2271
2272const fpLocale = getFlatpickrLocale(language);
2273console.log("Flatpickr locale code:", fpLocale);
2274
2275// Translation Object
2276const translations = {
2277  en: {
2278    findYourStay: "Find your stay",
2279    discoverOptions: "Discover your perfect stay",
2280    close: "Close",
2281    bestRate: "Best rate guaranteed",
2282    dateRangePlaceholder: "Check-in / Check-out Dates",
2283    book: "Check options",
2284  },
2285  nl: {
2286    findYourStay: "Vind uw verblijf",
2287    discoverOptions: "Ontdek uw perfecte verblijf",
2288    close: "Sluiten",
2289    bestRate: "Beste prijsgarantie",
2290    dateRangePlaceholder: "Incheck- / uitcheckdata",
2291    book: "Bekijk opties",
2292  },
2293  de: {
2294    findYourStay: "Finden Sie Ihren Aufenthalt",
2295    discoverOptions: "Entdecken Sie Ihren perfekten Aufenthalt",
2296    close: "Schließen",
2297    bestRate: "Bestpreisgarantie",
2298    dateRangePlaceholder: "Anreise- / Abreisedaten",
2299    book: "Optionen prüfen",
2300  },
2301  fr: {
2302    findYourStay: "Trouvez votre séjour",
2303    discoverOptions: "Découvrez votre séjour parfait",
2304    close: "Fermer",
2305    bestRate: "Meilleur tarif garanti",
2306    dateRangePlaceholder: "Dates d'arrivée et de départ",
2307    book: "Voir les options",
2308  },
2309  es: {
2310    findYourStay: "Encuentre su estancia",
2311    discoverOptions: "Descubra su estancia perfecta",
2312    close: "Cerrar",
2313    bestRate: "Mejor tarifa garantizada",
2314    dateRangePlaceholder: "Fechas de entrada y salida",
2315    book: "Ver opciones",
2316  },
2317  it: {
2318    findYourStay: "Trova il tuo soggiorno",
2319    discoverOptions: "Scopri il tuo soggiorno perfetto",
2320    close: "Chiudi",
2321    bestRate: "Miglior tariffa garantita",
2322    dateRangePlaceholder: "Date di check-in e check-out",
2323    book: "Vedi opzioni",
2324  },
2325  zh_CN: {
2326    findYourStay: "寻找您的住宿",
2327    discoverOptions: "发现您的完美住宿",
2328    close: "关闭",
2329    bestRate: "最优惠价格保证",
2330    dateRangePlaceholder: "入住 / 退房日期",
2331    book: "查看选项",
2332  },
2333  zh_TW: {
2334    findYourStay: "尋找您的住宿",
2335    discoverOptions: "發現您的完美住宿",
2336    close: "關閉",
2337    bestRate: "最優惠價格保證",
2338    dateRangePlaceholder: "入住 / 退房日期",
2339    book: "查看選項",
2340  },
2341  ru: {
2342    findYourStay: "Найдите свое жилье",
2343    discoverOptions: "Откройте для себя идеальное жилье",
2344    close: "Закрыть",
2345    bestRate: "Гарантия лучшей цены",
2346    dateRangePlaceholder: "Даты заезда / выезда",
2347    book: "Проверить варианты",
2348  },
2349  ar: {
2350    findYourStay: "ابحث عن إقامتك",
2351    discoverOptions: "اكتشف الإقامة المثالية",
2352    close: "إغلاق",
2353    bestRate: "أفضل سعر مضمون",
2354    dateRangePlaceholder: "تواريخ تسجيل الوصول / المغادرة",
2355    book: "عرض الخيارات",
2356  },
2357};
2358
2359const t = translations[language] || translations.en;
2360
2361/* ---------------------------------------------------------------------
2362   SLOGAN: single source of truth (custom text or translated default)
2363----------------------------------------------------------------------*/
2364function applySlogan(root = document) {
2365  // Prefer a local hidden field in `root`, else fall back to the document one
2366  const store =
2367    root.querySelector('[data-js="sloganText"]') ||
2368    document.querySelector('[data-js="sloganText"]');
2369
2370  const custom = (store?.value || "").trim();
2371  const value = custom || t.bestRate;
2372
2373  // Write into all slogan nodes found under `root`
2374  root.querySelectorAll('[data-js="slogan"] div')
2375      .forEach((n) => (n.textContent = value));
2376}
2377
2378// Immediately apply to desktop DOM once
2379applySlogan(document);
2380
2381/* ---------------------------------------------------------------------
2382   Other static/default text hydration (desktop)
2383----------------------------------------------------------------------*/
2384const sloganElement = document.querySelector('[data-js="slogan"] div');
2385if (sloganElement && sloganElement.textContent.trim() === "") {
2386  sloganElement.textContent = t.bestRate;
2387}
2388
2389const dateRangeLabel = document.querySelector('[data-js="dateRangeLabel"]');
2390if (dateRangeLabel && dateRangeLabel.textContent.trim() === "") {
2391  dateRangeLabel.textContent = t.dateRangePlaceholder;
2392}
2393
2394// hydrate hidden input from default translation if blank
2395const mobileModalButton = document.querySelector('[data-js="mobileModalButton"]');
2396if (mobileModalButton && mobileModalButton.value.trim() === "") {
2397  mobileModalButton.value = t.findYourStay;
2398}
2399
2400// sync translation key with whatever the editor typed
2401if (mobileModalButton) {
2402  const customText = mobileModalButton.value.trim();
2403  if (customText) t.findYourStay = customText;
2404}
2405
2406const hotelId = dmAPI.getSiteExternalId();
2407const hotelIdElement = document.querySelector('[data-js="hotel"]');
2408if (hotelIdElement && hotelId) hotelIdElement.value = hotelId;
2409console.log(`hotelId=${hotelId}`);
2410
2411const bookButton = document.querySelector('[data-js="submitDates"]');
2412if (bookButton && bookButton.value.trim() === "") {
2413  bookButton.value = t.book;
2414}
2415
2416/* ---------------------------------------------------------------------
2417   Prepare reference to the ORIGINAL form (must be before cloning)
2418----------------------------------------------------------------------*/
2419const originalForm = document.querySelector(".quickbooker form");
2420if (originalForm) {
2421  originalForm.removeAttribute("action");           // remove native submission
2422  originalForm.setAttribute("data-nrofmonths", "2"); // desktop shows two months
2423  attachFormSubmitListener(originalForm);
2424}
2425
2426/* ---------------------------------------------------------------------
2427   MOBILE BOOKER BUTTON & MODAL (insertion + cloning)
2428----------------------------------------------------------------------*/
2429const mobileBookerHTML = `
2430  <button class="btn btn--modal btn--modal-open btn--duda" data-modal-open>
2431      <span class="btn__text">${t.findYourStay}</span>
2432      <span class="btn__icon">
2433           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
2434              <title>calendar-cursor</title>
2435              <path d="M22.86 17.74C22.77 17.85 22.65 17.91 22.53 17.94L20.66 18.3L21.95 21.14C22.11 21.43 21.97 21.79 21.67 21.93L19.53 22.94C19.44 23 19.36 23 19.27 23C19.05 23 18.84 22.88 18.74 22.66L17.45 19.83L15.96 21.04C15.86 21.12 15.74 21.17 15.59 21.17C15.26 21.17 15 20.9 15 20.57V11.6C15 11.27 15.26 11 15.59 11C15.74 11 15.88 11.05 16 11.13L22.77 16.89C23.04 17.12 23.07 17.5 22.86 17.74M12 15V10H7V15H12M19 3H18V1H16V3H8V1H6V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H13V19H5V8H19V11.06L21 12.76V5C21 3.9 20.1 3 19 3Z" />
2436          </svg>
2437      </span>
2438  </button>
2439
2440  <div class="booker-overlay" role="dialog" aria-modal="true" aria-labelledby="booker-modal-title">
2441    <div class="booker-modal">
2442      <div class="booker-modal__content widget-bg">
2443        <div class="quickbooker">
2444          <!-- Form will be cloned here -->
2445        </div>
2446      </div>
2447    </div>
2448    <div class="booker-bottom">
2449      <button class="btn btn--modal btn--modal-close btn--duda" data-modal-close>
2450        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2451          <title>close-circle-outline</title>
2452          <path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z" />
2453        </svg>
2454      </button>
2455    </div>
2456  </div>
2457`;
2458
2459setTimeout(() => {
2460  const dmContainer = document.getElementById("dm");
2461  if (dmContainer) {
2462    dmContainer.insertAdjacentHTML("beforeend", mobileBookerHTML);
2463    console.log("Mobile booker button & modal appended inside #dm!");
2464  } else {
2465    document.body.insertAdjacentHTML("beforeend", mobileBookerHTML);
2466    console.log("Element with id='dm' not found. Mobile booker appended to body instead.");
2467  }
2468
2469  // Clone the original form for the mobile modal
2470  const modalContent = document.querySelector(".booker-modal__content .quickbooker");
2471  if (originalForm && modalContent) {
2472    const clonedForm = originalForm.cloneNode(true);
2473    clonedForm.removeAttribute("action"); // Remove native submission from clone
2474    clonedForm.setAttribute("data-nrofmonths", "1"); // mobile: one month view
2475    modalContent.appendChild(clonedForm);
2476
2477    // ►► Apply slogan to the cloned subtree (uses the hidden input)
2478    applySlogan(clonedForm);
2479
2480    // Load Flatpickr, then its locale (if needed), then init both forms
2481    dmAPI.loadScript("https://cdn.jsdelivr.net/npm/flatpickr", function () {
2482      if (fpLocale !== "en") {
2483        console.log("Loading Flatpickr locale file for:", fpLocale);
2484        dmAPI.loadScript(
2485          "https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/" + fpLocale + ".js",
2486          function () {
2487            initializeFlatpickr(originalForm);
2488            initializeFlatpickr(clonedForm);
2489          }
2490        );
2491      } else {
2492        initializeFlatpickr(originalForm);
2493        initializeFlatpickr(clonedForm);
2494      }
2495    });
2496
2497    attachFormSubmitListener(clonedForm);
2498  }
2499
2500  setupModalListeners();
2501}, 0);
2502
2503/* ---------------------------------------------------------------------
2504   ATTACH FORM SUBMIT HANDLER (popup-safe)
2505----------------------------------------------------------------------*/
2506function attachFormSubmitListener(form) {
2507  console.log("Attaching submit handler to form:", form);
2508  if (!form) return;
2509
2510  form.addEventListener("submit", function (e) {
2511    e.preventDefault();
2512    console.log("Form submit event triggered for", form);
2513
2514    // 1) Open empty tab synchronously (prevents popup blocking)
2515    const popup = window.open("", "_blank");
2516
2517    // 2) Asynchronously fetch the booking URL and navigate the popup
2518    getBookUrl(form)
2519      .then((url) => {
2520        if (url) {
2521          console.log("Navigating popup to booking URL:", url);
2522          popup.location.href = url;
2523        } else {
2524          console.log("No URL received, closing popup");
2525          popup.close();
2526        }
2527      })
2528      .catch((err) => {
2529        console.error("Error in getBookUrl:", err);
2530        popup.close();
2531      });
2532  });
2533
2534  const submitBtn = form.querySelector('[data-js="submitDates"]');
2535  if (submitBtn) {
2536    submitBtn.addEventListener("click", function (e) {
2537      e.preventDefault();
2538      console.log("Submit button clicked for", form);
2539      form.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true }));
2540    });
2541  }
2542}
2543
2544/* ---------------------------------------------------------------------
2545   FLATPICKR INITIALIZATION (DATE RANGE)
2546----------------------------------------------------------------------*/
2547function initializeFlatpickr(formElement) {
2548  const rangeInput = formElement.querySelector('[data-js="arrivalDate"]');
2549  if (!rangeInput) return;
2550
2551  const wrapper = rangeInput.closest('.quickbooker__datepicker');
2552  const nrofmonthsAttr = formElement.getAttribute("data-nrofmonths");
2553  const monthsToShow = nrofmonthsAttr ? parseInt(nrofmonthsAttr, 10) : 2;
2554
2555  console.log("Initializing Flatpickr for element:", rangeInput);
2556  const fpLocaleObj = language !== "en" ? flatpickr.l10ns[fpLocale] : undefined;
2557
2558  const fpInstance = flatpickr(rangeInput, {
2559    mode: "range",
2560    dateFormat: "d M Y",
2561    minDate: "today",
2562    showMonths: monthsToShow,
2563    defaultDate: [new Date(), new Date(new Date().setDate(new Date().getDate() + 1))],
2564    locale: fpLocaleObj,
2565    onReady(selectedDates) {
2566      if (selectedDates[0]) rangeInput.dataset.startDate = selectedDates[0].toISOString();
2567      if (selectedDates[1]) rangeInput.dataset.endDate = selectedDates[1].toISOString();
2568    },
2569    onChange(selectedDates) {
2570      if (selectedDates[0]) rangeInput.dataset.startDate = selectedDates[0].toISOString();
2571      if (selectedDates[1]) rangeInput.dataset.endDate = selectedDates[1].toISOString();
2572      console.log("Selected range:", rangeInput.value);
2573    },
2574  });
2575
2576  if (wrapper) {
2577    wrapper.addEventListener("click", function (e) {
2578      if (e.target !== rangeInput) fpInstance.open();
2579    });
2580  }
2581}
2582
2583/* ---------------------------------------------------------------------
2584   DATE FORMATTING HELPERS
2585----------------------------------------------------------------------*/
2586function formatDateISOToYYYYMMDD(isoString) {
2587  const d = new Date(isoString);
2588  const year = d.getFullYear();
2589  const month = String(d.getMonth() + 1).padStart(2, "0");
2590  const day = String(d.getDate()).padStart(2, "0");
2591  return `${year}-${month}-${day}`;
2592}
2593
2594function formatDateISOToDDMMYYYY(isoString) {
2595  const d = new Date(isoString);
2596  const day = String(d.getDate()).padStart(2, "0");
2597  const month = String(d.getMonth() + 1).padStart(2, "0");
2598  const year = d.getFullYear();
2599  return `${day}-${month}-${year}`;
2600}
2601
2602/* ---------------------------------------------------------------------
2603   BOOKING ENGINE CACHING
2604----------------------------------------------------------------------*/
2605let cachedBookingEngine = null;
2606async function getBookingEngine() {
2607  if (cachedBookingEngine !== null) return cachedBookingEngine;
2608  try {
2609    const contentLibrary = await dmAPI.loadContentLibrary();
2610    const bookingEngineItem = contentLibrary.site_texts.custom.find(
2611      (item) => item.label === "bookingEngine"
2612    );
2613    cachedBookingEngine =
2614      bookingEngineItem?.text?.replace(/<[^>]*>/g, "").trim() || "default";
2615  } catch (error) {
2616    console.error("Error loading content library:", error);
2617    cachedBookingEngine = "default";
2618  }
2619  return cachedBookingEngine;
2620}
2621
2622function getPromoCodeParam(bookingEngine) {
2623  let promoCodeParam = '';
2624  const promoCodeElement = document.querySelector('[data-js="promoCode"]');
2625  if (promoCodeElement && promoCodeElement.value.trim() !== "") {
2626    console.log("promoCodeElement:", promoCodeElement.value);
2627    if (bookingEngine === "smarthotel") promoCodeParam = `&promocode=${promoCodeElement.value.trim()}`;
2628    if (bookingEngine === "netaffinity") promoCodeParam = `&code=${promoCodeElement.value.trim()}`;
2629    if (bookingEngine === "hoteliers") promoCodeParam = `?promotion_code=${promoCodeElement.value.trim()}`;
2630    if (bookingEngine === "mews") promoCodeParam = `&promoCode=${promoCodeElement.value.trim()}`;
2631  }
2632  return promoCodeParam;
2633}
2634
2635function getNrOfAdultsParam() {
2636  let nrOfAdultsParam = '';
2637  const nrOfAdultsElement = document.querySelector('[data-js="nrOfAdults"]');
2638  if (nrOfAdultsElement && nrOfAdultsElement.value.trim() !== "") {
2639    console.log("nrOfAdults:", nrOfAdultsElement.value);
2640    nrOfAdultsParam = `&adults=${nrOfAdultsElement.value.trim()}`;
2641  }
2642  return nrOfAdultsParam;
2643}
2644
2645function getCookie(name) {
2646  const value = `; ${document.cookie}`;
2647  const parts = value.split(`; ${name}=`);
2648  if (parts.length === 2) 
2649    return parts.pop().split(';').shift();
2650  return null;
2651}
2652
2653function constructGLParam(trackingId, clientId) {
2654    if (!trackingId || !clientId) return null;
2655    
2656    // Extract just the tracking ID number (remove GA- prefix if present)
2657    const tidNumber = trackingId.replace(/^GA-/, '').replace(/^G-/, '');
2658    
2659    // Format: 1*clientId*trackingId
2660    const glValue = `1*${clientId}*${tidNumber}`;
2661    
2662    // Base64 encode (URL safe)
2663    try {
2664      return btoa(glValue).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
2665    } catch (e) {
2666      console.error('Error encoding _gl parameter:', e);
2667      return null;
2668    }
2669}
2670
2671function getGAClientId() {
2672  const gaCookie = document.cookie.split('; ').find(row => row.startsWith('_ga='));
2673  if (gaCookie) {
2674    const gaValue = gaCookie.split('=')[1];
2675    const parts = gaValue.split('.');
2676    if (parts.length >= 4) {
2677      return parts[2] + '.' + parts[3];
2678    }
2679  }
2680  return null;
2681}
2682
2683function getGoogleTrackingId() {
2684  const scripts = document.querySelectorAll("script[src]");
2685  for (const s of scripts) {
2686    const match = s.src.match(/gtag\/js\?id=(G-[A-Z0-9]+)/i);
2687    if (match) 
2688        return match[1];
2689  }
2690  return null;
2691}
2692
2693function getGtagLinkerParam() {
2694    const trackingId = getGoogleTrackingId();
2695
2696    if(trackingId) {
2697      const clientId = getGAClientId();
2698
2699      if(clientId) {
2700        const glParam = constructGLParam(trackingId, clientId);
2701
2702        if(glParam) {
2703          return '&_gl=' + glParam;
2704        }
2705      }
2706    }
2707    return '';
2708}
2709
2710function getConsent() {
2711
2712    // Get CookieScript consent cookie
2713    const consent = document.cookie 
2714        .split('; ') 
2715        .find(row => row.startsWith('CookieScriptConsent=')) 
2716        ?.split('=')[1]; 
2717
2718    // Get IAB TCF consent string 
2719    const euconsent = document.cookie 
2720        .split('; ') 
2721        .find(row => row.startsWith('euconsent-v2=')) 
2722        ?.split('=')[1];     
2723
2724    if (consent || euconsent) { 
2725        return '&CookieScriptConsent=' + (btoa(consent) || '') 
2726                + '&euconsent-v2=' + (btoa(euconsent) || ''); 
2727    }         
2728    return '';
2729}
2730
2731/* ---------------------------------------------------------------------
2732   GA4 PARAMETERS (Google Ads & UTM tracking)
2733----------------------------------------------------------------------*/
2734function getGA4Params() {
2735  const params = [];
2736  var KEYS = ["gclid","gbraid","wbraid","utm_source","utm_medium","utm_campaign","utm_term","utm_content"];
2737
2738  function getUrlParam(name) {
2739    const urlParams = new URLSearchParams(window.location.search);
2740    return urlParams.get(name);
2741  }
2742
2743  KEYS.forEach(function (param) {
2744    const cookie = getCookie(param);
2745    const url = getUrlParam(param);
2746    const value = url || cookie;
2747    if (value) {
2748      console.log(`${param}=${encodeURIComponent(value)}`);
2749      params.push(`${param}=${encodeURIComponent(value)}`);
2750    }
2751
2752  });
2753  return params.length > 0 ? '&' + params.join('&') : '';
2754}
2755
2756
2757/* ---------------------------------------------------------------------
2758   LANGUAGE HELPER (for booking URLs)
2759----------------------------------------------------------------------*/
2760function formatLang(lang) {
2761  const locales = {
2762    en: "en-US", nl: "nl-NL", de: "de-DE", fr: "fr-FR",
2763    it: "it-IT", es: "es-ES", zh_CN: "zh-CN", zh_TW: "zh-TW",
2764    ru: "ru", ar: "ar"
2765  };
2766  return locales[lang] || lang;
2767}
2768
2769/* ---------------------------------------------------------------------
2770   BOOKING URL FUNCTIONS (USING FORM-SCOPED DATA)
2771----------------------------------------------------------------------*/
2772async function getBookUrl(form) {
2773  const rangeInput = form.querySelector('[data-js="arrivalDate"]');
2774  if (!rangeInput) {
2775    console.error("Date range input not found in form", form);
2776    return;
2777  }
2778  const startISO = rangeInput.dataset.startDate;
2779  const endISO = rangeInput.dataset.endDate;
2780  if (!startISO || !endISO) {
2781    alert("Please select both arrival and departure dates.");
2782    return;
2783  }
2784  const hotelId = dmAPI.getSiteExternalId();
2785  const bookingEngine = await getBookingEngine();
2786  const formattedLang = formatLang(language);
2787  let url = '';
2788
2789  switch (bookingEngine) {
2790    case "smarthotel": {
2791      const roomCodeElement = document.querySelector('[data-js="roomCode"]');
2792      let roomTypeParam = "";
2793      if (roomCodeElement && roomCodeElement.value.trim() !== "") {
2794        console.log("roomCode:", roomCodeElement.value);
2795        roomTypeParam = `&roomtype=${roomCodeElement.value.trim()}`;
2796      }
2797
2798      const packageElement = document.querySelector('[data-js="package"]');
2799      let packageParam = "";
2800      if (packageElement && packageElement.value.trim() !== "") {
2801        console.log("package:", packageElement.value);
2802        packageParam = `&package=${packageElement.value.trim()}`;
2803      }
2804
2805      url = `https://ibe.smarthotel.nl/?id=${hotelId}&language=${formattedLang}` +
2806            `&arrival=${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}` +
2807            `&departure=${encodeURIComponent(formatDateISOToYYYYMMDD(endISO))}` +
2808            `${roomTypeParam}${packageParam}${getPromoCodeParam(bookingEngine)}${getNrOfAdultsParam()}${getGtagLinkerParam()}${getGA4Params()}`;
2809      break;
2810    }
2811    case "netaffinity":
2812      url = `https://${hotelId}.netaffinity.io/ibe/THEAFFINIBE02#!/accommodation/search/date/` +
2813            `${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}/` +
2814            `${encodeURIComponent(formatDateISOToYYYYMMDD(endISO))}?lang=${language}` +
2815            `${getPromoCodeParam(bookingEngine)}${getGA4Params()}`;
2816      break;
2817
2818    case "hoteliers":
2819      url = `https://engines.hoteliers.com/${language}/${hotelId}/booking/getdata/arrival/` +
2820            `${encodeURIComponent(formatDateISOToDDMMYYYY(startISO))}/departure/` +
2821            `${encodeURIComponent(formatDateISOToDDMMYYYY(endISO))}/${getPromoCodeParam(bookingEngine)}${getGA4Params()}`;
2822      break;
2823
2824    case "mews":
2825      url = `https://app.mews.com/distributor/${hotelId}?language=${formattedLang}` +
2826            `&mewsRoute=rooms&mewsStart=${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}` +
2827            `&mewsEnd=${encodeURIComponent(formatDateISOToYYYYMMDD(endISO))}` +
2828            `${getPromoCodeParam(bookingEngine)}${getGA4Params()}`;
2829      break;
2830
2831    default: {
2832      const smartElement = document.querySelector('[data-js="smart"]');
2833      const isSmart = smartElement && smartElement.value === "yes" ? "yes" : "";
2834      url = `https://scripts.hoteliers.com/api/v1/book-form?hotel=${hotelId}` +
2835            `&lang=${language}&arrival=${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}` +
2836            `&departure=${encodeURIComponent(formatDateISOToYYYYMMDD(e
2836ndISO))}&smart=${isSmart}${getGA4Params()}`;
2837    }
2838  }
2839  return url;
2840}
2841
2842/* ---------------------------------------------------------------------
2843   MODAL FOCUS AND EVENT LISTENERS (ACCESSIBILITY)
2844----------------------------------------------------------------------*/
2845function setupModalListeners() {
2846  const openButton = document.querySelector("[data-modal-open]");
2847  const modalOverlay = document.querySelector(".booker-overlay");
2848  const closeButton = document.querySelector("[data-modal-close]");
2849  const focusableElementsSelector = "button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])";
2850  let lastScrollTop = 0;
2851  let modalFocusableElements, firstFocusableElement, lastFocusableElement;
2852
2853  function trapFocus(event) {
2854    if (!modalOverlay.classList.contains("fade-in")) return;
2855    if (event.key === "Tab") {
2856      if (event.shiftKey) {
2857        if (document.activeElement === firstFocusableElement) {
2858          event.preventDefault();
2859          lastFocusableElement.focus();
2860        }
2861      } else {
2862        if (document.activeElement === lastFocusableElement) {
2863          event.preventDefault();
2864          firstFocusableElement.focus();
2865        }
2866      }
2867    }
2868  }
2869
2870  window.addEventListener("scroll", () => {
2871    const currentScrollTop = window.scrollY;
2872    if (currentScrollTop > lastScrollTop) {
2873      openButton.classList.add("btn--small");
2874    } else {
2875      openButton.classList.remove("btn--small");
2876    }
2877    lastScrollTop = currentScrollTop <= 0 ? 0 : currentScrollTop;
2878  });
2879
2880  openButton.addEventListener("click", () => {
2881    modalOverlay.style.display = "flex";
2882    requestAnimationFrame(() => {
2883      modalOverlay.classList.add("fade-in");
2884      modalFocusableElements = modalOverlay.querySelectorAll(focusableElementsSelector);
2885      firstFocusableElement = modalFocusableElements[0];
2886      lastFocusableElement = modalFocusableElements[modalFocusableElements.length - 1];
2887      firstFocusableElement.focus();
2888      document.addEventListener("keydown", trapFocus);
2889    });
2890  });
2891
2892  closeButton.addEventListener("click", () => {
2893    modalOverlay.classList.remove("fade-in");
2894    modalOverlay.classList.add("fade-out");
2895    setTimeout(() => {
2896      modalOverlay.style.display = "none";
2897      modalOverlay.classList.remove("fade-out");
2898      document.removeEventListener("keydown", trapFocus);
2899      openButton.focus();
2900    }, 400);
2901  });
2902
2903  document.addEventListener("keydown", (event) => {
2904    if (event.key === "Escape" && modalOverlay.classList.contains("fade-in")) {
2905      closeButton.click();
2906    }
2907  });
2908}
2909    };
2910</script>
2910
2911
2912
2913<script type="text/javascript">
2914
2915    var d_version = "production_6817";
2916    var build = "2026-10-01T14_02_32";
2917    window['v' + 'ersion'] = d_version;
2918
2919    function buildEditorParent() {
2920        window.isMultiScreen = true;
2921        window.editorParent = {};
2922        window.previewParent = {};
2923        window.assetsCacheQueryParam = "?version=2026-10-01T14_02_32";
2924        try {
2925            var _p = window.parent;
2926            if (_p && _p.document && _p.$ && _p.$.dmfw) {
2927                window.editorParent = _p;
2928            } else if (_p.isSitePreview) {
2929                window.previewParent = _p;
2930            }
2931        } catch (e) {
2932
2933        }
2934    }
2935
2936    buildEditorParent();
2937</script>
2937
2938
2939
2940
2941<!-- Injecting site-wide before scripts -->
2942
2943<!-- End Injecting site-wide to the head -->
2944
2945
2946
2947
2948
2949
2950<script>
2951    window.cookiesNotificationMarkupPreview = 'null';
2952</script>
2952
2953
2954
2955<script id='d-js-params'>
2956    window.INSITE = window.INSITE || {};
2957    window.INSITE.device = "desktop";
2958
2959    window.rtCommonProps = {};
2960    rtCommonProps["runtimecollector.url"] = 'https://rtc.eu-multiscreensite.com';
2961    rtCommonProps["performance.tabletPreview.removeScroll"] = 'false';
2962    rtCommonProps["inlineEditGrid.snap"] =true;
2963    rtCommonProps["popup.insite.cookie.ttl"] = '0.5';
2964    rtCommonProps["common.mapbox.token"] = 'pk.eyJ1IjoiZGFubnliMTIzIiwiYSI6ImNqMGljZ256dzAwMDAycXBkdWxwbDgzeXYifQ.Ck5P-0NKPVKAZ6SH98gxxw';
2965    rtCommonProps["common.mapbox.js.override"] =false;
2966    rtCommonProps["common.here.appId"] = 'iYvDjIQ2quyEu0rg0hLo';
2967    rtCommonProps["common.here.appCode"] = '1hcIxLJcbybmtBYTD9Z1UA';
2968    rtCommonProps["ecommerce.ecwid.script"] = 'https://app.multiscreenstore.com/script.js';
2969    rtCommonProps["common.build.dist.folder"] = 'production/6817';
2970    rtCommonProps["common.resources.cdn.host"] = 'https://static.cdn-website.com';
2971    rtCommonProps["common.resources.folder"] = 'https://static.cdn-website.com/mnlt/production/6817';
2972    rtCommonProps["common.fonts.api.v2.url"] = 'https://de.cdn-website.com/fonts/css2?family=';
2973    rtCommonProps["feature.flag.runtime.backgroundSlider.preload.slowly"] =true;
2974    rtCommonProps["feature.flag.runtime.newAnimation.jitAnimation.enabled"] =true;
2975    rtCommonProps["feature.flag.sites.google.analytics.gtag"] =true;
2976    rtCommonProps["feature.flag.runOnReadyNewTask"] =true;
2977    rtCommonProps["isAutomation.test"] =false;
2978    rtCommonProps["booking.cal.api.domain"] = 'api.cal.eu';
2979
2980    
2981    rtCommonProps['common.mapsProvider'] = 'google';
2982    
2983    rtCommonProps["google.places.key"] = 'QUl6YVN5QndxOW5zSndXck9KcDBzejFRdUFzSHlMcGdYa0xHT01N';
2984    
2985    rtCommonProps['common.mapsProvider.version'] = '0.52.0';
2986    rtCommonProps['common.geocodeProvider'] = 'google';
2987    rtCommonProps['server.for.resources'] = '';
2988    rtCommonProps['feature.flag.lazy.widgets'] = true;
2989    rtCommonProps['feature.flag.single.wow'] = false;
2990    rtCommonProps['feature.flag.disallowPopupsInEditor'] = true;
2991    rtCommonProps['feature.flag.mark.anchors'] = true;
2992    rtCommonProps['captcha.public.key'] = '6LffcBsUAAAAAMU-MYacU-6QHY4iDtUEYv_Ppwlz';
2993    rtCommonProps['captcha.invisible.public.key'] = '6LeiWB8UAAAAAHYnVJM7_-7ap6bXCUNGiv7bBPME';
2994    rtCommonProps["images.sizes.small"] =160;
2995    rtCommonProps["images.sizes.mobile"] =640;
2996    rtCommonProps["images.sizes.tablet"] =1280;
2997    rtCommonProps["images.sizes.desktop"] =1920;
2998    rtCommonProps["import.images.storage.imageCDN"] = 'https://le-de.cdn-website.com/';
2999    rtCommonProps["feature.flag.performance.logs"] =false;
3000    rtCommonProps["site.widget.form.captcha.type"] = 'g_recaptcha';
3001    rtCommonProps["friendly.captcha.site.key"] = 'FCMGSQG9GVNMFS8K';
3002    rtCommonProps["cookiebot.mapbox.consent.category"] = 'marketing';
3003    rtCommonProps["termly.mapbox.consent.category"] = 'performance';
3004    // feature flags that's used out of runtime module (in  legacy files)
3005    rtCommonProps["platform.monolith.personalization.dateTimeCondition.popupMsgAction.moveToclient.enabled"] =true;
3006
3007    window.rtFlags = {};
3008    rtFlags["unsuspendEcwidStoreOnRuntime.enabled"] =false;
3009    rtFlags["scripts.widgetCount.enabled"] =true;
3010    rtFlags["fnb.animations.tracking.enabled"] =true;
3011    rtFlags["ecom.ecwidNewUrlStructure.enabled"] = false;
3012    rtFlags["ecom.ecwid.accountPage.emptyBaseUrl.enabled"] = true;
3013    rtFlags["ecom.ecwid.accountPage.repeatOrderRedirect.enabled"] = false;
3014    rtFlags["ecom.ecwid.oldStore.keepScrollOnLoad.enabled"] = true;
3015    rtFlags["ecom.ecwid.storefrontV3.enabled"] = false;
3016    rtFlags["ecom.monolith.legacy.js.api.disabled.for.new.sites"] = false;
3017    rtFlags["geocode.search.localize"] =false;
3018    rtFlags["feature.flag.runtime.newAnimation.asyncInit.setTimeout.enabled"] =false;
3019    rtFlags["twitter.heightLimit.enabled"] = true;
3020    rtFlags["streamline.monolith.personalization.supportMultipleConditions.enabled"] =false;
3021    rtFlags["flex.animation.design.panel.layout"] =true;
3022    rtFlags["runtime.cwv.report.cls.enabled"] =false;
3023    rtFlags["runtime.cwv.report.lcp.enabled"] =false;
3024    rtFlags["runtime.lcp.preload.selfheal.enabled"] =true;
3025    rtFlags["runtime.lcp.preload.bootstrap.enabled"] =true;
3026    rtFlags["runtime.lcp.preload.monitor.enabled"] =false;
3027    rtFlags["runtime.customwidget.heightpin.enabled"] =true;
3028    rtFlags["runtime.video.widget.lazy.enabled"] =true;
3029    rtFlags["contact.form.useActiveForm"] =true;
3030    rtFlags["contact.form.custom.errors.enabled"] =true;
3031    rtFlags["runtime.ssr.productStore.internal.observer"] =true;
3032    rtFlags["editor.widget.form.a11y"] =true;
3033</script>
vendor: 1 bytes, line 3033
3033
3034<script src="https://static.cdn-website.com/mnlt/production/6817/_dm/s/rt/dist/scripts/d-js-runtime-flex-package.min.js"  id="d-js-core" defer></script>
3034
3035
3036
3037
3038
3039
3040
3041
3042
3043
3044
3045
3046
3047
3048
3049
3050
3051<script>
3052    document.addEventListener('DOMContentLoaded', () =>
3053        window.runtime.initLayout()
3054    );
3055</script>
3055
3056
3057
3058
3059
3060
3061
3062
3063
3064
3065
3066
3067
3068
3069
3070
3071
3072
3073
3074
3075<script type="text/javascript" id="d_track_sp">
3076    ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[];
3077        p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments)
3078        };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1;
3079        n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,"script","//d3uzsv7k2lpopp.cloudfront.net/sp-2.0.0-dm-0.1.min.js","snowplow"));
3080    window.dmsnowplow  = window.snowplow;
3081
3082    dmsnowplow('newTracker', 'cf', 'd3uzsv7k2lpopp.cloudfront.net', { // Initialise a tracker
3083        appId: '00a54f0f6712438da5ffad64490c7595'
3084    });
3085
3086    // snowplow queries element styles so we wait until CSS calculations are done.
3087    requestAnimationFrame(() => {
3088        dmsnowplow('trackPageView');
3089        _dm_insite.forEach((rule) => {
3090            // Specifically in popup only the client knows if it is shown or not so we don't always want to track its impression here
3091            // the tracking is in popup.js
3092            if (rule.actionName !== "popup") {
3093                dmsnowplow('trackStructEvent', 'insite', 'impression', rule.ruleType, rule.ruleId);
3094            }
3095            window?.waitForDeferred?.('dmAjax', () => {
3096                $.DM.events.trigger('event-ruleTriggered', {value: rule});
3097            });
3098        });
3099    });
3100</script>
3100
3101
3102
3103
3104<div style="display:none;" id="P6iryBW0Wu"></div>
3105
3106
3107
3108
3109
3110
3111
3112
3113
3114
3115
3116<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
3117
3118    
3119    <div class="pswp__bg"></div>
3120
3121    
3122    <div class="pswp__scroll-wrap">
3123
3124        
3125        <div class="pswp__container">
3126            <div class="pswp__item"></div>
3127            <div class="pswp__item"></div>
3128            <div class="pswp__item"></div>
3129        </div>
3130
3131        
3132        <div class="pswp__ui pswp__ui--hidden">
3133
3134            <div class="pswp__top-bar">
3135
3136                
3137
3138                <div class="pswp__counter"></div>
3139
3140                <button class="pswp__button pswp__button--close" data-auto="pswp-close" title="Close (Esc)"></button>
3141
3142                <button class="pswp__button pswp__button--share" data-auto="pswp-share" title="Share"></button>
3143
3144                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
3145
3146                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
3147
3148                
3149                
3150                <div class="pswp__preloader">
3151                    <div class="pswp__preloader__icn">
3152                      <div class="pswp__preloader__cut">
3153                        <div class="pswp__preloader__donut"></div>
3154                      </div>
3155                    </div>
3156                </div>
3157            </div>
3158
3159            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
3160                <div class="pswp__share-tooltip"></div> 
3161            </div>
3162
3163            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
3164            </button>
3165
3166            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
3167            </button>
3168
3169            <div class="pswp__caption">
3170                <div class="pswp__caption__center"></div>
3171            </div>
3172
3173        </div>
3174
3175    </div>
3176
3177</div>
3178<div id="fb-root"
3179        data-locale="en"></div>
3180<!-- Alias: 00a54f0f6712438da5ffad64490c7595 -->
3181<script id="d_track_personalization">
3182	window?.waitForDeferred?.('dmAjax', () => {
3183		// Collects client data and updates cookies used by smart sites
3184		window.expireDays = 365;
3185		window.visitLength = 30 * 60000;
3186		$.setCookie("dm_timezone_offset", (new Date()).getTimezoneOffset(), window.expireDays);
3187			setSmartSiteCookiesInternal("dm_this_page_view","dm_last_page_view","dm_total_visits","dm_last_visit");
3188	});
3189</script>
vendor: 1 bytes, line 3189
3189
3190<script type="text/javascript">
3191    
3192    Parameters.NavigationAreaParams.MoreButtonText = 'MORE';
3193    
3194    Parameters.NavigationAreaParams.LessButtonText = 'LESS';
3195    Parameters.HomeLinkText = 'Home';
3196    </script>
3196
3197<!--  Site Wide Html Markup -->
3198<!--  Site Wide Html Markup -->
3199</body>
3200</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.