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