PageSourceSearch

https://www.botel.nl/amenities

html botel.nl collected 2026-10-08 07:10:47 UTC 118,028 bytes, 3,120 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: 'amenities',
64        InitialPageUuid: '10d05f81d3aa4a0d8ab5bc84086d323d',
65        InitialPageId: '35858617',
66        InitialEncodedPageAlias: 'YW1lbml0aWVz',
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="/fyb52nqswd-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/amenities">
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/f148fb15ceb64ad480951a97a5175e18.css" id="widgetCSS" />
656
657
658<style>img[width][height] {
659  height: auto;
660}</style>
661
662
663<style>
664  body[data-page-alias="amenities"] #dm [data-show-on-page-only="amenities"] {
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
737</style>
738
739<style id="pagestyleDevice" type="text/css">
740    
741</style>
742
743
744
745 <style data-page-uuid="10d05f81d3aa4a0d8ab5bc84086d323d" id="grid-styles-common-ec0ab84b-10d05f81d3aa4a0d8ab5bc84086d323d">@media all {
746    
747#f493c9c2 {
748    min-height: 8px;
749    column-gap: 4%;
750    row-gap: 20px;
751    width: 100%;
752    align-items: center;
753    min-width: 4%;
754    margin-bottom: 100px;
755    padding: 16px 16px 16px 16px;
756    margin-right: 0%;
757    margin-top: 0%;
758    margin-left: 0%;
759}
760    
761#a4382712 {
762    min-height: 80vh;
763    column-gap: 4%;
764    row-gap: 24px;
765    width: 100%;
766    padding-left: 0%;
767    padding-bottom: 0%;
768    padding-right: 0%;
769    padding-top: 0%;
770    margin-right: 0%;
771    margin-top: 0%;
772    margin-left: 0%;
773    margin-bottom: 0%;
774}
775    
776#\38 34f599d::before, #\38 34f599d > .bgExtraLayerOverlay {
777    display: block;
778    position: absolute;
779    width: 100%;
780    height: 100%;
781    top: 0;
782    left: 0;
783    opacity: 0.2;
784    border-radius: inherit;
785}
786#\38 34f599d {
787    background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/drone-foto-2-a50906aa-2880w.jpg') !important;
788}
789}</style> 
790 <style data-page-uuid="10d05f81d3aa4a0d8ab5bc84086d323d" id="grid-styles-common-019d80bf-10d05f81d3aa4a0d8ab5bc84086d323d">@media all {
791    
792#\39 10d5d23 {
793    min-height: 8px;
794    column-gap: 4%;
795    row-gap: 24px;
796    width: 100%;
797    min-width: 4%;
798    flex-direction: row;
799    background-color: var(--color_5);
800    background-image: initial;
801    border-radius: 15px 15px 15px 15px;
802    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
803    padding: 30px 16px 30px 16px;
804    margin: -110px 0% 0% 0%;
805}
806    
807#ddf0fb5e {
808    min-height: 64px;
809    column-gap: 0%;
810    row-gap: 0px;
811    width: 100%;
812    flex-wrap: nowrap;
813    padding: 2% 0% 2% 0%;
814    margin: 0% 0% 0% 0%;
815}
816    
817#widget_c5c {
818    width: 1089px;
819    height: auto;
820    max-width: 100%;
821    order: 0;
822    margin: 0px 0% 0px 0%;
823    grid-area: auto / auto / auto / auto;
824}
825    
826#\38 ab73c64 {
827    background-color: rgba(0,0,0,0);
828    background-image: initial;
829}
830}</style> 
831 <style data-page-uuid="10d05f81d3aa4a0d8ab5bc84086d323d" id="grid-styles-common-bd835d9e-10d05f81d3aa4a0d8ab5bc84086d323d">@media all {
832    
833#b32fe16b {
834    min-height: 8px;
835    column-gap: 4%;
836    row-gap: 24px;
837    width: 100%;
838    min-width: 4%;
839    align-items: center;
840    padding: 16px 16px 16px 16px;
841    margin-right: 0%;
842    margin-top: 0%;
843    margin-left: 0%;
844    margin-bottom: 0%;
845}
846    
847#d12bac65 {
848    padding-bottom: 2%;
849    min-height: 240px;
850    column-gap: 4%;
851    row-gap: 24px;
852    width: 100%;
853    flex-wrap: nowrap;
854    padding-top: 2%;
855    padding-left: 0%;
856    padding-right: 0%;
857    margin-right: 0%;
858    margin-top: 0%;
859    margin-left: 0%;
860    margin-bottom: 0%;
861}
862    
863#\34 086b613 {
864    background-color: rgba(0,0,0,0);
865    background-image: initial;
866}
867    
868#widget_ri6 {
869    width: 54.62%;
870    height: auto;
871    max-width: 100%;
872    order: 0;
873}
874    
875#\39 201ebcb {
876    width: 100%;
877    height: auto;
878    max-width: 100%;
879}
880}</style> 
881 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-flex-footer-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
882    
883#flex-footer {
884    background-color: var(--color_1);
885}
886}</style> 
887 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-flex-
887header-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
888    
889#flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img {
890    transform: scale(0.83);
891}
892#flex-header::before, #flex-header > .bgExtraLayerOverlay {
893    display: block;
894    position: absolute;
895    width: 100%;
896    height: 100%;
897    top: 0;
898    left: 0;
899    opacity: 0.5;
900    border-radius: inherit;
901}
902#flex-header {
903    background-color: rgba(0,0,0,0);
904    
905    background-image: none;
906    background-size: cover;
907    background-repeat: no-repeat;
908    background-position: 50% 0%;
909    box-shadow: none;
910    padding: 0px 0px 0px 0px;
911}
912#flex-header[data-changeable-on-scroll][data-scrolling] {
913    padding-top: 0px;
914    padding-bottom: 0px;
915    background-color: rgba(39,42,47,1);
916    background-image: none;
917}
918}</style> 
919 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-08458857-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
920    
921#bda7972f.flex-element.widget-wrapper > [data-element-type] {
922    padding: 10px 0px 10px 0px;
923}
924#bda7972f {
925    width: 100%;
926    height: auto;
927    max-width: 100%;
928    justify-self: auto;
929    order: 0;
930    margin: 0px 0% 0px 0%;
931    grid-area: auto / auto / auto / auto;
932}
933    
934#ea9f34a3 {
935    width: 225px;
936    height: auto;
937    max-width: 100%;
938    justify-self: auto;
939    align-self: auto;
940    order: 0;
941    grid-area: auto / auto / auto / auto;
942}
943    
944#\38 1a4f03c {
945    flex-direction: row;
946    align-items: center;
947    width: 77.19%;
948    min-width: 4%;
949    min-height: 8px;
950    column-gap: 4%;
951    row-gap: 24px;
952    padding: 6px 16px 6px 16px;
953    margin: 0% 0% 0% 0%;
954}
955    
956#\36 dd6ba41 {
957    flex-direction: row;
958    justify-content: flex-end;
959    align-items: center;
960    width: 19.2%;
961    min-width: 4%;
962    min-height: 8px;
963    column-gap: 4%;
964    row-gap: 24px;
965    padding: 6px 16px 6px 16px;
966    margin: 0% 0% 0% 0%;
967}
968    
969#fda2304e {
970    flex-direction: row;
971    justify-content: flex-start;
972    align-items: center;
973    width: 18.67%;
974    min-width: 4%;
975    min-height: 8px;
976    column-gap: 4%;
977    row-gap: 24px;
978    padding: 6px 16px 6px 16px;
979    margin: 0% 0% 0% 0%;
980}
981    
982#\34 e1c7f38 {
983    min-height: 8px;
984    column-gap: 4%;
985    row-gap: 24px;
986    flex-direction: row;
987    width: 9.6%;
988    justify-content: flex-end;
989    align-items: center;
990    min-width: 4%;
991    padding: 16px 16px 16px 16px;
992    margin: 0% 0% 0% 0%;
993}
994    
995#c0cc6e9d {
996    min-height: 0px;
997    column-gap: 0%;
998    row-gap: 0px;
999    max-width: none;
1000    width: 100%;
1001    flex-wrap: nowrap;
1002    padding: 10px 4% 10px 4%;
1003    margin: 0% 0% 0% 0%;
1004}
1005    
1006#\34 bb9c34f {
1007    width: 30px;
1008    height: 30px;
1009    max-width: 100%;
1010}
1011    
1012#d7de186c.flex-element.widget-wrapper > [data-element-type] {
1013    padding-top: 0%;
1014}
1015#d7de186c {
1016    width: 241px;
1017    height: 55px;
1018    max-width: 100%;
1019    order: 0;
1020    grid-area: auto / auto / auto / auto;
1021}
1022    
1023#\38 5c746e6 {
1024    width: 60px;
1025    height: 60px;
1026    max-width: 100%;
1027}
1028    
1029#\39 58023e9 {
1030    background-color: var(--color_8);
1031    background-image: initial;
1032}
1033    
1034#\35 bca45bd {
1035    min-height: 8px;
1036    column-gap: 4%;
1037    row-gap: 24px;
1038    width: 3.99%;
1039    align-items: center;
1040    min-width: 4%;
1041    padding: 16px 16px 16px 16px;
1042    margin: 0% 0% 0% 0%;
1043}
1044}</style> 
1045 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-23b19e39-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
1046    
1047#d700b9a3 {
1048    min-height: 8px;
1049    column-gap: 4%;
1050    row-gap: 24px;
1051    width: 100%;
1052    min-width: 4%;
1053    align-items: flex-end;
1054    background-color: rgba(0,0,0,0);
1055    background-image: initial;
1056    padding: 16px 16px 16px 16px;
1057    margin-right: 0%;
1058    margin-top: 0%;
1059    margin-left: 0%;
1060    margin-bottom: 0%;
1061}
1062    
1063#adab0831 {
1064    padding-top: 0px;
1065    padding-bottom: 0px;
1066    min-height: 100px;
1067    column-gap: 4%;
1068    row-gap: 24px;
1069    width: 100%;
1070    padding-left: 0%;
1071    padding-right: 0%;
1072    margin-right: 0%;
1073    margin-top: 0%;
1074    margin-left: 0%;
1075    margin-bottom: 0%;
1076}
1077    
1078#\39 77c9eb4 svg {
1079    fill: var(--color_3);
1080}
1081#\39 77c9eb4 .hamburgerButton {
1082    background-color: rgba(0,0,0,0);
1083}
1084#\39 77c9eb4 {
1085    width: 30px;
1086    height: 30px;
1087}
1088}</style> 
1089 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-63a049320d35b55b4ef2a372-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
1090    
1091#\36 3a049320d35b55b4ef2a374 {
1092    min-height: 8px;
1093    column-gap: 4%;
1094    row-gap: 24px;
1095    background-color: rgba(0, 0, 0, 0);
1096    width: 100%;
1097    min-width: 4%;
1098    padding: 16px 16px 16px 16px;
1099    margin-right: 0%;
1100    margin-top: 0%;
1101    margin-left: 0%;
1102    margin-bottom: 0%;
1103}
1104    
1105#\36 3a049320d35b55b4ef2a376 {
1106    background-color: rgba(0,0,0,0);
1107    background-image: initial;
1108}
1109    
1110#\36 3a049320d35b55b4ef2a377 {
1111    padding-top: 2%;
1112    padding-bottom: 2%;
1113    min-height: 200px;
1114    column-gap: 4%;
1115    row-gap: 24px;
1116    width: 100%;
1117    padding-left: 0%;
1118    padding-right: 0%;
1119    margin-right: 0%;
1120    margin-top: 0%;
1121    margin-left: 0%;
1122    margin-bottom: 0%;
1123}
1124    
1125#\36 3a049ca0d35b55b4ef2a5c3 {
1126    align-self: auto;
1127    max-width: 100%;
1128    width: 544px;
1129    justify-self: auto;
1130    height: auto;
1131    order: 0;
1132    grid-area: auto / auto / auto / auto;
1133}
1134    
1135#\36 2d6a167a824ca526194d9a5 {
1136    background-color: rgba(232, 255, 133, 1);
1137}
1138}</style> 
1139 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-6406026c90e1521f6ecb0eca-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
1140    
1141#\36 406026c90e1521f6ecb0ecd {
1142    min-height: 8px;
1143    column-gap: 4%;
1144    row-gap: 24px;
1145    width: 100%;
1146    min-width: 4%;
1147    padding: 16px 16px 16px 16px;
1148    margin-right: 0%;
1149    margin-top: 0%;
1150    margin-left: 0%;
1151    margin-bottom: 0%;
1152}
1153    
1154#\36 406026c90e1521f6ecb0ecb {
1155    background-color: rgba(0,0,0,0);
1156    background-image: initial;
1157}
1158    
1159#\36 406026c90e1521f6ecb0ecc {
1160    padding-top: 4%;
1161    padding-bottom: 4%;
1162    min-height: 460px;
1163    column-gap: 4%;
1164    row-gap: 24px;
1165    width: 100%;
1166    padding-left: 0%;
1167    padding-right: 0%;
1168    margin-right: 0%;
1169    margin-top: 0%;
1170    margin-left: 0%;
1171    margin-bottom: 0%;
1172}
1173}</style> 
1174 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-common-63da2bddeae8da42b2353671-d3b664c1cd4c4868be1f3028db9b9beb">@media all {
1175    
1176#\36 3da2bddeae8da42b2353673 {
1177    min-height: 160px;
1178    column-gap: 1%;
1179    row-gap: 6px;
1180    width: 100%;
1181    flex-wrap: nowrap;
1182    padding: 3% 2% 3% 2%;
1183    margin-right: 0%;
1184    margin-top: 0%;
1185    margin-left: 0%;
1186    margin-bottom: 0%;
1187}
1188    
1189#\36 3da2bddeae8da42b2353672 {
1190    background-color: var(--color_5);
1191    background-image: initial;
1192}
1193    
1194#\36 3da2bf2eae8da42b23538a2 {
1195    min-height: 8px;
1196    column-gap: 4%;
1197    row-gap: 0px;
1198    background-color: rgba(0, 0, 0, 0);
1199    width: 32.67%;
1200    justify-content: flex-start;
1201    align-items: center;
1202    min-width: 4%;
1203    order: 1;
1204    padding: 16px 16px 16px 16px;
1205    margin-right: 0%;
1206    margin-top: 0%;
1207    margin-left: 0%;
1208    margin-bottom: 0%;
1209}
1210    
1211#\36 3c7b8b76c596a2813341bc5 {
1212    height: auto;
1213}
1214    
1215#widget_erh {
1216    width: 100%;
1217    height: auto;
1218    max-width: 100%;
1219    order: 0;
1220}
1221    
1222#e0bc5626 {
1223    min-height: 8px;
1224    column-gap: 4%;
1225    row-gap: 10px;
1226    background-color: rgba(0, 0, 0, 0);
1227    width: 32.67%;
1228    justify-content: flex-start;
1229    align-items: center;
1230    min-width: 4%;
1231    order: 2;
1232    padding: 16px 16px 16px 16px;
1233    margin-right: 0%;
1234    margin-top: 0%;
1235    margin-left: 0%;
1236    margin-bottom: 0%;
1237}
1238    
1239#\36 bfa7d9b {
1240    width: 100%;
1241    height: auto;
1242    max-width: 100%;
1243    order: 0;
1244    justify-self: auto;
1245    align-self: auto;
1246    grid-area: auto / auto / auto / auto;
1247}
1248    
1249#eb6263b7 {
1250    min-height: 8px;
1251    column-gap: 4%;
1252    row-gap: 10px;
1253    background-color: rgba(0, 0, 0, 0);
1254    width: 32.67%;
1255    justify-content: flex-start;
1256    min-width: 4%;
1257    order: 0;
1258    padding: 16px 16px 16px 16px;
1259    margin-right: 0%;
1260    margin-top: 0%;
1261    margin-left: 0%;
1262    margin-bottom: 0%;
1263}
1264    
1265#a69a66e6 {
1266    width: 100%;
1267    height: auto;
1268    max-width: 100%;
1269    order: 0;
1270}
1271    
1272#widget_0jc {
1273    width: auto;
1274    height: auto;
1275    max-width: 100%;
1276    justify-self: auto;
1277    align-self: auto;
1278    order: 1;
1279    grid-area: auto / auto / auto / auto;
1280}
1281    
1282#widget_tg3.flex-element.widget-wrapper > [data-element-type] {
1283    padding-top: 10px;
1284}
1285#widget_tg3 {
1286    width: 100%;
1287    height: auto;
1288    max-width: 100%;
1289    align-self: auto;
1290    order: 1;
1291    justify-self: auto;
1292    grid-area: auto / auto / auto / auto;
1293}
1294    
1295#widget_t63 {
1296    width: 99.99%;
1297    height: auto;
1298    max-width: 100%;
1299    order: 1;
1300    justify-self: auto;
1301    align-self: auto;
1302    grid-area: auto / auto / auto / auto;
1303}
1304    
1305#\32 94a75b4 {
1306    width: 100%;
1307    height: auto;
1308    max-width: 100%;
1309    align-self: auto;
1310    order: 2;
1311    justify-self: auto;
1312    grid-area: auto / auto / auto / auto;
1313}
1314}</style> 
1315 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-desktop-flex-header-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 1025px) {
1316}</style> 
1317 <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) {
1318}</style> 
1319 <style data-page-uuid="10d05f81d3aa4a0d8ab5bc84086d323d" id="grid-styles-tablet-ec0ab84b-10d05f81d3aa4a0d8ab5bc84086d323d">@media (min-width: 768px) and (max-width: 1024px) {
1320    
1321#a4382712 {
1322    padding-top: 180px;
1323    padding-bottom: 20px;
1324}
1325    
1326#\38 34f599d {
1327    background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/drone-foto-2-a50906aa-2880w.jpg') !important;
1328}
1329}</style> 
1330 <style data-page-uuid="10d05f81d3aa4a0d8ab5bc84086d323d" id="grid-styles-tablet-019d80bf-10d05f81d3aa4a0d8ab5bc84086d323d">@media (min-width: 768px) and (max-width: 1024px) {
1331    
1332#ddf0fb5e {
1333    padding-left: 2%;
1334    padding-right: 2%;
1335}
1336}</style> 
1337 <style data-page-uuid="10d05f81d3aa4a0d8ab5bc84086d323d" id="grid-styles-tablet-bd835d9e-10d05f81d3aa4a0d8ab5bc84086d323d">@media (min-width: 768px) and (max-width: 1024px) {
1338    
1339#d12bac65 {
1340    padding-left: 2%;
1341    padding-right: 2%;
1342}
1343}</style> 
1344 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-flex-footer-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1345    
1346#flex-footer {
1347}
1348}</style> 
1349 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-flex-header-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1350    
1351#flex-header::before, #flex-header > .bgExtraLayerOverlay {
1352    
1353}
1354#flex-header {
1355    background-color: rgba(0,0,0,0);
1356    padding-left: 0%;
1357    padding-right: 0%;
1358    
1359}
1360}</style> 
1361 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-08458857-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1362    
1363#ea9f34a3 {
1364    width: 206px;
1365    height: auto;
1366}
1367    
1368#\38 1a4f03c {
1369    width: 19.87%;
1370    order: 1;
1371    justify-content: flex-end;
1372    padding-right: 50px;
1373}
1374    
1375#\36 dd6ba41 {
1376    width: 43.73%;
1377    order: 2;
1378    justify-content: flex-end;
1379    min-height: 8px;
1380}
1381    
1382#fda2304e {
1383    width: 43.16%;
1384    margin-left: -0.0011659701492537314%;
1385    justify-content: flex-start;
1386    order: 0;
1387    min-height: 8px;
1388}
1389    
1390#\34 e1c7f38 {
1391    order: 3;
1392    width: 9.03%;
1393    min-height: 8px;
1394}
1395    
1396#c0cc6e9d {
1397    padding-left: 2%;
1398    padding-right: 2%;
1399    flex-direction: row;
1400    flex-wrap: nowrap;
1401    min-height: 0px;
1402}
1403    
1404#\34 bb9c34f {
1405    justify-self: auto;
1406    align-self: auto;
1407    order: 0;
1408    margin: 0px 0% 0px 0%;
1409    grid-area: auto / auto / auto / auto;
1410}
1411    
1412#\38 5c746e6 {
1413    width: 32px;
1414    height: 32px;
1415}
1416    
1417#d7de186c {
1418    width: 235px;
1419}
1420    
1421#\35 bca45bd {
1422    order: 4;
1423}
1424}</style> 
1425 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-63a049320d35b55b4ef2a372-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1426    
1427#\36 3a049320d35b55b4ef2a374 {
1428    padding-top: 100px;
1429    justify-content: flex-start;
1430}
1431    
1432#\36 3a049320d35b55b4ef2a377 {
1433    min-height: 564px;
1434    padding: 0% 13.550135501355012% 0% 13.550135501355012%;
1435}
1436}</style> 
1437 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-6406026c90e1521f6ecb0eca-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1438    
1439#\36 406026c90e1521f6ecb0ecc {
1440    min-height: 283px;
1441    padding: 0% 4% 0% 4%;
1442}
1443    
1444#\36 406026c90e1521f6ecb0ecd {
1445    justify-content: flex-end;
1446    padding: 16px 4.519774011299435% 16px 4.519774011299435%;
1447}
1448}</style> 
1449 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-tablet-63da2bddeae8da42b2353671-d3b664c1cd4c4868be1f3028db9b9beb">@media (min-width: 768px) and (max-width: 1024px) {
1450    
1451#\36 3da2bf2eae8da42b23538a2 {
1452    width: 32.67%;
1453    align-items: flex-start;
1454    order: 0;
1455    min-height: 8px;
1456}
1457    
1458#\36 3da2bddeae8da42b2353673 {
1459    flex-direction: row;
1460    flex-wrap: nowrap;
1461    min-height: 160px;
1462    padding-left: 4%;
1463    padding-right: 4%;
1464}
1465    
1466#e0bc5626 {
1467    width: 32.67%;
1468    min-height: 8px;
1469}
1470    
1471#eb6263b7 {
1472    width: 32.67%;
1473    min-height: 8px;
1474}
1475    
1476#widget_0jc {
1477    width: 166px;
1478}
1479}</style> 
1480
1481
1482
1483
1484
1485
1486<style id="globalFontSizeStyle" type="text/css">
1487    @media (min-width: 1025px) {  }@media (min-width: 768px) and (max-width: 1024px) {  }@media (max-width: 767px) {  }
1488</style>
1489<style id="pageFontSizeStyle" type="text/css">
1490</style>
1491
1492
1493
1494
1495<style id="hideAnimFix">
1496  .dmDesktopBody:not(.editGrid) [data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) [data-anim-extended] {
1497    visibility: hidden;
1498  }
1499
1500  .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-extended] {
1501    visibility: hidden !important;
1502  }
1503
1504  #dmRoot:not(.editGrid) .flex-element [data-anim-extended] {
1505    visibility: hidden;
1506  }
1507
1508</style>
1509
1510
1511
1512
1513<style id="fontFallbacks">
1514    @font-face {
1515  font-family: "Roboto Fallback";
1516  src: local('Arial');
1517  ascent-override: 92.6709%;
1518  descent-override: 24.3871%;
1519  size-adjust: 100.1106%;
1520  line-gap-override: 0%;
1521 }@font-face {
1522  font-family: "Poppins Fallback";
1523  src: local('Arial');
1524  ascent-override: 92.326%;
1525  descent-override: 30.7753%;
1526  line-gap-override: 8.793%;
1527  size-adjust: 113.7274%;
1528}@font-face {
1529  font-family: "Oswald Fallback";
1530  src: local('Arial');
1531  ascent-override: 145.0682%;
1532  descent-override: 35.1423%;
1533  size-adjust: 82.2372%;
1534  line-gap-override: 0%;
1535 }@font-face {
1536  font-family: "Open Sans Fallback";
1537  src: local('Arial');
1538  ascent-override: 101.1768%;
1539  descent-override: 27.7323%;
1540  size-adjust: 105.6416%;
1541  line-gap-override: 0%;
1542 }
1543</style>
1544
1545
1546
1547
1548
1549
1550
1551
1552
1553<link rel="alternate" hreflang="en" href="https://www.botel.nl/amenities" />
1554
1555<link rel="alternate" hreflang="x-default" href="https://www.botel.nl/amenities" />
1556
1557<link rel="alternate" hreflang="de" href="https://www.botel.nl/de/ausstattung" />
1558
1559<link rel="alternate" hreflang="nl" href="https://www.botel.nl/nl/faciliteiten" />
1560
1561
1562
1563<meta property="og:type" content="website">
1564<meta property="og:url" content="https://www.botel.nl/amenities">
1565
1566  <title>
1567    Hotel Amenities | Botel | Amsterdam
1568  </title>
1569  <meta name="description" content="Explore our amenities: free WiFi, family rooms, a bar, and 24/7 services. Enjoy live sports and a safe, non-smoking environment."/>
1570
1571  <meta name="twitter:card" content="summary"/>
1572  <meta name="twitter:title" content="Hotel Amenities | Botel | Amsterdam"/>
1573  <meta name="twitter:description" content="Explore our amenities: free WiFi, family rooms, a bar, and 24/7 services. Enjoy live sports and a safe, non-smoking environment."/>
1574  <meta name="twitter:image" content="https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/Botel+buitenkant+2025+Led+verlichting-1920w.jpg"/>
1575  <meta property="og:description" content="Explore our amenities: free WiFi, family rooms, a bar, and 24/7 services. Enjoy live sports and a safe, non-smoking environment."/>
1576  <meta property="og:title" content="Hotel Amenities | Botel | Amsterdam"/>
1577  <meta property="og:image" content="https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/Botel+buitenkant+2025+Led+verlichting-1920w.jpg"/>
1578
1579
1580
1581
1582<!-- SYS- RVVfUFJPRFVDVElPTg== -->
1583</head>
1584
1585
1586
1587
1588
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604
1605<body id="dmRoot" data-page-alias="amenities"  class="dmRoot fix-mobile-scrolling flex-site dmResellerSite "
1606      style="padding:0;margin:0;"
1607      
1608     data-flex-site >
1609
1610
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622
1623
1624
1625<div id="dm" class='dmwr'>
1626    
1627    <div class="dm_wrapper -var5 null ">
1628         <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> 
1629 <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> 
1630</div> 
1631</div> 
1632 <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> 
1633</span> 
1634</a> 
1635</li> 
1636 <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  dmUDNavigationItem_010101294491  " target="" data-target-page-alias=""> <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> 
1637</span> 
1638</a> 
1639</li> 
1640 <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> 
1641</span> 
1642</a> 
1643</li> 
1644 <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  dmNavItemSelected  dmUDNavigationItem_010101838420  " target="" data-target-page-alias="" aria-current="page" data-auto="selected-page"> <span class="nav-item-text " data-link-text="Amenities" data-auto="page-text-style">Amenities<span class="icon icon-angle-down"></span> 
1645</span> 
1646</a> 
1647</li> 
1648 <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
164857  " 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> 
1649</span> 
1650</a> 
1651</li> 
1652 <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> 
1653</span> 
1654</a> 
1655</li> 
1656 <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> 
1657</span> 
1658</a> 
1659</li> 
1660 <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> 
1661</span> 
1662</a> 
1663</li> 
1664</ul> 
1665</nav> 
1666</div> 
1667</div> 
1668 <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> 
1669</span> 
1670 <span class="text" id="1386316455">Contact us</span> 
1671</a> 
1672</div> 
1673 <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> 
1674</svg> 
1675</a> 
1676</div> 
1677</div> 
1678</div> 
1679 <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> 
1680</svg> 
1681</button> 
1682</div> 
1683</div> 
1684 <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="/amenities" data-disable-ajax-navigation="true">
1684<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> 
1685 <span class="short-label">en</span> 
1686 <div class="dm-icon dm-icon-chevron-down"></div> 
1687</a> 
1688</div> 
1689 <div class="language other-languages" data-auto="multilingual-other-languages"> <a href="/nl/faciliteiten" 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> 
1690 <span class="short-label">nl</span> 
1691</a> 
1692 <a href="/de/ausstattung" 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> 
1693 <span class="short-label">de</span> 
1694</a> 
1695</div> 
1696</div> 
1697</div> 
1698</div> 
1699</div> 
1700</div> 
1701</div> 
1702</section> 
1703</div> 
1704</div> 
1705 <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> 
1706 <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
1707 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
1708 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> 
1709</svg> 
1710</button> 
1711</div> 
1712</div> 
1713</div> 
1714</div> 
1715</section> 
1716</div> 
1717 <div data-auto="flex-section" id="1099442592" data-flex-id="63a049320d35b55b4ef2a372" data-layout-section=""> <div class="flex-widgets-container" id="1247649854"></div> 
1718 <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> 
1719</span> 
1720</a> 
1721</li> 
1722 <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  dmUDNavigationItem_010101294491  " target="" data-target-page-alias=""> <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> 
1723</span> 
1724</a> 
1725</li> 
1726 <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> 
1727</span> 
1728</a> 
1729</li> 
1730 <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  dmNavItemSelected  dmUDNavigationItem_010101838420  " target="" data-target-page-alias="" aria-current="page" data-auto="selected-page"> <span class="nav-item-text " data-link-text="Amenities" data-auto="page-text-style">Amenities<span class="icon icon-angle-down"></span> 
1731</span> 
1732</a> 
1733</li> 
1734 <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
173457  " 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> 
1735</span> 
1736</a> 
1737</li> 
1738 <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> 
1739</span> 
1740</a> 
1741</li> 
1742 <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> 
1743</span> 
1744</a> 
1745</li> 
1746 <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> 
1747</span> 
1748</a> 
1749</li> 
1750</ul> 
1751</nav> 
1752</div> 
1753</div> 
1754</div> 
1755</div> 
1756</section> 
1757</div> 
1758 <div data-auto="flex-section" id="1029527021" data-flex-id="6406026c90e1521f6ecb0eca" data-layout-section=""> <div class="flex-widgets-container" id="1659590659"></div> 
1759 <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> 
1760</div> 
1761</div> 
1762</section> 
1763</div> 
1764</div> 
1765 <div class="layout-drawer-overlay" id="layout-drawer-overlay"></div> 
1766</div> 
1767 <div dmwrapped="true" id="dmFirstContainer" class="dmBody u_dmStyle_template_amenities 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> 
1768 <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-binding="eyJiaW5kaW5nTmFtZSI6ImJhY2tncm91bmQiLCJ2YWx1ZSI6InNpdGVfY29sbGVjdGlvbi5tYWluIGltYWdlIGdhbGxlcnkifQ==" data-binding-metadata="eyJpbWFnZSI6ImltYWdlIiwiZGF0YV9xdWVyeSI6IntcImZpbHRlcnNcIjpbXSxcInNvcnRcIjpbXSxcImZpZWxkc1wiOltdLFwicGFnZVNpemVcIjpudWxsfSJ9" data-gallery-bg="eyJzbGlkZXMiOlsiaHR0cHM6Ly9sZS1kZS5jZG4td2Vic2l0ZS5jb20vMDBhNTRmMGY2NzEyNDM4ZGE1ZmZhZDY0NDkwYzc1OTUvZG1zM3JlcC9tdWx0aS9vcHQvZHJvbmUtZm90by0yLWE1MDkwNmFhLTE5MjB3LmpwZyIsImh0dHBzOi8vbGUtZGUuY2RuLXdlYnNpdGUuY29tLzAwYTU0ZjBmNjcxMjQzOGRhNWZmYWQ2NDQ5MGM3NTk1L2RtczNyZXAvbXVsdGkvb3B0L0JPVEVMX2ZhYmlhbitjYWxpc18zMC0wNi0yMDIzXzAzMDYyLTIxNGJjZGJkLTE5MjB3LmpwZyIsImh0dHBzOi8vbGUtZGUuY2RuLXdlYnNpdGUuY29tLzAwYTU0ZjBmNjcxMjQzOGRhNWZmYWQ2NDQ5MGM3NTk1L2RtczNyZXAvbXVsdGkvb3B0L0JPVEVMX2ZhYmlhbitjYWxpc18zMC0wNi0yMDIzXzAzMDk3LWUxNmIzZjQ5LTE5MjB3LmpwZyIsImh0dHBzOi8vbGUtZGUuY2RuLXdlYnNpdGUuY29tLzAwYTU0ZjBmNjcxMjQzOGRhNWZmYWQ2NDQ5MGM3NTk1L2RtczNyZXAvbXVsdGkvb3B0L0JPVEVMX2ZhYmlhbitjYWxpc18wMi0wNi0yMDI1XzA2NTYwLUhEUi0xOTIwdy5qcGciLCJodHRwczovL2xlLWRlLmNkbi13ZWJzaXRlLmNvbS8wMGE1NGYwZjY3MTI0MzhkYTVmZmFkNjQ0OTBjNzU5NS9kbXMzcmVwL211bHRpL29wdC9Cb3RlbC1idWl0ZW5rYW50LTIwMjUtTGVkLXZlcmxpY2h0aW5nLTItMTkyMHcucG5nIiwiaHR0cHM6Ly9sZS1kZS5jZG4td2Vic2l0ZS5jb20vMDBhNTRmMGY2NzEyNDM4ZGE1ZmZhZDY0NDkwYzc1OTUvZG1zM3JlcC9tdWx0aS9vcHQvQk9URUxfZmFiaWFuK2NhbGlzXzAyLTA2LTIwMjVfMDY2NjQtSERSLTE5MjB3LmpwZyIsImh0dHBzOi8vbGUtZGUuY2RuLXdlYnNpdGUuY29tLzAwYTU0ZjBmNjcxMjQzOGRhNWZmYWQ2NDQ5MGM3NTk1L2RtczNyZXAvbXVsdGkvb3B0L0JPVEVMX2ZhYmlhbitjYWxpc18zMC0wNi0yMDIzXzAzMTUwLWIyYjY4Y2JhLTE5MjB3LmpwZyJdLCJ0cmFuc2l0aW9uIjoiZmFkZSIsInNwZWVkIjoxMH0=" style="background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/drone-foto-2-a50906aa-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> 
1769</div> 
1770</div> 
1771</section> 
1772</div> 
1773 <div data-layout-section="" data-auto="flex-section" id="1668148923" data-flex-id="019d80bf"> <div class="flex-widgets-container" id="1956831951"></div> 
1774 <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="><!--
1775    Quickbooker 2 - v59
1776--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"/> <style>:root {
1777        --smartQbBtnBgColor: ;
1778        --smartQbBtnTextColor: ;
1779        --smartQbBtnBorderRadius: 0px;
1780        
1781        --smartQbInputBgColor: ;
1782        --smartQbInputTextColor: ;
1783        --smartQbInputBorderRadius: 0;
1784        --smartQbInputBorderSize: 1px;
1785        --smartQbInputBorderColor: ;
1786        
1787        --smartQbMiscTextColor: ;
1788        
1789        --smartQbWidgetBgColor: ;
1790    }</style> 
1791 <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> 
1792</div> 
1793 <label class="quickbooker__misc-text" for="daterange" data-js="dateRangeLabel"></label> 
1794 <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="
1795                        " 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> 
1796</svg> 
1797</div> 
1798</div> 
1799 <label class="quickbooker__misc-text" for="promoCode">Code</label> 
1800<input id="promoCode" class="quickbooker__field quickbooker__transition
1801                    " 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
1802                        " style="height:100% !important" type="submit" data-js="submitDates" value=""/></div> 
1803</form> 
1804</div> 
1805</div> 
1806</div> 
1807</div> 
1808</div> 
1809</div> 
1810</section> 
1811</div> 
1812 <div data-layout-section="" data-auto="flex-section" id="1877525144" data-flex-id="bd835d9e"> <div class="flex-widgets-container" id="1481704979"></div> 
1813 <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_ri6" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="html" data-hidden-on-tablet="" data-hidden-on-mobile="" data-external-id="1498363949"> <div data-element-type="html" class="dmCustomHtml u_1498363949" id="1498363949"> <table style="height: 267px;" width="591"> <tbody> <tr> <td> <h3>Food &amp; Drink</h3> 
1814&bull;Bar</td> 
1815 <td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</td> 
1816 <td> <h3>Pets</h3> 
1817&bull;Pets are not allowed.</td> 
1818</tr> 
1819 <tr> <td> <h3>Internet</h3> 
1820&bull;WiFi is available in all&nbsp; &nbsp; &nbsp;areas and is free of&nbsp; &nbsp; &nbsp;charge.</td> 
1821 <td>&nbsp;</td> 
1822 <td> <h3>Parking</h3> 
1823&bull;Public parking is possible at a location nearby&nbsp; &nbsp;(reservation is not possible) and costs EUR 8 per&nbsp; &nbsp;day.</td> 
1824</tr> 
1825 <tr> <td> <h3>Activities</h3> 
1826&bull;Live sport events (broadcast)<br/>&bull;Cycling<br/>&bull;Billiards</td> 
1827 <td>&nbsp;</td> 
1828 <td> <h3>Safety &amp; security</h3> 
1829&bull;Fire extinguishers<br/>&bull;CCTV outside property<br/>&bull;CCTV in common areas<br/>&bull;Smoke alarms<br/>&bull;Security alarm</td> 
1830</tr> 
1831 <tr> <td> <h3>Services</h3> 
1832&bull;Vending machine (snacks)<br/>&bull;Vending machine (drinks)<br/>&bull;Private check-in/check-out<br/>&bull;Luggage storage<br/>&bull;Tour desk<br/>&bull;24-hour front desk</td> 
1833 <td>&nbsp;</td> 
1834 <td> <h3>General</h3> 
1835&bull;WiFi available in all areas<br/>&bull;Non-smoking throughout<br/>&bull;Heating<br/>&bull;Safety deposit box<br/>
1835&bull;Lift<br/>&bull;Family rooms<br/>&bull;Non-smoking rooms</td> 
1836</tr> 
1837</tbody> 
1838</table> 
1839</div> 
1840</div> 
1841 <div id="9201ebcb" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-hidden-on-desktop="" data-widget-type="paragraph" data-external-id="1260678128"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1260678128" style=""><p><span style="display: initial;">Food &amp; Drink</span></p><p><span style="display: initial;">&bull; Bar</span></p><p><br/></p><p><span style="display: initial;">Pets</span></p><p><span style="display: initial;">&bull; Pets are not allowed.</span></p><p><span style="display: initial;">Internet</span></p><p><br/></p><p><span style="display: initial;">&bull; WiFi is available throughout the entire accommodation. This service is free of charge.</span></p><p><br/></p><p><span style="display: initial;">Parking</span></p><p><span style="display: initial;">&bull; Public parking is possible near the accommodation. Reservations are not possible. Parking costs: EUR 8 per day.</span></p><p><br/></p><p><span style="display: initial;">Activities</span></p><p><span style="display: initial;">&bull; Live sports events (broadcasts)<br/> &bull; Cycling<br/> &bull; Billiards</span></p><p><br/></p><p><span style="display: initial;">Safety</span></p><p><span style="display: initial;">&bull; Fire extinguishers<br/> &bull; CCTV outside the property<br/> &bull; CCTV in common areas<br/> &bull; Smoke detector<br/> &bull; Security alarm</span></p><p><br/></p><p><span style="display: initial;">Services</span></p><p><span style="display: initial;">&bull; Snack vending machine<br/> &bull; Soft drink vending machine<br/> &bull; Private check-in/check-out<br/> &bull; Luggage storage<br/> &bull; Tour desk<br/> &bull; 24-hour front desk</span></p><p><span style="display: initial;"><span class="ql-cursor"></span></span></p><p><span style="display: initial;">General</span></p><p><span style="display: initial;">&bull; WiFi available throughout the entire accommodation<br/> &bull; Non-smoking throughout the accommodation<br/> &bull; Heating<br/> &bull; Safe<br/> &bull; Elevator<br/> &bull; Family rooms<br/> &bull; Non-smoking rooms</span></p></div> 
1842</div> 
1843</div> 
1844</div> 
1845</div> 
1846</section> 
1847</div> 
1848</div> 
1849</div> 
1850</div> 
1851</div> 
1852 <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> 
1853 <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> 
1854</div> 
1855</div> 
1856 <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);">[email protected]</span></p></div> 
1857</div> 
1858</div> 
1859 <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> 
1860</div> 
1861</div> 
1862 <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> 
1863</span> 
1864</a> 
1865</li> 
1866</ul> 
1867</nav> 
1868</div> 
1869 <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> 
1870</span> 
1871</a> 
1872</li> 
1873</ul> 
1874</nav> 
1875</div> 
1876</div> 
1877 <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> 
1878</div> 
1879</div> 
1880 <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;
1880 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> 
1881</a> 
1882 <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; 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> 
1883</a> 
1884 <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> 
1885</a> 
1886</div> 
1887</div> 
1888</div> 
1889</div> 
1890</div> 
1891</div> 
1892</div> 
1893</section> 
1894</div> 
1895</div> 
1896</div> 
1897</div> 
1898</div> 
1899</div> 
1900</div> 
1901</div> 
1902</div> 
1903
1904    </div>
1905</div>
1906 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile_implicit-flex-header-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
1907}</style> 
1908 <style data-page-uuid="10d05f81d3aa4a0d8ab5bc84086d323d" id="grid-styles-mobile-ec0ab84b-10d05f81d3aa4a0d8ab5bc84086d323d">@media (max-width: 767px) {
1909    
1910#f493c9c2 {
1911    min-height: 240px;
1912    width: 100%;
1913    padding: 0px 0px 0px 0px;
1914}
1915    
1916#a4382712 {
1917    min-height: unset;
1918    flex-direction: column;
1919    padding-left: 4%;
1920    padding-right: 4%;
1921    padding-top: 0px;
1922}
1923    
1924#\38 34f599d {
1925    background-image: url('https://le-de.cdn-website.com/00a54f0f6712438da5ffad64490c7595/dms3rep/multi/opt/drone-foto-2-a50906aa-2880w.jpg') !important;
1926}
1927}</style> 
1928 <style data-page-uuid="10d05f81d3aa4a0d8ab5bc84086d323d" id="grid-styles-mobile-019d80bf-10d05f81d3aa4a0d8ab5bc84086d323d">@media (max-width: 767px) {
1929    
1930#\39 10d5d23 {
1931    width: 100%;
1932    min-height: 80px;
1933    align-items: center;
1934}
1935    
1936#ddf0fb5e {
1937    min-height: 0;
1938    flex-direction: column;
1939    padding-left: 4%;
1940    padding-right: 4%;
1941    flex-wrap: nowrap;
1942}
1943}</style> 
1944 <style data-page-uuid="10d05f81d3aa4a0d8ab5bc84086d323d" id="grid-styles-mobile-bd835d9e-10d05f81d3aa4a0d8ab5bc84086d323d">@media (max-width: 767px) {
1945    
1946#b32fe16b {
1947    width: 100%;
1948    min-height: 80px;
1949    align-items: center;
1950    row-gap: 15px;
1951}
1952    
1953#d12bac65 {
1954    min-height: 0;
1955    flex-direction: column;
1956    padding-left: 0%;
1957    padding-right: 0%;
1958    flex-wrap: nowrap;
1959}
1960    
1961#widget_ri6 {
1962    width: 100.00%;
1963    height: 440px;
1964}
1965}</style> 
1966 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-flex-footer-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
1967    
1968#flex-footer {
1969}
1970}</style> 
1971 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-flex-header-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
1972    
1973#flex-header::before, #flex-header > .bgExtraLayerOverlay {
1974    
1975}
1976#flex-header {
1977    background-color: rgba(0,0,0,0);
1978    
1979    padding-top: 0px;
1980}
1981}</style> 
1982 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-08458857-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
1983    
1984#ea9f34a3 {
1985    width: 120px;
1986    height: auto;
1987}
1988    
1989#\38 1a4f03c {
1990    width: 11.81%;
1991    order: 2;
1992}
1993    
1994#\36 dd6ba41 {
1995    width: 25%;
1996    order: 0;
1997    justify-content: flex-start;
1998    min-height: 8px;
1999}
2000    
2001#fda2304e {
2002    width: 49.15%;
2003    justify-content: center;
2004    order: 1;
2005    min-height: 8px;
2006}
2007    
2008#\34 e1c7f38 {
2009    align-items: center;
2010    width: 16.48%;
2011    order: 3;
2012    min-height: 8px;
2013}
2014    
2015#c0cc6e9d {
2016    padding-left: 2%;
2017    padding-right: 2%;
2018    min-height: 0px;
2019    flex-direction: row;
2020    flex-wrap: nowrap;
2021}
2022    
2023#\38 5c746e6 {
2024    width: 32px;
2025    height: 32px;
2026}
2027    
2028#\35 bca45bd {
2029    align-items: center;
2030    order: 4;
2031    width: 9.30%;
2032    min-height: 8px;
2033}
2034}</style> 
2035 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-23b19e39-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2036    
2037#d700b9a3 {
2038    width: 100%;
2039    min-height: 80px;
2040}
2041    
2042#adab0831 {
2043    min-height: unset;
2044    flex-direction: column;
2045}
2046}</style> 
2047 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-63a049320d35b55b4ef2a372-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2048    
2049#\36 3a049320d35b55b4ef2a374 {
2050    padding-top: 50px;
2051    width: 100%;
2052    min-height: 50vh;
2053    justify-content: flex-start;
2054}
2055    
2056#\36 3a049320d35b55b4ef2a377 {
2057    flex-direction: column;
2058    min-height: unset;
2059    padding: 0% 4% 0% 4%;
2060}
2061    
2062#\36 3a049ca0d35b55b4ef2a5c3 {
2063    align-self: flex-start;
2064    margin-left: 0px;
2065    margin-right: 0px;
2066}
2067}</style> 
2068 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-6406026c90e1521f6ecb0eca-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2069    
2070#\36 406026c90e1521f6ecb0ecd {
2071    width: 100%;
2072    padding-bottom: 16px;
2073    min-height: 366px;
2074    justify-content: flex-end;
2075}
2076    
2077#\36 406026c90e1521f6ecb0ecc {
2078    flex-direction: column;
2079    min-height: unset;
2080    padding: 0% 4% 0% 4%;
2081}
2082}</style> 
2083 <style data-page-uuid="d3b664c1cd4c4868be1f3028db9b9beb" data-is-header="true" id="grid-styles-mobile-63da2bddeae8da42b2353671-d3b664c1cd4c4868be1f3028db9b9beb">@media (max-width: 767px) {
2084    
2085#\36 3da2bddeae8da42b2353673 {
2086    row-gap: 11px;
2087    flex-direction: column;
2088    min-height: 0;
2089    flex-wrap: nowrap;
2090    padding: 8% 4% 8% 4%;
2091}
2092    
2093#\36 3da2bf2eae8da42b23538a2 {
2094    align-self: auto;
2095    width: 100%;
2096    min-height: 107px;
2097    order: 1;
2098}
2099    
2100#e0bc5626 {
2101    align-self: auto;
2102    width: 100%;
2103    min-height: 80px;
2104    order: 1;
2105    align-items: center;
2106}
2107    
2108#eb6263b7 {
2109    align-self: auto;
2110    width: 100%;
2111    min-height: 80px;
2112    order: 1;
2113    align-items: center;
2114}
2115}</style> 
2116
2117
2118
2119
2120
2121
2122
2123
2124
2125
2126
2127
2128
2129
2130
2131
2132
2133
2134
2135
2136
2137
2138
2139
2140
2141
2142
2143
2144
2145
2146
2147
2148
2149
2150
2151
2152
2153
2154
2155<script>
2156    var isWLR = true;
2157
2158    window.customWidgetsFunctions = {};
2159    window.customWidgetsStrings = {};
2160    window.collections = {};
2161    window.currentLanguage = "ENGLISH"
2162    window.isSitePreview = false;
2163</script>
2163
2164
2165
2166
2167<script>
2168    window.customWidgetsFunctions["249dfb944e2f4586a15cd91a745db6d0~84"] = function (element, data, api) {
2169        console.log("Widget JS Loaded");
2170
2171// Use the document language or fall back to English
2172const language = document.documentElement.lang || "en";
2173console.log("Document language:", language);
2174
2175// Helper to map document language to Flatpickr locale file code
2176function getFlatpickrLocale(lang) {
2177  const mapping = {
2178    en: "en", "en-US": "en",
2179    nl: "nl", "nl-NL": "nl",
2180    de: "de", "de-DE": "de",
2181    fr: "fr", "fr-FR": "fr",
2182    es: "es", "es-ES": "es",
2183    it: "it", "it-IT": "it",
2184    zh_CN: "zh", "zh-CN": "zh",
2185    zh_TW: "zh-tw", "zh-TW": "zh-tw",
2186    ru: "ru", "ru-RU": "ru",
2187    ar: "ar", "ar-AR": "ar"
2188  };
2189  return mapping[lang] || lang;
2190}
2191
2192const fpLocale = getFlatpickrLocale(language);
2193console.log("Flatpickr locale code:", fpLocale);
2194
2195// Translation Object
2196const translations = {
2197  en: {
2198    findYourStay: "Find your stay",
2199    discoverOptions: "Discover your perfect stay",
2200    close: "Close",
2201    bestRate: "Best rate guaranteed",
2202    dateRangePlaceholder: "Check-in / Check-out Dates",
2203    book: "Check options",
2204  },
2205  nl: {
2206    findYourStay: "Vind uw verblijf",
2207    discoverOptions: "Ontdek uw perfecte verblijf",
2208    close: "Sluiten",
2209    bestRate: "Beste prijsgarantie",
2210    dateRangePlaceholder: "Incheck- / uitcheckdata",
2211    book: "Bekijk opties",
2212  },
2213  de: {
2214    findYourStay: "Finden Sie Ihren Aufenthalt",
2215    discoverOptions: "Entdecken Sie Ihren perfekten Aufenthalt",
2216    close: "Schließen",
2217    bestRate: "Bestpreisgarantie",
2218    dateRangePlaceholder: "Anreise- / Abreisedaten",
2219    book: "Optionen prüfen",
2220  },
2221  fr: {
2222    findYourStay: "Trouvez votre séjour",
2223    discoverOptions: "Découvrez votre séjour parfait",
2224    close: "Fermer",
2225    bestRate: "Meilleur tarif garanti",
2226    dateRangePlaceholder: "Dates d'arrivée et de départ",
2227    book: "Voir les options",
2228  },
2229  es: {
2230    findYourStay: "Encuentre su estancia",
2231    discoverOptions: "Descubra su estancia perfecta",
2232    close: "Cerrar",
2233    bestRate: "Mejor tarifa garantizada",
2234    dateRangePlaceholder: "Fechas de entrada y salida",
2235    book: "Ver opciones",
2236  },
2237  it: {
2238    findYourStay: "Trova il tuo soggiorno",
2239    discoverOptions: "Scopri il tuo soggiorno perfetto",
2240    close: "Chiudi",
2241    bestRate: "Miglior tariffa garantita",
2242    dateRangePlaceholder: "Date di check-in e check-out",
2243    book: "Vedi opzioni",
2244  },
2245  zh_CN: {
2246    findYourStay: "寻找您的住宿",
2247    discoverOptions: "发现您的完美住宿",
2248    close: "关闭",
2249    bestRate: "最优惠价格保证",
2250    dateRangePlaceholder: "入住 / 退房日期",
2251    book: "查看选项",
2252  },
2253  zh_TW: {
2254    findYourStay: "尋找您的住宿",
2255    discoverOptions: "發現您的完美住宿",
2256    close: "關閉",
2257    bestRate: "最優惠價格保證",
2258    dateRangePlaceholder: "入住 / 退房日期",
2259    book: "查看選項",
2260  },
2261  ru: {
2262    findYourStay: "Найдите свое жилье",
2263    discoverOptions: "Откройте для себя идеальное жилье",
2264    close: "Закрыть",
2265    bestRate: "Гарантия лучшей цены",
2266    dateRangePlaceholder: "Даты заезда / выезда",
2267    book: "Проверить варианты",
2268  },
2269  ar: {
2270    findYourStay: "ابحث عن إقامتك",
2271    discoverOptions: "اكتشف الإقامة المثالية",
2272    close: "إغلاق",
2273    bestRate: "أفضل سعر مضمون",
2274    dateRangePlaceholder: "تواريخ تسجيل الوصول / المغادرة",
2275    book: "عرض الخيارات",
2276  },
2277};
2278
2279const t = translations[language] || translations.en;
2280
2281/* ---------------------------------------------------------------------
2282   SLOGAN: single source of truth (custom text or translated default)
2283----------------------------------------------------------------------*/
2284function applySlogan(root = document) {
2285  // Prefer a local hidden field in `root`, else fall back to the document one
2286  const store =
2287    root.querySelector('[data-js="sloganText"]') ||
2288    document.querySelector('[data-js="sloganText"]');
2289
2290  const custom = (store?.value || "").trim();
2291  const value = custom || t.bestRate;
2292
2293  // Write into all slogan nodes found under `root`
2294  root.querySelectorAll('[data-js="slogan"] div')
2295      .forEach((n) => (n.textContent = value));
2296}
2297
2298// Immediately apply to desktop DOM once
2299applySlogan(document);
2300
2301/* ---------------------------------------------------------------------
2302   Other static/default text hydration (desktop)
2303----------------------------------------------------------------------*/
2304const sloganElement = document.querySelector('[data-js="slogan"] div');
2305if (sloganElement && sloganElement.textContent.trim() === "") {
2306  sloganElement.textContent = t.bestRate;
2307}
2308
2309const dateRangeLabel = document.querySelector('[data-js="dateRangeLabel"]');
2310if (dateRangeLabel && dateRangeLabel.textContent.trim() === "") {
2311  dateRangeLabel.textContent = t.dateRangePlaceholder;
2312}
2313
2314// hydrate hidden input from default translation if blank
2315const mobileModalButton = document.querySelector('[data-js="mobileModalButton"]');
2316if (mobileModalButton && mobileModalButton.value.trim() === "") {
2317  mobileModalButton.value = t.findYourStay;
2318}
2319
2320// sync translation key with whatever the editor typed
2321if (mobileModalButton) {
2322  const customText = mobileModalButton.value.trim();
2323  if (customText) t.findYourStay = customText;
2324}
2325
2326const hotelId = dmAPI.getSiteExternalId();
2327const hotelIdElement = document.querySelector('[data-js="hotel"]');
2328if (hotelIdElement && hotelId) hotelIdElement.value = hotelId;
2329console.log(`hotelId=${hotelId}`);
2330
2331const bookButton = document.querySelector('[data-js="submitDates"]');
2332if (bookButton && bookButton.value.trim() === "") {
2333  bookButton.value = t.book;
2334}
2335
2336/* ---------------------------------------------------------------------
2337   Prepare reference to the ORIGINAL form (must be before cloning)
2338----------------------------------------------------------------------*/
2339const originalForm = document.querySelector(".quickbooker form");
2340if (originalForm) {
2341  originalForm.removeAttribute("action");           // remove native submission
2342  originalForm.setAttribute("data-nrofmonths", "2"); // desktop shows two months
2343  attachFormSubmitListener(originalForm);
2344}
2345
2346/* ---------------------------------------------------------------------
2347   MOBILE BOOKER BUTTON & MODAL (insertion + cloning)
2348----------------------------------------------------------------------*/
2349const mobileBookerHTML = `
2350  <button class="btn btn--modal btn--modal-open btn--duda" data-modal-open>
2351      <span class="btn__text">${t.findYourStay}</span>
2352      <span class="btn__icon">
2353           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
2354              <title>calendar-cursor</title>
2355              <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" />
2356          </svg>
2357      </span>
2358  </button>
2359
2360  <div class="booker-overlay" role="dialog" aria-modal="true" aria-labelledby="booker-modal-title">
2361    <div class="booker-modal">
2362      <div class="booker-modal__content widget-bg">
2363        <div class="quickbooker">
2364          <!-- Form will be cloned here -->
2365        </div>
2366      </div>
2367    </div>
2368    <div class="booker-bottom">
2369      <button class="btn btn--modal btn--modal-close btn--duda" data-modal-close>
2370        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2371          <title>close-circle-outline</title>
2372          <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" />
2373        </svg>
2374      </button>
2375    </div>
2376  </div>
2377`;
2378
2379setTimeout(() => {
2380  const dmContainer = document.getElementById("dm");
2381  if (dmContainer) {
2382    dmContainer.insertAdjacentHTML("beforeend", mobileBookerHTML);
2383    console.log("Mobile booker button & modal appended inside #dm!");
2384  } else {
2385    document.body.insertAdjacentHTML("beforeend", mobileBookerHTML);
2386    console.log("Element with id='dm' not found. Mobile booker appended to body instead.");
2387  }
2388
2389  // Clone the original form for the mobile modal
2390  const modalContent = document.querySelector(".booker-modal__content .quickbooker");
2391  if (originalForm && modalContent) {
2392    const clonedForm = originalForm.cloneNode(true);
2393    clonedForm.removeAttribute("action"); // Remove native submission from clone
2394    clonedForm.setAttribute("data-nrofmonths", "1"); // mobile: one month view
2395    modalContent.appendChild(clonedForm);
2396
2397    // ►► Apply slogan to the cloned subtree (uses the hidden input)
2398    applySlogan(clonedForm);
2399
2400    // Load Flatpickr, then its locale (if needed), then init both forms
2401    dmAPI.loadScript("https://cdn.jsdelivr.net/npm/flatpickr", function () {
2402      if (fpLocale !== "en") {
2403        console.log("Loading Flatpickr locale file for:", fpLocale);
2404        dmAPI.loadScript(
2405          "https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/" + fpLocale + ".js",
2406          function () {
2407            initializeFlatpickr(originalForm);
2408            initializeFlatpickr(clonedForm);
2409          }
2410        );
2411      } else {
2412        initializeFlatpickr(originalForm);
2413        initializeFlatpickr(clonedForm);
2414      }
2415    });
2416
2417    attachFormSubmitListener(clonedForm);
2418  }
2419
2420  setupModalListeners();
2421}, 0);
2422
2423/* ---------------------------------------------------------------------
2424   ATTACH FORM SUBMIT HANDLER (popup-safe)
2425----------------------------------------------------------------------*/
2426function attachFormSubmitListener(form) {
2427  console.log("Attaching submit handler to form:", form);
2428  if (!form) return;
2429
2430  form.addEventListener("submit", function (e) {
2431    e.preventDefault();
2432    console.log("Form submit event triggered for", form);
2433
2434    // 1) Open empty tab synchronously (prevents popup blocking)
2435    const popup = window.open("", "_blank");
2436
2437    // 2) Asynchronously fetch the booking URL and navigate the popup
2438    getBookUrl(form)
2439      .then((url) => {
2440        if (url) {
2441          console.log("Navigating popup to booking URL:", url);
2442          popup.location.href = url;
2443        } else {
2444          console.log("No URL received, closing popup");
2445          popup.close();
2446        }
2447      })
2448      .catch((err) => {
2449        console.error("Error in getBookUrl:", err);
2450        popup.close();
2451      });
2452  });
2453
2454  const submitBtn = form.querySelector('[data-js="submitDates"]');
2455  if (submitBtn) {
2456    submitBtn.addEventListener("click", function (e) {
2457      e.preventDefault();
2458      console.log("Submit button clicked for", form);
2459      form.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true }));
2460    });
2461  }
2462}
2463
2464/* ---------------------------------------------------------------------
2465   FLATPICKR INITIALIZATION (DATE RANGE)
2466----------------------------------------------------------------------*/
2467function initializeFlatpickr(formElement) {
2468  const rangeInput = formElement.querySelector('[data-js="arrivalDate"]');
2469  if (!rangeInput) return;
2470
2471  const wrapper = rangeInput.closest('.quickbooker__datepicker');
2472  const nrofmonthsAttr = formElement.getAttribute("data-nrofmonths");
2473  const monthsToShow = nrofmonthsAttr ? parseInt(nrofmonthsAttr, 10) : 2;
2474
2475  console.log("Initializing Flatpickr for element:", rangeInput);
2476  const fpLocaleObj = language !== "en" ? flatpickr.l10ns[fpLocale] : undefined;
2477
2478  const fpInstance = flatpickr(rangeInput, {
2479    mode: "range",
2480    dateFormat: "d M Y",
2481    minDate: "today",
2482    showMonths: monthsToShow,
2483    defaultDate: [new Date(), new Date(new Date().setDate(new Date().getDate() + 1))],
2484    locale: fpLocaleObj,
2485    onReady(selectedDates) {
2486      if (selectedDates[0]) rangeInput.dataset.startDate = selectedDates[0].toISOString();
2487      if (selectedDates[1]) rangeInput.dataset.endDate = selectedDates[1].toISOString();
2488    },
2489    onChange(selectedDates) {
2490      if (selectedDates[0]) rangeInput.dataset.startDate = selectedDates[0].toISOString();
2491      if (selectedDates[1]) rangeInput.dataset.endDate = selectedDates[1].toISOString();
2492      console.log("Selected range:", rangeInput.value);
2493    },
2494  });
2495
2496  if (wrapper) {
2497    wrapper.addEventListener("click", function (e) {
2498      if (e.target !== rangeInput) fpInstance.open();
2499    });
2500  }
2501}
2502
2503/* ---------------------------------------------------------------------
2504   DATE FORMATTING HELPERS
2505----------------------------------------------------------------------*/
2506function formatDateISOToYYYYMMDD(isoString) {
2507  const d = new Date(isoString);
2508  const year = d.getFullYear();
2509  const month = String(d.getMonth() + 1).padStart(2, "0");
2510  const day = String(d.getDate()).padStart(2, "0");
2511  return `${year}-${month}-${day}`;
2512}
2513
2514function formatDateISOToDDMMYYYY(isoString) {
2515  const d = new Date(isoString);
2516  const day = String(d.getDate()).padStart(2, "0");
2517  const month = String(d.getMonth() + 1).padStart(2, "0");
2518  const year = d.getFullYear();
2519  return `${day}-${month}-${year}`;
2520}
2521
2522/* ---------------------------------------------------------------------
2523   BOOKING ENGINE CACHING
2524----------------------------------------------------------------------*/
2525let cachedBookingEngine = null;
2526async function getBookingEngine() {
2527  if (cachedBookingEngine !== null) return cachedBookingEngine;
2528  try {
2529    const contentLibrary = await dmAPI.loadContentLibrary();
2530    const bookingEngineItem = contentLibrary.site_texts.custom.find(
2531      (item) => item.label === "bookingEngine"
2532    );
2533    cachedBookingEngine =
2534      bookingEngineItem?.text?.replace(/<[^>]*>/g, "").trim() || "default";
2535  } catch (error) {
2536    console.error("Error loading content library:", error);
2537    cachedBookingEngine = "default";
2538  }
2539  return cachedBookingEngine;
2540}
2541
2542function getPromoCodeParam(bookingEngine) {
2543  let promoCodeParam = '';
2544  const promoCodeElement = document.querySelector('[data-js="promoCode"]');
2545  if (promoCodeElement && promoCodeElement.value.trim() !== "") {
2546    console.log("promoCodeElement:", promoCodeElement.value);
2547    if (bookingEngine === "smarthotel") promoCodeParam = `&promocode=${promoCodeElement.value.trim()}`;
2548    if (bookingEngine === "netaffinity") promoCodeParam = `&code=${promoCodeElement.value.trim()}`;
2549    if (bookingEngine === "hoteliers") promoCodeParam = `?promotion_code=${promoCodeElement.value.trim()}`;
2550    if (bookingEngine === "mews") promoCodeParam = `&promoCode=${promoCodeElement.value.trim()}`;
2551  }
2552  return promoCodeParam;
2553}
2554
2555function getNrOfAdultsParam() {
2556  let nrOfAdultsParam = '';
2557  const nrOfAdultsElement = document.querySelector('[data-js="nrOfAdults"]');
2558  if (nrOfAdultsElement && nrOfAdultsElement.value.trim() !== "") {
2559    console.log("nrOfAdults:", nrOfAdultsElement.value);
2560    nrOfAdultsParam = `&adults=${nrOfAdultsElement.value.trim()}`;
2561  }
2562  return nrOfAdultsParam;
2563}
2564
2565function getCookie(name) {
2566  const value = `; ${document.cookie}`;
2567  const parts = value.split(`; ${name}=`);
2568  if (parts.length === 2) 
2569    return parts.pop().split(';').shift();
2570  return null;
2571}
2572
2573function constructGLParam(trackingId, clientId) {
2574    if (!trackingId || !clientId) return null;
2575    
2576    // Extract just the tracking ID number (remove GA- prefix if present)
2577    const tidNumber = trackingId.replace(/^GA-/, '').replace(/^G-/, '');
2578    
2579    // Format: 1*clientId*trackingId
2580    const glValue = `1*${clientId}*${tidNumber}`;
2581    
2582    // Base64 encode (URL safe)
2583    try {
2584      return btoa(glValue).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
2585    } catch (e) {
2586      console.error('Error encoding _gl parameter:', e);
2587      return null;
2588    }
2589}
2590
2591function getGAClientId() {
2592  const gaCookie = document.cookie.split('; ').find(row => row.startsWith('_ga='));
2593  if (gaCookie) {
2594    const gaValue = gaCookie.split('=')[1];
2595    const parts = gaValue.split('.');
2596    if (parts.length >= 4) {
2597      return parts[2] + '.' + parts[3];
2598    }
2599  }
2600  return null;
2601}
2602
2603function getGoogleTrackingId() {
2604  const scripts = document.querySelectorAll("script[src]");
2605  for (const s of scripts) {
2606    const match = s.src.match(/gtag\/js\?id=(G-[A-Z0-9]+)/i);
2607    if (match) 
2608        return match[1];
2609  }
2610  return null;
2611}
2612
2613function getGtagLinkerParam() {
2614    const trackingId = getGoogleTrackingId();
2615
2616    if(trackingId) {
2617      const clientId = getGAClientId();
2618
2619      if(clientId) {
2620        const glParam = constructGLParam(trackingId, clientId);
2621
2622        if(glParam) {
2623          return '&_gl=' + glParam;
2624        }
2625      }
2626    }
2627    return '';
2628}
2629
2630function getConsent() {
2631
2632    // Get CookieScript consent cookie
2633    const consent = document.cookie 
2634        .split('; ') 
2635        .find(row => row.startsWith('CookieScriptConsent=')) 
2636        ?.split('=')[1]; 
2637
2638    // Get IAB TCF consent string 
2639    const euconsent = document.cookie 
2640        .split('; ') 
2641        .find(row => row.startsWith('euconsent-v2=')) 
2642        ?.split('=')[1];     
2643
2644    if (consent || euconsent) { 
2645        return '&CookieScriptConsent=' + (btoa(consent) || '') 
2646                + '&euconsent-v2=' + (btoa(euconsent) || ''); 
2647    }         
2648    return '';
2649}
2650
2651/* ---------------------------------------------------------------------
2652   GA4 PARAMETERS (Google Ads & UTM tracking)
2653----------------------------------------------------------------------*/
2654function getGA4Params() {
2655  const params = [];
2656  var KEYS = ["gclid","gbraid","wbraid","utm_source","utm_medium","utm_campaign","utm_term","utm_content"];
2657
2658  function getUrlParam(name) {
2659    const urlParams = new URLSearchParams(window.location.search);
2660    return urlParams.get(name);
2661  }
2662
2663  KEYS.forEach(function (param) {
2664    const cookie = getCookie(param);
2665    const url = getUrlParam(param);
2666    const value = url || cookie;
2667    if (value) {
2668      console.log(`${param}=${encodeURIComponent(value)}`);
2669      params.push(`${param}=${encodeURIComponent(value)}`);
2670    }
2671
2672  });
2673  return params.length > 0 ? '&' + params.join('&') : '';
2674}
2675
2676
2677/* ---------------------------------------------------------------------
2678   LANGUAGE HELPER (for booking URLs)
2679----------------------------------------------------------------------*/
2680function formatLang(lang) {
2681  const locales = {
2682    en: "en-US", nl: "nl-NL", de: "de-DE", fr: "fr-FR",
2683    it: "it-IT", es: "es-ES", zh_CN: "zh-CN", zh_TW: "zh-TW",
2684    ru: "ru", ar: "ar"
2685  };
2686  return locales[lang] || lang;
2687}
2688
2689/* ---------------------------------------------------------------------
2690   BOOKING URL FUNCTIONS (USING FORM-SCOPED DATA)
2691----------------------------------------------------------------------*/
2692async function getBookUrl(form) {
2693  const rangeInput = form.querySelector('[data-js="arrivalDate"]');
2694  if (!rangeInput) {
2695    console.error("Date range input not found in form", form);
2696    return;
2697  }
2698  const startISO = rangeInput.dataset.startDate;
2699  const endISO = rangeInput.dataset.endDate;
2700  if (!startISO || !endISO) {
2701    alert("Please select both arrival and departure dates.");
2702    return;
2703  }
2704  const hotelId = dmAPI.getSiteExternalId();
2705  const bookingEngine = await getBookingEngine();
2706  const formattedLang = formatLang(language);
2707  let url = '';
2708
2709  switch (bookingEngine) {
2710    case "smarthotel": {
2711      const roomCodeElement = document.querySelector('[data-js="roomCode"]');
2712      let roomTypeParam = "";
2713      if (roomCodeElement && roomCodeElement.value.trim() !== "") {
2714        console.log("roomCode:", roomCodeElement.value);
2715        roomTypeParam = `&roomtype=${roomCodeElement.value.trim()}`;
2716      }
2717
2718      const packageElement = document.querySelector('[data-js="package"]');
2719      let packageParam = "";
2720      if (packageElement && packageElement.value.trim() !== "") {
2721        console.log("package:", packageElement.value);
2722        packageParam = `&package=${packageElement.value.trim()}`;
2723      }
2724
2725      url = `https://ibe.smarthotel.nl/?id=${hotelId}&language=${formattedLang}` +
2726            `&arrival=${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}` +
2727            `&departure=${encodeURIComponent(formatDateISOToYYYYMMDD(endISO))}` +
2728            `${roomTypeParam}${packageParam}${getPromoCodeParam(bookingEngine)}${getNrOfAdultsParam()}${getGtagLinkerParam()}${getGA4Params()}`;
2729      break;
2730    }
2731    case "netaffinity":
2732      url = `https://${hotelId}.netaffinity.io/ibe/THEAFFINIBE02#!/accommodation/search/date/` +
2733            `${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}/` +
2734            `${encodeURIComponent(formatDateISOToYYYYMMDD(endISO))}?lang=${language}` +
2735            `${getPromoCodeParam(bookingEngine)}${getGA4Params()}`;
2736      break;
2737
2738    case "hoteliers":
2739      url = `https://engines.hoteliers.com/${language}/${hotelId}/booking/getdata/arrival/` +
2740            `${encodeURIComponent(formatDateISOToDDMMYYYY(startISO))}/departure/` +
2741            `${encodeURIComponent(formatDateISOToDDMMYYYY(endISO))}/${getPromoCodeParam(bookingEngine)}${getGA4Params()}`;
2742      break;
2743
2744    case "mews":
2745      url = `https://app.mews.com/distributor/${hotelId}?language=${formattedLang}` +
2746            `&mewsRoute=rooms&mewsStart=${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}` +
2747            `&mewsEnd=${encodeURIComponent(formatDateISOToYYYYMMDD(endISO))}` +
2748            `${getPromoCodeParam(bookingEngine)}${getGA4Params()}`;
2749      break;
2750
2751    default: {
2752      const smartElement = document.querySelector('[data-js="smart"]');
2753      const isSmart = smartElement && smartElement.value === "yes" ? "yes" : "";
2754      url = `https://scripts.hoteliers.com/api/v1/book-form?hotel=${hotelId}` +
2755            `&lang=${language}&arrival=${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}` +
2756            `&departure=${encodeURIComponent(formatDateISOToYYYYMMDD(e
2756ndISO))}&smart=${isSmart}${getGA4Params()}`;
2757    }
2758  }
2759  return url;
2760}
2761
2762/* ---------------------------------------------------------------------
2763   MODAL FOCUS AND EVENT LISTENERS (ACCESSIBILITY)
2764----------------------------------------------------------------------*/
2765function setupModalListeners() {
2766  const openButton = document.querySelector("[data-modal-open]");
2767  const modalOverlay = document.querySelector(".booker-overlay");
2768  const closeButton = document.querySelector("[data-modal-close]");
2769  const focusableElementsSelector = "button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])";
2770  let lastScrollTop = 0;
2771  let modalFocusableElements, firstFocusableElement, lastFocusableElement;
2772
2773  function trapFocus(event) {
2774    if (!modalOverlay.classList.contains("fade-in")) return;
2775    if (event.key === "Tab") {
2776      if (event.shiftKey) {
2777        if (document.activeElement === firstFocusableElement) {
2778          event.preventDefault();
2779          lastFocusableElement.focus();
2780        }
2781      } else {
2782        if (document.activeElement === lastFocusableElement) {
2783          event.preventDefault();
2784          firstFocusableElement.focus();
2785        }
2786      }
2787    }
2788  }
2789
2790  window.addEventListener("scroll", () => {
2791    const currentScrollTop = window.scrollY;
2792    if (currentScrollTop > lastScrollTop) {
2793      openButton.classList.add("btn--small");
2794    } else {
2795      openButton.classList.remove("btn--small");
2796    }
2797    lastScrollTop = currentScrollTop <= 0 ? 0 : currentScrollTop;
2798  });
2799
2800  openButton.addEventListener("click", () => {
2801    modalOverlay.style.display = "flex";
2802    requestAnimationFrame(() => {
2803      modalOverlay.classList.add("fade-in");
2804      modalFocusableElements = modalOverlay.querySelectorAll(focusableElementsSelector);
2805      firstFocusableElement = modalFocusableElements[0];
2806      lastFocusableElement = modalFocusableElements[modalFocusableElements.length - 1];
2807      firstFocusableElement.focus();
2808      document.addEventListener("keydown", trapFocus);
2809    });
2810  });
2811
2812  closeButton.addEventListener("click", () => {
2813    modalOverlay.classList.remove("fade-in");
2814    modalOverlay.classList.add("fade-out");
2815    setTimeout(() => {
2816      modalOverlay.style.display = "none";
2817      modalOverlay.classList.remove("fade-out");
2818      document.removeEventListener("keydown", trapFocus);
2819      openButton.focus();
2820    }, 400);
2821  });
2822
2823  document.addEventListener("keydown", (event) => {
2824    if (event.key === "Escape" && modalOverlay.classList.contains("fade-in")) {
2825      closeButton.click();
2826    }
2827  });
2828}
2829    };
2830</script>
2830
2831
2832
2833<script type="text/javascript">
2834
2835    var d_version = "production_6817";
2836    var build = "2026-10-01T14_02_32";
2837    window['v' + 'ersion'] = d_version;
2838
2839    function buildEditorParent() {
2840        window.isMultiScreen = true;
2841        window.editorParent = {};
2842        window.previewParent = {};
2843        window.assetsCacheQueryParam = "?version=2026-10-01T14_02_32";
2844        try {
2845            var _p = window.parent;
2846            if (_p && _p.document && _p.$ && _p.$.dmfw) {
2847                window.editorParent = _p;
2848            } else if (_p.isSitePreview) {
2849                window.previewParent = _p;
2850            }
2851        } catch (e) {
2852
2853        }
2854    }
2855
2856    buildEditorParent();
2857</script>
2857
2858
2859
2860
2861<!-- Injecting site-wide before scripts -->
2862
2863<!-- End Injecting site-wide to the head -->
2864
2865
2866
2867
2868
2869
2870<script>
2871    window.cookiesNotificationMarkupPreview = 'null';
2872</script>
2872
2873
2874
2875<script id='d-js-params'>
2876    window.INSITE = window.INSITE || {};
2877    window.INSITE.device = "desktop";
2878
2879    window.rtCommonProps = {};
2880    rtCommonProps["runtimecollector.url"] = 'https://rtc.eu-multiscreensite.com';
2881    rtCommonProps["performance.tabletPreview.removeScroll"] = 'false';
2882    rtCommonProps["inlineEditGrid.snap"] =true;
2883    rtCommonProps["popup.insite.cookie.ttl"] = '0.5';
2884    rtCommonProps["common.mapbox.token"] = 'pk.eyJ1IjoiZGFubnliMTIzIiwiYSI6ImNqMGljZ256dzAwMDAycXBkdWxwbDgzeXYifQ.Ck5P-0NKPVKAZ6SH98gxxw';
2885    rtCommonProps["common.mapbox.js.override"] =false;
2886    rtCommonProps["common.here.appId"] = 'iYvDjIQ2quyEu0rg0hLo';
2887    rtCommonProps["common.here.appCode"] = '1hcIxLJcbybmtBYTD9Z1UA';
2888    rtCommonProps["ecommerce.ecwid.script"] = 'https://app.multiscreenstore.com/script.js';
2889    rtCommonProps["common.build.dist.folder"] = 'production/6817';
2890    rtCommonProps["common.resources.cdn.host"] = 'https://static.cdn-website.com';
2891    rtCommonProps["common.resources.folder"] = 'https://static.cdn-website.com/mnlt/production/6817';
2892    rtCommonProps["common.fonts.api.v2.url"] = 'https://de.cdn-website.com/fonts/css2?family=';
2893    rtCommonProps["feature.flag.runtime.backgroundSlider.preload.slowly"] =true;
2894    rtCommonProps["feature.flag.runtime.newAnimation.jitAnimation.enabled"] =true;
2895    rtCommonProps["feature.flag.sites.google.analytics.gtag"] =true;
2896    rtCommonProps["feature.flag.runOnReadyNewTask"] =true;
2897    rtCommonProps["isAutomation.test"] =false;
2898    rtCommonProps["booking.cal.api.domain"] = 'api.cal.eu';
2899
2900    
2901    rtCommonProps['common.mapsProvider'] = 'google';
2902    
2903    rtCommonProps["google.places.key"] = 'QUl6YVN5QndxOW5zSndXck9KcDBzejFRdUFzSHlMcGdYa0xHT01N';
2904    
2905    rtCommonProps['common.mapsProvider.version'] = '0.52.0';
2906    rtCommonProps['common.geocodeProvider'] = 'google';
2907    rtCommonProps['server.for.resources'] = '';
2908    rtCommonProps['feature.flag.lazy.widgets'] = true;
2909    rtCommonProps['feature.flag.single.wow'] = false;
2910    rtCommonProps['feature.flag.disallowPopupsInEditor'] = true;
2911    rtCommonProps['feature.flag.mark.anchors'] = true;
2912    rtCommonProps['captcha.public.key'] = '6LffcBsUAAAAAMU-MYacU-6QHY4iDtUEYv_Ppwlz';
2913    rtCommonProps['captcha.invisible.public.key'] = '6LeiWB8UAAAAAHYnVJM7_-7ap6bXCUNGiv7bBPME';
2914    rtCommonProps["images.sizes.small"] =160;
2915    rtCommonProps["images.sizes.mobile"] =640;
2916    rtCommonProps["images.sizes.tablet"] =1280;
2917    rtCommonProps["images.sizes.desktop"] =1920;
2918    rtCommonProps["import.images.storage.imageCDN"] = 'https://le-de.cdn-website.com/';
2919    rtCommonProps["feature.flag.performance.logs"] =false;
2920    rtCommonProps["site.widget.form.captcha.type"] = 'g_recaptcha';
2921    rtCommonProps["friendly.captcha.site.key"] = 'FCMGSQG9GVNMFS8K';
2922    rtCommonProps["cookiebot.mapbox.consent.category"] = 'marketing';
2923    rtCommonProps["termly.mapbox.consent.category"] = 'performance';
2924    // feature flags that's used out of runtime module (in  legacy files)
2925    rtCommonProps["platform.monolith.personalization.dateTimeCondition.popupMsgAction.moveToclient.enabled"] =true;
2926
2927    window.rtFlags = {};
2928    rtFlags["unsuspendEcwidStoreOnRuntime.enabled"] =false;
2929    rtFlags["scripts.widgetCount.enabled"] =true;
2930    rtFlags["fnb.animations.tracking.enabled"] =true;
2931    rtFlags["ecom.ecwidNewUrlStructure.enabled"] = false;
2932    rtFlags["ecom.ecwid.accountPage.emptyBaseUrl.enabled"] = true;
2933    rtFlags["ecom.ecwid.accountPage.repeatOrderRedirect.enabled"] = false;
2934    rtFlags["ecom.ecwid.oldStore.keepScrollOnLoad.enabled"] = true;
2935    rtFlags["ecom.ecwid.storefrontV3.enabled"] = false;
2936    rtFlags["ecom.monolith.legacy.js.api.disabled.for.new.sites"] = false;
2937    rtFlags["geocode.search.localize"] =false;
2938    rtFlags["feature.flag.runtime.newAnimation.asyncInit.setTimeout.enabled"] =false;
2939    rtFlags["twitter.heightLimit.enabled"] = true;
2940    rtFlags["streamline.monolith.personalization.supportMultipleConditions.enabled"] =false;
2941    rtFlags["flex.animation.design.panel.layout"] =true;
2942    rtFlags["runtime.cwv.report.cls.enabled"] =false;
2943    rtFlags["runtime.cwv.report.lcp.enabled"] =false;
2944    rtFlags["runtime.lcp.preload.selfheal.enabled"] =true;
2945    rtFlags["runtime.lcp.preload.bootstrap.enabled"] =true;
2946    rtFlags["runtime.lcp.preload.monitor.enabled"] =false;
2947    rtFlags["runtime.customwidget.heightpin.enabled"] =true;
2948    rtFlags["runtime.video.widget.lazy.enabled"] =true;
2949    rtFlags["contact.form.useActiveForm"] =true;
2950    rtFlags["contact.form.custom.errors.enabled"] =true;
2951    rtFlags["runtime.ssr.productStore.internal.observer"] =true;
2952    rtFlags["editor.widget.form.a11y"] =true;
2953</script>
vendor: 1 bytes, line 2953
2953
2954<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>
2954
2955
2956
2957
2958
2959
2960
2961
2962
2963
2964
2965
2966
2967
2968
2969
2970
2971<script>
2972    document.addEventListener('DOMContentLoaded', () =>
2973        window.runtime.initLayout()
2974    );
2975</script>
2975
2976
2977
2978
2979
2980
2981
2982
2983
2984
2985
2986
2987
2988
2989
2990
2991
2992
2993
2994
2995<script type="text/javascript" id="d_track_sp">
2996    ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[];
2997        p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments)
2998        };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1;
2999        n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,"script","//d3uzsv7k2lpopp.cloudfront.net/sp-2.0.0-dm-0.1.min.js","snowplow"));
3000    window.dmsnowplow  = window.snowplow;
3001
3002    dmsnowplow('newTracker', 'cf', 'd3uzsv7k2lpopp.cloudfront.net', { // Initialise a tracker
3003        appId: '00a54f0f6712438da5ffad64490c7595'
3004    });
3005
3006    // snowplow queries element styles so we wait until CSS calculations are done.
3007    requestAnimationFrame(() => {
3008        dmsnowplow('trackPageView');
3009        _dm_insite.forEach((rule) => {
3010            // Specifically in popup only the client knows if it is shown or not so we don't always want to track its impression here
3011            // the tracking is in popup.js
3012            if (rule.actionName !== "popup") {
3013                dmsnowplow('trackStructEvent', 'insite', 'impression', rule.ruleType, rule.ruleId);
3014            }
3015            window?.waitForDeferred?.('dmAjax', () => {
3016                $.DM.events.trigger('event-ruleTriggered', {value: rule});
3017            });
3018        });
3019    });
3020</script>
3020
3021
3022
3023
3024<div style="display:none;" id="P6iryBW0Wu"></div>
3025
3026
3027
3028
3029
3030
3031
3032
3033
3034
3035
3036<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
3037
3038    
3039    <div class="pswp__bg"></div>
3040
3041    
3042    <div class="pswp__scroll-wrap">
3043
3044        
3045        <div class="pswp__container">
3046            <div class="pswp__item"></div>
3047            <div class="pswp__item"></div>
3048            <div class="pswp__item"></div>
3049        </div>
3050
3051        
3052        <div class="pswp__ui pswp__ui--hidden">
3053
3054            <div class="pswp__top-bar">
3055
3056                
3057
3058                <div class="pswp__counter"></div>
3059
3060                <button class="pswp__button pswp__button--close" data-auto="pswp-close" title="Close (Esc)"></button>
3061
3062                <button class="pswp__button pswp__button--share" data-auto="pswp-share" title="Share"></button>
3063
3064                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
3065
3066                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
3067
3068                
3069                
3070                <div class="pswp__preloader">
3071                    <div class="pswp__preloader__icn">
3072                      <div class="pswp__preloader__cut">
3073                        <div class="pswp__preloader__donut"></div>
3074                      </div>
3075                    </div>
3076                </div>
3077            </div>
3078
3079            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
3080                <div class="pswp__share-tooltip"></div> 
3081            </div>
3082
3083            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
3084            </button>
3085
3086            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
3087            </button>
3088
3089            <div class="pswp__caption">
3090                <div class="pswp__caption__center"></div>
3091            </div>
3092
3093        </div>
3094
3095    </div>
3096
3097</div>
3098<div id="fb-root"
3099        data-locale="en"></div>
3100<!-- Alias: 00a54f0f6712438da5ffad64490c7595 -->
3101<script id="d_track_personalization">
3102	window?.waitForDeferred?.('dmAjax', () => {
3103		// Collects client data and updates cookies used by smart sites
3104		window.expireDays = 365;
3105		window.visitLength = 30 * 60000;
3106		$.setCookie("dm_timezone_offset", (new Date()).getTimezoneOffset(), window.expireDays);
3107			setSmartSiteCookiesInternal("dm_this_page_view","dm_last_page_view","dm_total_visits","dm_last_visit");
3108	});
3109</script>
vendor: 1 bytes, line 3109
3109
3110<script type="text/javascript">
3111    
3112    Parameters.NavigationAreaParams.MoreButtonText = 'MORE';
3113    
3114    Parameters.NavigationAreaParams.LessButtonText = 'LESS';
3115    Parameters.HomeLinkText = 'Home';
3116    </script>
3116
3117<!--  Site Wide Html Markup -->
3118<!--  Site Wide Html Markup -->
3119</body>
3120</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.