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