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.number11.be/', 49 50 SystemID: 'EU_PRODUCTION', 51 SiteAlias: '63d3167ee5ed4e53a62fff28b0a62f64', 52 SiteType: atob('RFVEQU9ORQ=='), 53 PublicationDate: 'Aug 26, 2026', 54 ExternalUid: '274073', 55 IsSiteMultilingual: true, 56 InitialPostAlias: '', 57 InitialPostPageUuid: '', 58 InitialDynamicItem: 'chocolate-room', 59 DynamicPageInfo: { 60 isDynamicPage: true, 61 base64JsonRowData: 'eyJwYWdlX2l0ZW1fdXJsIjoiY2hvY29sYXRlLXJvb20iLCJtYWluX3RpdGxlX2hlcm8iOiJDSE9DT0xBVEUgUk9PTSIsInJvb21faWNvbnMiOltdLCJoZXJvX2ltYWdlIjoiaHR0cHM6Ly9kZS5jZG4td2Vic2l0ZS5jb20vNjNkMzE2N2VlNWVkNGU1M2E2MmZmZjI4YjBhNjJmNjQvZG1zM3JlcC9tdWx0aS9LaW0tVmFuYmVzaWVuLUZvdG9ncmFmaWUtMjYuanBnIiwiZmVhdHVyZXMiOlsiUmF0ZSBwZXIgcm9vbSBwZXIgbmlnaHQiLCJJbmNsdWRpbmcgYnJlYWtmYXN0IiwiSW5jbHVkaW5nIGNvbnRpbmVudGFsIGJyZWFrZmFzdCIsIkluY2x1ZGluZyB0YXhlcyIsIkJhdGgiLCJCYXRocm9vbSIsIkJhdGhyb29tIEFtZW5pdGllcyIsIkZhbiIsIkd1ZXN0IHRvaWxldCIsIkhlYXRpbmciLCJNaW5pLWJhciIsIlNob3dlciIsIlRvaWxldCIsIlRWIiwiQ29mZmVlL1RlYSBtYWtlciIsIkhhaXIgRHJ5ZXIiLCJJbnRlcm5ldCBmYWNpbGl0aWVzIiwiTWljcm93YXZlIiwiU2VhdGluZyBhcmVhIiwiV2lyZWxlc3MgaW50ZXJuZXQiLCJXb3JrIGRlc2siLCJSYWluc2hvd2VyIl0sInZpZXciOiIiLCJzaXplIjoiIiwicHJpY2UiOiIiLCJndWVzdHMiOiIyIiwiYnV0dG9uX2xpbmsiOiJodHRwczovL2Jvb2tpbmdlbmdpbmUubXlsaWdodGhvdXNlLmNvbS9udW1iZXItMTEtYmVkLWFuZC1icmVha2Zhc3QtYnJ1Z2dlL1Jvb21zL0dlbmVyYWxBdmFpbGFiaWxpdHk/Um9vbT0xODE4Jkxhbmd1YWdlPWVuIiwic2VjdGlvbl8xX3BhcmFncmFwaCI6IkNIT0NPTEFURSBST09NOiBMYXJnZSByb29tIGlzIHNpdHVhdGVkIG9uIHRoZSBzZWNvbmQgZmxvb3QgYW5kIGhhcyBhIHByaXZhdGUgYmF0aHJvb20gd2l0aCBiYXRoIGFuZCBzaG93ZXIuIG1pbmliYXIgd2l0aCBjaGFyZ2UsIGZyZWUgY29mZmVlIGFuZCB0ZWEgZmFjaWxpdGllcyBmbGF0c2NyZWVuIFRWLCBmcmVlIHdpcmVsZXNzIGludGVybmV0IGZpbmUgYmVkIGFuZCBiYXRobGlubmVuIGhhaXJkcnllciBub24tc21va2luZyByb29tIiwiaGVyb19kZXNjcmlwdGlvbiI6IkNIT0NPTEFURSBST09NOiBMYXJnZSByb29tIGlzIHNpdHVhdGVkIG9uIHRoZSBzZWNvbmQgZmxvb3QgYW5kIGhhcyBhIHByaXZhdGUgYmF0aHJvb20gd2l0aCBiYXRoIGFuZCBzaG93ZXIuIG1pbmliYXIgd2l0aCBjaGFyZ2UsIGZyZWUgY29mZmVlIGFuZCB0ZWEgZmFjaWxpdGllcyBmbGF0c2NyZWVuIFRWLCBmcmVlIHdpcmVsZXNzIGludGVybmV0IGZpbmUgYmVkIGFuZCBiYXRobGlubmVuIGhhaXJkcnllciBub24tc21va2luZyByb29tIiwiaW1hZ2VfZ2FsbGVyeSI6W119', 62 }, 63 InitialPageAlias: 'room-detail/~page-item~', 64 InitialPageUuid: 'aefa828932814a818ea0aea63b135882', 65 InitialPageId: '37513263', 66 InitialEncodedPageAlias: 'cm9vbS1kZXRhaWwvfnBhZ2UtaXRlbX4=', 67 InitialHeaderUuid: 'd46b195d36f24100b28f058c0d99250d', 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.number11.be/', 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: 'DYNAMIC_PAGE_SUFFIX', 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<!-- Injecting site-wide to the head --> 163 164<style data-swh-uuid="3609c5d809ac491ca8b28181c2cee37a"> 165 166/* Show the logo on tablet + mobile: Duda hides the whole desktop logo/nav 167 group via data-hidden-on-tablet / data-hidden-on-mobile 168 (display:none !important in the flex-nav runtime CSS). Re-show only the 169 group that holds a connected logo; keep its other children hidden. 170 NOTE: no ">" combinators anywhere - Duda HTML-escapes ">" to "&gt;" in 171 snippet markup, which silently invalidates the rule. */ 172@media (max-width: 767px) { 173 #dm .dmInner .group[data-hidden-on-mobile]:has(.site-logo img:not([src*="blank_image_placeholder"])) { 174 display: flex !important; 175 } 176 #dm .dmInner .group[data-hidden-on-mobile]:has(.site-logo) .flex-element:not(.site-logo) { 177 display: none !important; 178 } 179} 180 181@media (min-width: 768px) and (max-width: 1024px) { 182 #dm .dmInner .group[data-hidden-on-tablet]:has(.site-logo img:not([src*="blank_image_placeholder"])) { 183 display: flex !important; 184 } 185 #dm .dmInner .group[data-hidden-on-tablet]:has(.site-logo) .flex-element:not(.site-logo) { 186 display: none !important; 187 } 188} 189 190/* The published tablet/mobile markup has 0-size attributes on the logo img 191 (the widget was hidden at publish time), so size it here. */ 192@media (max-width: 1024px) { 193 #dm .dmInner .site-logo, 194 #dm .dmInner .site-logo .imageWidget { 195 width: auto !important; 196 height: auto !important; 197 } 198 #dm .dmInner .site-logo .imageWidget img { 199 display: block; 200 height: 40px !important; 201 width: auto !important; 202 min-width: 24px; /* pre-load box so the lazy image still fetches */ 203 max-width: 180px; 204 object-fit: contain; 205 } 206} 207 208</style> 209
210<script data-swh-uuid="c9f97856decc4dbeb57756b08abfbb42"> 211 212 213window.dataLayer = window.dataLayer || []; 214window.dataLayer.push({ "subscription_id": "274073" }); 215 216 217</script>
217 218
219<script type="application/ld+json" data-swh-uuid="01f253aba35d4a0b80d2308120e9211f"> 220 221 222{ 223 "@context": "https://schema.org", 224 "@type": "LodgingBusiness", 225 "name": "B&B Number 11", 226 "image": "https://de.cdn-website.com/63d3167ee5ed4e53a62fff28b0a62f64/dms3rep/multi/710f52e034134100a87919ee15bef104.jpg", 227 "email": "[email protected]", 228 "telephone": "+3250330675", 229 "address": { 230 "@type": "PostalAddress", 231 "streetAddress": "Peerdenstraat 11", 232 "addressLocality": "Brugge", 233 "postalCode": "8000", 234 "addressCountry": "BE" 235 }, 236 "geo": { 237 "@type": "GeoCoordinates", 238 "latitude": "51.21", 239 "longitude": "3.23" 240 }, 241 "knowsLanguage": [ 242 { 243 "@type": "Language", 244 "name": "nl" 245 }, 246 { 247 "@type": "Language", 248 "name": "fr" 249 }, 250 { 251 "@type": "Language", 252 "name": "en" 253 }, 254 { 255 "@type": "Language", 256 "name": "de" 257 } 258 ] 259} 260 261 262</script>
262 263
264<script src="https://www.thehotelsnetwork.com/js/loader.js?partnership_id=132" async="" data-swh-uuid="e023dc9ea39a47fcae50f584462568b6"> 265</script>
265 266 267 268 269<!-- End Injecting site-wide to the head --> 270 271<!-- Inject secured cdn script --> 272 273 274<!-- ========= Meta Tags ========= --> 275<!-- PWA settings -->
276<script> 277 function toHash(str) { 278 var hash = 5381, i = str.length; 279 while (i) { 280 hash = hash * 33 ^ str.charCodeAt(--i) 281 } 282 return hash >>> 0 283 } 284</script>
vendor: 1 bytes, line 284
284
285<script> 286 (function (global) { 287 //const cacheKey = global.cacheKey; 288 const isOffline = 'onLine' in navigator && navigator.onLine === false; 289 const hasServiceWorkerSupport = 'serviceWorker' in navigator; 290 if (isOffline) { 291 console.log('offline mode'); 292 } 293 if (!hasServiceWorkerSupport) { 294 console.log('service worker is not supported'); 295 } 296 if (hasServiceWorkerSupport && !isOffline) { 297 window.addEventListener('load', function () { 298 const serviceWorkerPath = '/runtime-service-worker.js?v=3'; 299 navigator.serviceWorker 300 .register(serviceWorkerPath, { scope: './' }) 301 .then( 302 function (registration) { 303 // Registration was successful 304 console.log( 305 'ServiceWorker registration successful with scope: ', 306 registration.scope 307 ); 308 }, 309 function (err) { 310 // registration failed :( 311 console.log('ServiceWorker registration failed: ', err); 312 } 313 ) 314 .catch(function (err) { 315 console.log(err); 316 }); 317 }); 318 319 // helper function to refresh the page 320 var refreshPage = (function () { 321 var refreshing; 322 return function () { 323 if (refreshing) return; 324 // prevent multiple refreshes 325 var refreshkey = 'refreshed' + location.href; 326 var prevRefresh = localStorage.getItem(refreshkey); 327 if (prevRefresh) { 328 localStorage.removeItem(refreshkey); 329 if (Date.now() - prevRefresh < 30000) { 330 return; // dont go into a refresh loop 331 } 332 } 333 refreshing = true; 334 localStorage.setItem(refreshkey, Date.now()); 335 console.log('refereshing page'); 336 window.location.reload(); 337 }; 338 })(); 339 340 function messageServiceWorker(data) { 341 return new Promise(function (resolve, reject) { 342 if (navigator.serviceWorker.controller) { 343 var worker = navigator.serviceWorker.controller; 344 var messageChannel = new MessageChannel(); 345 messageChannel.port1.onmessage = replyHandler; 346 worker.postMessage(data, [messageChannel.port2]); 347 function replyHandler(event) { 348 resolve(event.data); 349 } 350 } else { 351 resolve(); 352 } 353 }); 354 } 355 } 356})(window); 357</script>
357 358<!-- Add manifest --> 359<!-- End PWA settings --> 360 361 362 363<link rel="canonical" href="https://www.number11.be/room-detail/chocolate-room"> 364 365<meta id="view" name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=5, viewport-fit=cover"> 366 367<meta name="apple-mobile-web-app-capable" content="yes"> 368 369<!--Add favorites icons--> 370 371<link rel="icon" type="image/x-icon" href="https://de.cdn-website.com/63d3167ee5ed4e53a62fff28b0a62f64/site_favicon_16_1785145102692.ico"/> 372 373<!-- End favorite icons --> 374<link rel="preconnect" href="https://le-de.cdn-website.com"/> 375<link rel="preconnect" href="https://de.cdn-website.com" crossorigin/> 376<link rel="preconnect" href="https://static.cdn-website.com"/> 377<link rel="preconnect" href="https://de.cdn-website.com"/> 378 379 380 381<!-- render the required CSS and JS in the head section -->
382<script id='d-js-dmapi'> 383 window.SystemID = 'EU_PRODUCTION'; 384 385 if (!window.dmAPI) { 386 window.dmAPI = { 387 registerExternalRuntimeComponent: function () { 388 }, 389 getCurrentDeviceType: function () { 390 return window._currentDevice; 391 }, 392 runOnReady: (ns, fn) => { 393 const safeFn = dmAPI.toSafeFn(fn); 394 ns = ns || 'global_' + Math.random().toString(36).slice(2, 11); 395 const eventName = 'afterAjax.' + ns; 396 397 if (document.readyState === 'complete') { 398 $.DM.events.off(eventName).on(eventName, safeFn); 399 setTimeout(function () { 400 safeFn({ 401 isAjax: false, 402 }); 403 }, 0); 404 } else { 405 window?.waitForDeferred?.('dmAjax', () => { 406 $.DM.events.off(eventName).on(eventName, safeFn); 407 safeFn({ 408 isAjax: false, 409 }); 410 }); 411 } 412 }, 413 toSafeFn: (fn) => { 414 if (fn?.safe) { 415 return fn; 416 } 417 const safeFn = function (...args) { 418 try { 419 return fn?.apply(null, args); 420 } catch (e) { 421 console.log('function failed ' + e.message); 422 } 423 }; 424 safeFn.safe = true; 425 return safeFn; 426 } 427 }; 428 } 429 430 if (!window.requestIdleCallback) { 431 window.requestIdleCallback = function (fn) { 432 setTimeout(fn, 0); 433 } 434 } 435</script>
435 436 437<!-- loadCSS function header.jsp--> 438 439 440 441 442 443
444<script id="d-js-load-css"> 445/** 446 * There are a few <link> tags with CSS resource in them that are preloaded in the page 447 * in each of those there is a "onload" handler which invokes the loadCSS callback 448 * defined here. 449 * We are monitoring 3 main CSS files - the runtime, the global and the page. 450 * When each load we check to see if we can append them all in a batch. If threre 451 * is no page css (which may happen on inner pages) then we do not wait for it 452 */ 453(function () { 454 let cssLinks = {}; 455 function loadCssLink(link) { 456 link.onload = null; 457 link.rel = "stylesheet"; 458 link.type = "text/css"; 459 } 460 461 function checkCss() { 462 const pageCssLink = document.querySelector("[id*='CssLink']"); 463 const widgetCssLink = document.querySelector("[id*='widgetCSS']"); 464 465 if (cssLinks && cssLinks.runtime && cssLinks.global && (!pageCssLink || cssLinks.page) && (!widgetCssLink || cssLinks.widget)) { 466 const storedRuntimeCssLink = cssLinks.runtime; 467 const storedPageCssLink = cssLinks.page; 468 const storedGlobalCssLink = cssLinks.global; 469 const storedWidgetCssLink = cssLinks.widget; 470 471 storedGlobalCssLink.disabled = true; 472 loadCssLink(storedGlobalCssLink); 473 474 if (storedPageCssLink) { 475 storedPageCssLink.disabled = true; 476 loadCssLink(storedPageCssLink); 477 } 478 479 if(storedWidgetCssLink) { 480 storedWidgetCssLink.disabled = true; 481 loadCssLink(storedWidgetCssLink); 482 } 483 484 storedRuntimeCssLink.disabled = true; 485 loadCssLink(storedRuntimeCssLink); 486 487 requestAnimationFrame(() => { 488 setTimeout(() => { 489 storedRuntimeCssLink.disabled = false; 490 storedGlobalCssLink.disabled = false; 491 if (storedPageCssLink) { 492 storedPageCssLink.disabled = false; 493 } 494 if (storedWidgetCssLink) { 495 storedWidgetCssLink.disabled = false; 496 } 497 // (SUP-4179) Clear the accumulated cssLinks only when we're 498 // sure that the document has finished loading and the document 499 // has been parsed. 500 if(document.readyState === 'interactive') { 501 cssLinks = null; 502 } 503 }, 0); 504 }); 505 } 506 } 507 508 509 function loadCSS(link) { 510 try { 511 var urlParams = new URLSearchParams(window.location.search); 512 var noCSS = !!urlParams.get("nocss"); 513 var cssTimeout = urlParams.get("cssTimeout") || 0; 514 515 if (noCSS) { 516 return; 517 } 518 if (link.href && link.href.includes("d-css-runtime")) { 519 cssLinks.runtime = link; 520 checkCss(); 521 } else if (link.id === "siteGlobalCss") { 522 cssLinks.global = link; 523 checkCss(); 524 } 525 526 else if (link.id && link.id.includes("CssLink")) { 527 cssLinks.page = link; 528 checkCss(); 529 } else if (link.id && link.id.includes("widgetCSS")) { 530 cssLinks.widget = link; 531 checkCss(); 532 } 533 534 else { 535 requestIdleCallback(function () { 536 window.setTimeout(function () { 537 loadCssLink(link); 538 }, parseInt(cssTimeout, 10)); 539 }); 540 } 541 } catch (e) { 542 throw e 543 } 544 } 545 window.loadCSS = window.loadCSS || loadCSS; 546})(); 547</script>
547 548 549 550
551<script data-role="deferred-init" type="text/javascript"> 552 /* usage: window.getDeferred(<deferred name>).resolve() or window.getDeferred(<deferred name>).promise.then(...)*/ 553 function Def() { 554 this.promise = new Promise((function (a, b) { 555 this.resolve = a, this.reject = b 556 }).bind(this)) 557 } 558 559 const defs = {}; 560 window.getDeferred = function (a) { 561 return null == defs[a] && (defs[a] = new Def), defs[a] 562 } 563 window.waitForDeferred = function (b, a, c) { 564 let d = window?.getDeferred?.(b); 565 d 566 ? d.promise.then(a) 567 : c && ["complete", "interactive"].includes(document.readyState) 568 ? setTimeout(a, 1) 569 : c 570 ? document.addEventListener("DOMContentLoaded", a) 571 : console.error(`Deferred does not exist`); 572 }; 573</script>
573 574<style id="forceCssIncludes"> 575 /* This file is auto-generated from a `scss` file with the same name */ 576 577.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}} 578 579 580</style> 581<style id="cssVariables" type="text/css"> 582 :root { 583 --color_1: rgba(195,170,115,1); 584 --color_10: rgba(94, 88, 80, 1); 585 --color_2: rgba(44,74,62,1); 586 --color_3: rgba(255,248,240,1); 587 --color_4: rgba(139,69,19,1); 588 --color_5: rgba(44,74,62,1); 589 --color_6: rgba(44,74,62,1); 590 --color_7: rgba(38, 34, 28, 1); 591 --color_8: rgba(255, 255, 255, 1); 592 --color_9: rgba(249, 245, 241, 1); 593 --max-content-width_1: 1200px; 594} 595</style> 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<!-- Google Fonts Include --> 622 623 624 625 626 627 628 629 630 631 632 633 634 635<!-- loadCSS function fonts.jsp--> 636 637 638 639<link type="text/css" rel="stylesheet" href="https://de.cdn-website.com/fonts/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Montserrat:ital,wght@0,100..900;1,100..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=DM+Sans:ital,wght@0,100..1000;1,100..1000&subset=latin-ext&display=swap" /> 640 641 642 643 644 645<!-- RT CSS Include d-css-runtime-flex-new-nav--> 646<link rel="stylesheet" type="text/css" href="https://static.cdn-website.com/mnlt/production/6787/_dm/s/rt/dist/css/d-css-runtime-flex-new-nav.min.css" /> 647 648<!-- End of RT CSS Include --> 649 650<link type="text/css" rel="stylesheet" href="https://de.cdn-website.com/WIDGET_CSS/5c0285296a37389797227006fba4c8f2.css" id="widgetCSS" /> 651 652<!-- Support `img` size attributes --> 653<style>img[width][height] { 654 height: auto; 655}</style> 656 657<!-- Support showing sticky element on page only --> 658<style> 659 body[data-page-alias="room-detail/~page-item~"] #dm [data-show-on-page-only="room-detail/~page-item~"] { 660 display: block !important; 661 } 662</style> 663 664<!-- This is populated in Ajax navigation --> 665<style id="pageAdditionalWidgetsCss" type="text/css"> 666</style> 667 668 669 670 671<!-- Site CSS --> 672<link type="text/css" rel="stylesheet" href="https://de.cdn-website.com/63d3167ee5ed4e53a62fff28b0a62f64/files/63d3167ee5ed4e53a62fff28b0a62f64_header_1.min.css?v=39" id="siteGlobalCss" /> 673 674 675 676<style id="customWidgetStyle" type="text/css"> 677 678</style> 679<style id="innerPagesStyle" type="text/css"> 680 681</style> 682 683 684<style 685 id="additionalGlobalCss" type="text/css" 686> 687</style> 688 689<style id="pagestyle" type="text/css"> 690 @media all { 691 *#dm .dmInner nav.u_1998592992 { color:black !important; } 692 693 *#dm .dmInner *.u_3356754003 .room-guests-icon { color:var(--color_1) !important; } 694 695 *#dm .dmInner div.u_3356754003 .room-book-btn:hover { 696 background-color:var(--color_2) !important; 697 background-image:none !important; 698 } 699 700 *#dm .dmInner div.u_3356754003 .room-book-btn.hover { 701 background-color:var(--color_2) !important; 702 background-image:none !important; 703 } 704} 705 706</style> 707 708<style id="pagestyleDevice" type="text/css"> 709 710</style> 711 712<!-- Flex Sections CSS --> 713 714 <style data-page-uuid="aefa828932814a818ea0aea63b135882" id="grid-styles-common-63bd85219866cc362278151e-aefa828932814a818ea0aea63b135882">@media all { 715 716#\36 3bd85219866cc3622781521 { 717 min-height: 8px; 718 column-gap: 4%; 719 row-gap: 24px; 720 width: 100%; 721 min-width: 4%; 722 background-color: rgba(0, 0, 0, 0); 723 align-self: auto; 724 padding: 0px 0px 0px 0px; 725 margin: 0% 0% 0% 0%; 726} 727 728#\36 3bd85219866cc3622781520 { 729 min-height: auto; 730 column-gap: 4%; 731 row-gap: 24px; 732 width: 100%; 733 flex-wrap: nowrap; 734 align-items: flex-start; 735 max-width: var(--max-content-width_1, 1200px); 736 padding: 3% 2% 3% 2%; 737 margin: 0% 0% 0% 0%; 738} 739 740#\36 3bd85219866cc362278151f { 741 border-width: 0px; 742 border-color: rgba(0, 0, 0, 1); 743 border-style: solid; 744 background-color: var(--color_3); 745 background-image: none; 746} 747 748#\36 3c7b8b76c596a2813341bc5 { 749 height: auto; 750} 751 752#widget_mdk.flex-element.widget-wrapper > [data-element-type] { 753 padding: 0px 0px 0px 0px; 754} 755#widget_mdk { 756 width: 100%; 757 height: auto; 758 max-width: 100%; 759 min-height: 80vh; 760 margin: 0px 0% 0px 0%; 761} 762 763#\36 3bd85219866cc362278151d { 764 margin: 0px 0% 0px 0%; 765} 766}</style> 767 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-common-flex-footer-d46b195d36f24100b28f058c0d99250d">@media all { 768 769#flex-footer { 770 background-color: var(--color_7); 771 background-image: none; 772} 773}</style> 774 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-common-flex-
774header-d46b195d36f24100b28f058c0d99250d">@media all { 775 776#flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img { 777 transform: scale(0.66); 778} 779#flex-header { 780 background-color: var(--color_8); 781 782 background-image: none; 783 padding: 10px 8% 10px 8%; 784 margin: 0px 0% 0px 0%; 785} 786#flex-header[data-changeable-on-scroll][data-scrolling] { 787 padding-top: 0px; 788 padding-bottom: 0px; 789 background-color: rgba(255, 255, 255, 1); 790} 791}</style> 792 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-common-c093187e-d46b195d36f24100b28f058c0d99250d">@media all { 793 794#\39 dc5a074 { 795 min-height: 82px; 796 column-gap: 0%; 797 row-gap: 0px; 798 max-width: none; 799 width: 100%; 800 flex-wrap: nowrap; 801 padding: 6px 0% 6px 0%; 802 margin: 0% 0% 0% 0%; 803} 804 805#\32 3d5f850 { 806 width: 79.27%; 807 height: auto; 808 max-width: 100%; 809 order: 0; 810 grid-area: auto / auto / auto / auto; 811} 812 813#\37 80d21df { 814 flex-direction: row; 815 align-items: center; 816 width: 81.55%; 817 min-width: 4%; 818 min-height: 8px; 819 column-gap: 4%; 820 row-gap: 24px; 821 justify-content: flex-start; 822 order: 1; 823 background-color: rgba(0, 0, 0, 0); 824 background-image: none; 825 padding: 6px 16px 6px 16px; 826 margin: 0% 0% 0% 0%; 827} 828 829#\37 64397de { 830 min-height: 8px; 831 column-gap: 4%; 832 row-gap: 24px; 833 flex-direction: row; 834 width: 29.35%; 835 justify-content: flex-end; 836 align-items: center; 837 min-width: 4%; 838 order: 2; 839 padding: 16px 16px 16px 16px; 840 margin: 0% 0% 0% 0%; 841} 842 843#\30 0ca91b4 { 844 width: 30px; 845 height: 30px; 846 max-width: 100%; 847} 848 849#\31 c1481e3 { 850 margin: 0px 0% 0px 0%; 851} 852 853#widget_idl { 854 width: 183px; 855 height: auto; 856 max-width: 100%; 857 justify-self: auto; 858 align-self: auto; 859 order: 1; 860 margin: 0px 0% 0px 0%; 861 grid-area: auto / auto / auto / auto; 862} 863 864#\36 fe0ae20 { 865 min-height: 8px; 866 column-gap: 4%; 867 row-gap: 24px; 868 width: 14.45%; 869 align-items: center; 870 min-width: 4%; 871 order: 0; 872 background-color: rgba(0, 0, 0, 0); 873 background-image: none; 874} 875 876#widget_c5a { 877 width: 112px; 878 height: auto; 879 max-width: 100%; 880} 881 882#\33 0c57710 { 883 min-height: 8px; 884 column-gap: 4%; 885 row-gap: 24px; 886 width: 4%; 887 align-items: center; 888 min-width: 4%; 889 order: 3; 890} 891}</style> 892 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-common-18f5ea00-d46b195d36f24100b28f058c0d99250d">@media all { 893 894#\39 d047ce9 { 895 min-height: 8px; 896 column-gap: 4%; 897 row-gap: 24px; 898 width: 100%; 899 min-width: 4%; 900 align-items: flex-end; 901 justify-content: flex-end; 902 padding: 16px 16px 16px 16px; 903 margin-right: 0%; 904 margin-top: 0%; 905 margin-left: 0%; 906 margin-bottom: 0%; 907} 908 909#a1f8711f { 910 min-height: 0px; 911 column-gap: 4%; 912 row-gap: 24px; 913 width: 100%; 914 padding: 4% 4% 2% 4%; 915 margin-right: 0%; 916 margin-top: 0%; 917 margin-left: 0%; 918 margin-bottom: 0%; 919} 920 921#\31 2a003a5 svg { 922 fill: rgba(120,120,120,1); 923} 924#\31 2a003a5 .hamburgerButton { 925 background-color: rgba(0,0,0,0); 926} 927#\31 2a003a5 { 928 width: 30px; 929 height: 30px; 930} 931}</style> 932 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-common-63a049320d35b55b4ef2a372-d46b195d36f24100b28f058c0d99250d">@media all { 933 934#\36 3a049320d35b55b4ef2a374 { 935 min-height: 8px; 936 column-gap: 4%; 937 row-gap: 24px; 938 width: 100%; 939 min-width: 4%; 940 background-color: rgba(0, 0, 0, 0); 941 justify-content: flex-start; 942 padding: 16px 16px 16px 16px; 943 margin-right: 0%; 944 margin-top: 0%; 945 margin-left: 0%; 946 margin-bottom: 0%; 947} 948 949#\36 3a049320d35b55b4ef2a376 { 950 background-color: rgba(0, 0, 0, 0); 951} 952 953#\36 3a049320d35b55b4ef2a377 { 954 min-height: 531px; 955 column-gap: 4%; 956 row-gap: 24px; 957 width: 100%; 958 padding: 4% 4% 2% 4%; 959 margin-right: 0%; 960 margin-top: 0%; 961 margin-left: 0%; 962 margin-bottom: 0%; 963} 964 965#\36 3a049ca0d35b55b4ef2a5c3 { 966 width: 544px; 967 height: auto; 968 max-width: 100%; 969 align-self: auto; 970 order: 0; 971 grid-area: auto / auto / auto / auto; 972} 973 974#\36 2d6a167a824ca526194d9a5 { 975 background-color: rgba(232, 255, 133, 1); 976} 977}</style> 978 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-common-6406026c90e1521f6ecb0eca-d46b195d36f24100b28f058c0d99250d">@media all { 979 980#\36 406026c90e1521f6ecb0ecd { 981 min-height: 8px; 982 column-gap: 4%; 983 row-gap: 24px; 984 width: 100%; 985 min-width: 4%; 986 padding: 16px 16px 16px 16px; 987 margin: 0% 0% 0% 0%; 988} 989 990#\36 406026c90e1521f6ecb0ecc { 991 min-height: 238px; 992 column-gap: 4%; 993 row-gap: 24px; 994 width: 100%; 995 padding: 4% 4% 4% 4%; 996 margin: 0% 0% 0% 0%; 997} 998 999#widget_s4l { 1000 width: 100%; 1001 height: auto; 1002 max-width: 100%; 1003 order: 1; 1004} 1005 1006#widget_u7g { 1007 width: 100%; 1008 height: auto; 1009 position: relative; 1010 min-width: 10px; 1011 min-height: 10px; 1012 max-width: 100%; 1013 order: 2; 1014} 1015 1016#widget_3i7 { 1017 width: 100%; 1018 height: auto; 1019 position: relative; 1020 min-width: 10px; 1021 min-height: 10px; 1022 max-width: 100%; 1023 order: 3; 1024} 1025}</style> 1026 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-common-63da2bddeae8da42b2353671-d46b195d36f24100b28f058c0d99250d">@media all { 1027 1028#\36 3da2bddeae8da42b2353673 { 1029 min-height: 0; 1030 column-gap: 1%; 1031 row-gap: 6px; 1032 width: 100%; 1033 max-width: none; 1034 flex-direction: column; 1035 flex-wrap: nowrap; 1036 padding: 1% 8% 1% 8%; 1037 margin: 0% 0% 0% 0%; 1038} 1039 1040#\36 3da2bf2eae8da42b23538a3 { 1041 width: 100%; 1042 height: auto; 1043 max-width: 100%; 1044 order: 1; 1045 margin-right: 0%; 1046 margin-left: 0%; 1047} 1048 1049#\36 3da2bf2eae8da42b23538a2 { 1050 min-height: 84px; 1051 column-gap: 4%; 1052 row-gap: 24px; 1053 width: 100%; 1054 min-width: 4%; 1055 background-color: rgba(0, 0, 0, 0); 1056 order: 0; 1057 flex-wrap: nowrap; 1058 justify-content: flex-start; 1059 flex-direction: row; 1060 height: auto; 1061 padding: 0px 0px 0px 0px; 1062 margin: 0% 0% 0% 0%; 1063} 1064 1065#\36 3da2bfbeae8da42b2353a44 { 1066 width: auto; 1067 height: auto; 1068 max-width: 100%; 1069 order: 1; 1070 justify-self: auto; 1071 align-self: auto; 1072 margin: 0px 0% 0px 0%; 1073 grid-area: auto / auto / auto / auto; 1074} 1075 1076#\36 3c7b8b76c596a2813341bc5 { 1077 height: auto; 1078} 1079 1080#group_5mc { 1081 width: 100%; 1082 min-width: 4%; 1083 min-height: 55px; 1084 column-gap: 4%; 1085 row-gap: 10px; 1086 order: 1; 1087 justify-content: flex-start; 1088 border-width: 0px 0px 0px 0px; 1089 border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); 1090 border-style: solid; 1091 padding: 0px 0px 0px 0px; 1092 margin: 0% 0% 0% 0%; 1093} 1094 1095#c0504b3a { 1096 width: auto; 1097 height: auto; 1098 max-width: 100%; 1099 order: 0; 1100} 1101 1102#\36 3da2bddeae8da42b2353670 { 1103 margin: 0px 0% 0px 0%; 1104} 1105 1106#widget_5co { 1107 width: 100%; 1108 height: auto; 1109 max-width: 100%; 1110 order: 0; 1111 margin-right: 0%; 1112 margin-left: 0%; 1113} 1114 1115#group_diu { 1116 justify-content: flex-start;
1117 align-items: center; 1118 width: 48%; 1119 min-height: auto; 1120 max-height: 100%; 1121 row-gap: 24px; 1122 column-gap: 6.769501983252534%; 1123 order: 0; 1124 flex-wrap: nowrap; 1125 padding: 0px 0px 0px 0px; 1126 margin: 0px 0% 0px 0%; 1127} 1128 1129#\31 b227e4d { 1130 justify-content: flex-start; 1131 align-items: center; 1132 width: 48%; 1133 min-height: auto; 1134 max-height: 100%; 1135 row-gap: 24px; 1136 column-gap: 6.769501983252534%; 1137 order: 0; 1138 flex-wrap: nowrap; 1139 padding: 0px 0px 0px 0px; 1140 margin: 0px 0% 0px 0%; 1141} 1142 1143#\34 64459a5 { 1144 width: 100%; 1145 height: auto; 1146 max-width: 100%; 1147 order: 0; 1148 margin-right: 0%; 1149 margin-left: 0%; 1150} 1151 1152#a932d2eb { 1153 justify-content: flex-start; 1154 align-items: flex-start; 1155 width: 48%; 1156 min-height: auto; 1157 max-height: 100%; 1158 row-gap: 24px; 1159 column-gap: 6.769501983252534%; 1160 order: 0; 1161 flex-wrap: nowrap; 1162 padding: 0px 0px 0px 0px; 1163 margin: 0px 0% 0px 0%; 1164} 1165 1166#\39 409844f { 1167 width: 100%; 1168 height: auto; 1169 max-width: 100%; 1170 order: 0; 1171 margin-right: 0%; 1172 margin-left: 0%; 1173} 1174 1175#widget_ufn.flex-element.widget-wrapper > [data-element-type] { 1176 padding-top: 4px; 1177 padding-bottom: 4px; 1178} 1179#widget_ufn { 1180 width: 100%; 1181 height: auto; 1182 min-height: 1px; 1183 max-width: 100%; 1184 order: 0; 1185} 1186 1187#group_vom { 1188 flex-direction: row; 1189 justify-content: space-between; 1190 align-items: center; 1191 width: 100%; 1192 min-height: auto; 1193 max-height: 100%; 1194 row-gap: 24px; 1195 column-gap: 24px; 1196 padding: 0px 0px 0px 0px; 1197 margin: 0px 0% 0px 0%; 1198} 1199 1200#\36 74d2422 { 1201 width: 100%; 1202 height: auto; 1203 max-width: 100%; 1204 justify-self: auto; 1205 align-self: auto; 1206 order: 2; 1207 margin: 0px 0% 0px 0%; 1208 grid-area: auto / auto / auto / auto; 1209} 1210 1211#\38 29f79c8 { 1212 width: 100%; 1213 height: auto; 1214 max-width: 100%; 1215 justify-self: auto; 1216 align-self: auto; 1217 order: 2; 1218 margin: 0px 0% 0px 0%; 1219 grid-area: auto / auto / auto / auto; 1220} 1221 1222#widget_iar { 1223 width: 68.41%; 1224 height: auto; 1225 max-width: 100%; 1226 order: 2; 1227 align-self: auto; 1228 justify-self: auto; 1229 margin: 0px 0% 0px 0%; 1230 grid-area: auto / auto / auto / auto; 1231} 1232}</style> 1233 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-common-6394be04-d46b195d36f24100b28f058c0d99250d">@media all { 1234 1235#d18fcf34 { 1236 min-height: 240px; 1237 column-gap: 4%; 1238 row-gap: 24px; 1239 max-width: none; 1240 width: 100%; 1241 flex-wrap: nowrap; 1242} 1243 1244#\31 d55dab4 { 1245 grid-template-rows: minmax(300px, max-content); 1246 width: 100%; 1247 max-width: 100%; 1248} 1249 1250#\30 a0a3590 { 1251 min-height: 8px; 1252 column-gap: 4%; 1253 row-gap: 24px; 1254 width: 100%; 1255 min-width: 4%; 1256} 1257}</style> 1258 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-desktop-flex-header-d46b195d36f24100b28f058c0d99250d">@media (min-width: 1025px) { 1259}</style> 1260 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-desktop-6406026c90e1521f6ecb0eca-d46b195d36f24100b28f058c0d99250d">@media (min-width: 1025px) { 1261 1262#widget_s4l { 1263 justify-self: auto; 1264 align-self: auto; 1265 width: 95.82%; 1266 grid-area: auto / auto / auto / auto; 1267} 1268}</style> 1269 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-tablet_implicit-flex-header-d46b195d36f24100b28f058c0d99250d">@media (min-width: 768px) and (max-width: 1024px) { 1270}</style> 1271 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-tablet-flex-footer-d46b195d36f24100b28f058c0d99250d">@media (min-width: 768px) and (max-width: 1024px) { 1272 1273#flex-footer { 1274} 1275}</style> 1276 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-tablet-flex-header-d46b195d36f24100b28f058c0d99250d">@media (min-width: 768px) and (max-width: 1024px) { 1277 1278#flex-header { 1279 1280} 1281}</style> 1282 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-tablet-c093187e-d46b195d36f24100b28f058c0d99250d">@media (min-width: 768px) and (max-width: 1024px) { 1283 1284#\39 dc5a074 { 1285 padding-left: 2%; 1286 padding-right: 2%; 1287 flex-direction: row; 1288 flex-wrap: nowrap; 1289 min-height: 0px; 1290} 1291 1292#\37 80d21df {
1293 width: 3.58%; 1294 order: 0; 1295 justify-content: flex-end; 1296 padding-right: 50px; 1297} 1298 1299#\37 64397de { 1300 order: 2; 1301 width: 66.58%; 1302 min-height: 8px; 1303} 1304 1305#\30 0ca91b4 { 1306 justify-self: auto; 1307 align-self: auto; 1308 order: 0; 1309 margin: 0px 0% 0px 0%; 1310 grid-area: auto / auto / auto / auto; 1311} 1312 1313#\32 3d5f850 { 1314 order: 0; 1315} 1316 1317#widget_idl { 1318 order: 1; 1319} 1320 1321#\36 fe0ae20 { 1322 order: 1; 1323 width: 29.41%; 1324 min-height: 8px; 1325} 1326 1327#\33 0c57710 { 1328 order: 3; 1329} 1330}</style> 1331 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-tablet-18f5ea00-d46b195d36f24100b28f058c0d99250d">@media (min-width: 768px) and (max-width: 1024px) { 1332 1333#a1f8711f { 1334 padding-left: 4%; 1335 padding-right: 4%; 1336 padding-bottom: 4%; 1337} 1338 1339#\39 d047ce9 { 1340 padding-bottom: 6px; 1341} 1342}</style> 1343 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-tablet-63a049320d35b55b4ef2a372-d46b195d36f24100b28f058c0d99250d">@media (min-width: 768px) and (max-width: 1024px) { 1344 1345#\36 3a049320d35b55b4ef2a374 { 1346 justify-content: flex-start; 1347 padding-top: 16px; 1348} 1349 1350#\36 3a049320d35b55b4ef2a377 { 1351 min-height: 522px; 1352 padding: 4% 4% 4% 4%; 1353} 1354}</style> 1355 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-tablet-6406026c90e1521f6ecb0eca-d46b195d36f24100b28f058c0d99250d">@media (min-width: 768px) and (max-width: 1024px) { 1356 1357#\36 406026c90e1521f6ecb0ecc { 1358 min-height: 279px; 1359 padding: 4% 4% 4% 4%; 1360} 1361 1362#\36 406026c90e1521f6ecb0ecd { 1363 justify-content: flex-end; 1364 padding-bottom: 16px; 1365} 1366}</style> 1367 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-tablet-63da2bddeae8da42b2353671-d46b195d36f24100b28f058c0d99250d">@media (min-width: 768px) and (max-width: 1024px) { 1368 1369#\36 3da2bf2eae8da42b23538a2 { 1370 order: 1; 1371 align-items: flex-start; 1372 width: 100%; 1373 min-height: 80px; 1374 height: auto; 1375 padding: 0px 0px 0px 0px; 1376 margin: 0% 0% 0% 0%; 1377} 1378 1379#group_5mc { 1380 order: 2; 1381 width: 100%; 1382 min-height: 50px; 1383 height: auto; 1384 margin: 0% 0% 0% 0%; 1385} 1386 1387#c0504b3a { 1388 width: 100%; 1389} 1390 1391#\36 3da2bddeae8da42b2353673 { 1392 flex-direction: column; 1393 flex-wrap: nowrap; 1394 min-height: 0; 1395 column-gap: 1%; 1396} 1397 1398#\36 3da2bfbeae8da42b2353a44 { 1399 width: 35%; 1400} 1401}</style> 1402 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-tablet-6394be04-d46b195d36f24100b28f058c0d99250d">@media (min-width: 768px) and (max-width: 1024px) { 1403 1404#d18fcf34 { 1405 padding-left: 2%; 1406 padding-right: 2%; 1407} 1408}</style> 1409 1410 1411 1412 1413 1414 1415<style id="globalFontSizeStyle" type="text/css"> 1416 @media (min-width: 1025px) { [data-version] .size-14, [data-version] .font-size-14 {--font-size: 14;} }@media (min-width: 768px) and (max-width: 1024px) { [data-version] .t-size-14, [data-version] .t-font-size-14 {--font-size: 14;} }@media (max-width: 767px) { [data-version] .m-size-14, [data-version] .m-font-size-14 {--font-size: 14;} } 1417</style> 1418<style id="pageFontSizeStyle" type="text/css"> 1419</style> 1420 1421 1422 1423 1424<style id="hideAnimFix"> 1425 .dmDesktopBody:not(.editGrid) [data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) [data-anim-extended] { 1426 visibility: hidden; 1427 } 1428 1429 .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-extended] { 1430 visibility: hidden !important; 1431 } 1432 1433 #dmRoot:not(.editGrid) .flex-element [data-anim-extended] { 1434 visibility: hidden; 1435 } 1436 1437</style> 1438 1439 1440 1441 1442<style id="fontFallbacks"> 1443 @font-face { 1444 font-family: "Playfair Display Fallback"; 1445 src: local('Arial'); 1446 ascent-override: 106.3701%; 1447 descent-override: 24.6755%; 1448 size-adjust: 101.7204%; 1449 line-gap-override: 0%; 1450 }@font-face { 1451 font-family: "Montserrat Fallback"; 1452 src: local('Arial'); 1453 ascent-override: 84.9466%; 1454 descent-override: 22.0264%; 1455 size-adjust: 113.954%; 1456 line-gap-override: 0%; 1457 }@font-face { 1458 font-family: "Poppins Fallback"; 1459 src: local('Arial'); 1460 ascent-override: 92.326%; 1461 descent-override: 30.7753%; 1462 line-gap-override: 8.793%; 1463 size-adjust: 113.7274%; 1464}@font-face { 1465 font-family: "DM Sans Fallback"; 1466 src: local('Arial'); 1467 ascent-override: 94.3696%; 1468 descent-override: 29.4905%; 1469 size-adjust: 105.1186%; 1470 line-gap-override: 0%; 1471 } 1472</style> 1473 1474 1475<!-- End render the required css and JS in the head section --> 1476 1477 1478 1479 1480 1481 1482 1483 1484<meta property="og:type" content="website"> 1485<meta property="og:url" content="https://www.number11.be/room-detail/chocolate-room"> 1486 1487 <title> 1488 Home :: B&B Brugge centrum | Bed & Breakfast | Number 11 1489 </title> 1490 <meta name="description" content="Op zoek naar een rustige en exclusieve B&B in het centrum van Brugge? Guesthouse Number 11 biedt alle comfort voor een geslaagd verblijf. Groene stadstuin."/> 1491 1492 <meta name="twitter:card" content="summary"/> 1493 <meta name="twitter:title" content="Home :: B&B Brugge centrum | Bed & Breakfast | Number 11"/> 1494 <meta name="twitter:description" content="Op zoek naar een rustige en exclusieve B&B in het centrum van Brugge? Guesthouse Number 11 biedt alle comfort voor een geslaagd verblijf. Groene stadstuin."/> 1495 <meta name="twitter:image" content="https://le-de.cdn-website.com/63d3167ee5ed4e53a62fff28b0a62f64/dms3rep/multi/opt/kim-vanbesien-fotografie-59-1920w.jpg"/> 1496 <meta property="og:description" content="Op zoek naar een rustige en exclusieve B&B in het centrum van Brugge? Guesthouse Number 11 biedt alle comfort voor een geslaagd verblijf. Groene stadstuin."/> 1497 <meta property="og:title" content="Home :: B&B Brugge centrum | Bed & Breakfast | Number 11"/> 1498 <meta property="og:image" content="https://le-de.cdn-website.com/63d3167ee5ed4e53a62fff28b0a62f64/dms3rep/multi/opt/kim-vanbesien-fotografie-59-1920w.jpg"/> 1499 1500 1501 1502 1503<!-- SYS- RVVfUFJPRFVDVElPTg== --> 1504</head> 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526<body id="dmRoot" data-page-alias="room-detail/~page-item~" class="dmRoot fix-mobile-scrolling flex-site dmResellerSite " 1527 style="padding:0;margin:0;" 1528 1529 data-flex-site > 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545<!-- ========= Site Content ========= --> 1546<div id="dm" class='dmwr'> 1547 1548 <div class="dm_wrapper -var5 null "> 1549 <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 page-2b2463b3 page-50a8fda8 page-0678a957 page-d2362dfa page-8df86148 page-4e6aacca page-0aee2423 page-bb512082 page-9d2920b3 page-5b6200fe page-9545c35c page-f0b7dcaa page-25453a55 page-2d55de40 page-f82012ec page-a9b1c73e page-5a5e9145 page-ac75553c page-70edfdd8 page-f6c54aac page-8cbcefc6 page-5b35359c page-45dc632e page-b0634229 page-9b666d4b page-cfb07399 page-8f77b755 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"> <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-changeable-on-scroll="true" role="banner"> <div data-auto="flex-section" id="1990152846" data-flex-id="c093187e" data-layout-section="" data-page-element-type="section" data-page-element-id="1475755753"> <div class="flex-widgets-container" id="1140644136"></div> 1550 <section id="1c1481e3" class="flex-element section" data-auto="flex-element-section"> <div id="603c3bb7" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="9dc5a074" class="flex-element group" data-auto="flex-element-group"> <div id="6fe0ae20" class="flex-element group" data-auto="flex-element-group"> <div id="widget_c5a" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="image" data-keep-proportion="true" data-external-id="935299215"> <div class="imageWidget align-center" data-element-type="image" data-widget-type="image" id="935299215"><img src="https://le-de.cdn-website.com/63d3167ee5ed4e53a62fff28b0a62f64/dms3rep/multi/opt/download-7da8e697-1920w.webp" alt="" id="1318225934" class="" width="150" height="90" data-dm-image-path="https://de.cdn-website.com/63d3167ee5ed4e53a62fff28b0a62f64/dms3rep/multi/download-7da8e697.webp" onerror="handleImageLoadError(this)"/></div> 1551</div> 1552</div>
1553 <div id="780d21df" class="flex-element group" data-auto="flex-element-group" data-hidden-on-tablet="" data-hidden-on-mobile=""> <div id="23d5f850" 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="1198691314"> <nav class="u_1198691314 effect-bottom main-navigation unifiednav dmLinksMenu" role="navigation" layout-main="horizontal_nav_layout_1" layout-sub="submenu_horizontal_1" data-show-vertical-sub-items="HOVER" id="1198691314" 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=" 1554 Home 1555 " data-auto="page-text-style">Home<span class="icon icon-angle-down"></span> 1556</span> 1557</a> 1558</li> 1559 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/#OurStory" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_01010144992 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Our Story" data-auto="page-text-style">Our Story<span class="icon icon-angle-down"></span> 1560</span> 1561</a> 1562</li> 1563 <li role="menuitem" aria-haspopup="true" aria-expanded="false" data-sub-nav-menu="true" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/#Rooms" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101716650 unifiednav__item_has-sub-nav" 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"></span> 1564</span> 1565</a> 1566 <ul role="menu" class="unifiednav__container unifiednav__container_sub-nav unav-sub" data-depth="0" data-auto="sub-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/room-detail/vanille-room" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="VANILLE ROOM" data-auto="page-text-style">VANILLE ROOM<span class="icon icon-angle-right"></span> 1567</span> 1568</a> 1569</li> 1570 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/room-detail/cottage-courtyard" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="COTTAGE COURTYARD" data-auto="page-text-style">COTTAGE COURTYARD<span class="icon icon-angle-right"></span> 1571</span> 1572</a> 1573</li> 1574 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/room-detail/grey-room" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="GREY ROOM" data-auto="page-text-style">GREY ROOM<span class="icon icon-angle-right"></span> 1575</span> 1576</a> 1577</li> 1578 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/room-detail/chocolate-room" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="CHOCOLATE ROOM" data-auto="page-text-style">CHOCOLATE ROOM<span class="icon icon-angle-right"></span> 1579</span> 1580</a> 1581</li> 1582</ul> 1583</li> 1584 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/#Gallery" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101991312 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Gallery" data-auto="page-text-style">Gallery<span class="icon icon-angle-down"></span> 1585</span> 1586</a> 1587</li> 1588 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/#Localarea" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_01010170706 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Local area" data-auto="page-text-style">Local area<span class="icon icon-angle-down"></span> 1589</span> 1590</a> 1591</li> 1592 <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_010101753446 " 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> 1593</span> 1594</a> 1595</li> 1596 <li role="menuitem" aria-haspopup="true" aria-expanded="false" data-sub-nav-menu="true" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="#" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101430931 unifiednav__item_has-sub-nav" target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Extra" data-auto="page-text-style">Extra<span class="icon icon-angle-down"></span> 1597</span> 1598</a> 1599 <ul role="menu" class="unifiednav__container unifiednav__container_sub-nav unav-sub" data-depth="0" data-auto="sub-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/custom/number-11-in-the-press" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Number 11 in the press" data-auto="page-text-style">Number 11 in the press<span class="icon icon-angle-right"></span> 1600</span> 1601</a> 1602</li> 1603 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/custom/plan-your-visit" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Plan your visit" data-auto="page-text-style">Plan your visit<span class="icon icon-angle-right"></span> 1604</span> 1605</a> 1606</li> 1607</ul> 1608</li> 1609</ul> 1610</nav> 1611</div> 1612 <div id="widget_idl" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="custom" data-external-id="219313090"> <div class="widget-4b77e2 u_219313090 dmCustomWidget" data-lazy-load="true" data-title="" id="219313090" dmle_extension="custom_extension" data-element-type="custom_extension" icon="false" surround="false" data-widget-id="4b77e2d743e44a28a7118c9b67456426" data-widget-version="18" data-widget-config="eyJidG5MaW5rIjp7InZhbHVlIjoiIyIsInR5cGUiOiJhbmNob3IiLCJocmVmIjoiIyIsInJhd191cmwiOiIvc2l0ZS8yMDBkMjY2YzM4OGQ0MDI0YTVjZTc0ODQ4NTQwODBmOT9uZWU9dHJ1ZSZlZD10cnVlJnNob3dPcmlnaW5hbD10cnVlJnByZXZpZXc9dHJ1ZSZkbV90cnlfbW9kZT10cnVlJmRtX2NoZWNrU3luYz0xIn0sImJ0bkxhYmVsIjoiQm9vayBub3cifQ==">
1612 <a value="#" type="anchor" href="#" raw_url="/site/200d266c388d4024a5ce7484854080f9?nee=true&ed=true&showOriginal=true&preview=true&dm_try_mode=true&dm_checkSync=1"> <div class="dmWidget book-btn"> <span class="text">Book now</span> 1613 <span class="iconBg"></span> 1614</div> 1615</a> 1616</div> 1617</div> 1618</div> 1619 <div id="764397de" class="flex-element group" data-auto="flex-element-group" data-hidden-on-desktop=""> <div id="00ca91b4" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="hamburgerButton" data-external-id="1998777521"> <button class="hamburgerButton" data-element-type="hamburgerButton" id="1998777521" aria-controls="hamburger-drawer" aria-expanded="false" aria-label="Open menu"> <svg width="100pt" height="100pt" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" id="1555668457"> <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> 1620</svg> 1621</button> 1622</div> 1623</div> 1624 <div id="30c57710" class="flex-element group" data-auto="flex-element-group"> <div id="af03779e" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="multilingual" data-external-id="1870360202"> <div id="1870360202" class="multilingualWidget dropdown flag-only" dmle_extension="multilingual" data-element-type="multilingual" data-display="dropdown" icon="false" surround="false"> <div class="desktopMultilingual"> <div class="language current-language"> <a href="/room-detail/chocolate-room" data-disable-ajax-navigation="true"><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> 1625 <span class="short-label">en</span> 1626 <div class="dm-icon dm-icon-chevron-down"></div> 1627</a> 1628</div> 1629 <div class="language other-languages"> <a href="/fr/room-detail/chambre-vanille" data-code="" data-disable-ajax-navigation="true"><img src="https://dd-cdn.multiscreensite.com/flags/flags_iso/32/fr.png" alt="Français" onerror="handleImageLoadError(this)"/> <span class="name">Français</span> 1630 <span class="short-label">fr</span> 1631</a> 1632 <a href="/nl/room-detail/vanille-kamer" 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> 1633 <span class="short-label">nl</span> 1634</a> 1635 <a href="/de/room-detail/vanille-zimmer" data-code="" data-disable-ajax-navigation="true"><img src="https://dd-cdn.multiscreensite.com/flags/flags_iso/32/de.png" alt="Deutsch" onerror="handleImageLoadError(this)"/> <span class="name">Deutsch</span> 1636 <span class="short-label">de</span> 1637</a> 1638</div> 1639</div> 1640</div> 1641</div> 1642</div> 1643</div> 1644</div> 1645</section> 1646</div> 1647</div> 1648 <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="1558513594" data-flex-id="18f5ea00"> <div class="flex-widgets-container" id="1554675836"></div> 1649 <section id="f6054f97" class="flex-element section" data-auto="flex-element-section"> <div id="ef8b5b8a" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="a1f8711f" class="flex-element group" data-auto="flex-element-group"> <div id="9d047ce9" class="flex-element group" data-auto="flex-element-group"> <div id="12a003a5" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="hamburgerButton" data-external-id="1717245942"> <button class="hamburgerButton" data-element-type="hamburgerButton" id="1717245942" aria-controls="hamburger-drawer" aria-expanded="false" aria-label="Close menu"> <svg width="100pt" height="100pt" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" id="1463788326"> <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 1650 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
1651 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> 1652</svg> 1653</button> 1654</div> 1655</div> 1656</div> 1657</div> 1658</section> 1659</div> 1660 <div data-auto="flex-section" id="1099442592" data-flex-id="63a049320d35b55b4ef2a372" data-layout-section=""> <div class="flex-widgets-container" id="1247649854"></div> 1661 <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-bottom2 main-navigation unifiednav dmLinksMenu" role="navigation" layout-main="vertical_nav_layout_2" 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=" 1662 Home 1663 " data-auto="page-text-style">Home<span class="icon icon-angle-down"></span> 1664</span> 1665</a> 1666</li> 1667 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/#OurStory" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_01010144992 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Our Story" data-auto="page-text-style">Our Story<span class="icon icon-angle-down"></span> 1668</span> 1669</a> 1670</li> 1671 <li role="menuitem" aria-haspopup="true" aria-expanded="false" data-sub-nav-menu="true" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/#Rooms" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101716650 unifiednav__item_has-sub-nav" 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"></span> 1672</span> 1673</a> 1674 <ul role="menu" class="unifiednav__container unifiednav__container_sub-nav unav-sub" data-depth="0" data-auto="sub-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/room-detail/vanille-room" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="VANILLE ROOM" data-auto="page-text-style">VANILLE ROOM<span class="icon icon-angle-right"></span> 1675</span> 1676</a> 1677</li> 1678 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/room-detail/cottage-courtyard" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="COTTAGE COURTYARD" data-auto="page-text-style">COTTAGE COURTYARD<span class="icon icon-angle-right"></span> 1679</span> 1680</a> 1681</li> 1682 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/room-detail/grey-room" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="GREY ROOM" data-auto="page-text-style">GREY ROOM<span class="icon icon-angle-right"></span> 1683</span> 1684</a> 1685</li> 1686 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/room-detail/chocolate-room" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="CHOCOLATE ROOM" data-auto="page-text-style">CHOCOLATE ROOM<span class="icon icon-angle-right"></span> 1687</span> 1688</a> 1689</li> 1690</ul> 1691</li> 1692 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/#Gallery" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101991312 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Gallery" data-auto="page-text-style">Gallery<span class="icon icon-angle-down"></span> 1693</span> 1694</a> 1695</li> 1696 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/#Localarea" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_01010170706 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Local area" data-auto="page-text-style">Local area<span class="icon icon-angle-down"></span> 1697</span> 1698</a> 1699</li> 1700 <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_010101753446 " 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> 1701</span> 1702</a> 1703</li> 1704 <li role="menuitem" aria-haspopup="true" aria-expanded="false" data-sub-nav-menu="true" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="#" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101430931 unifiednav__item_has-sub-nav" target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Extra" data-auto="page-text-style">Extra<span class="icon icon-angle-down"></span> 1705</span> 1706</a> 1707 <ul role="menu" class="unifiednav__container unifiednav__container_sub-nav unav-sub" data-depth="0" data-auto="sub-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/custom/number-11-in-the-press" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Number 11 in the press" data-auto="page-text-style">Number 11 in the press<span class="icon icon-angle-right"></span> 1708</span> 1709</a> 1710</li> 1711 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/custom/plan-your-visit" class="unifiednav__item unav-item " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Plan your visit" data-auto="page-text-style">Plan your visit<span class="icon icon-angle-right"></span> 1712</span> 1713</a> 1714</li> 1715</ul> 1716</li> 1717</ul> 1718</nav> 1719</div> 1720</div> 1721</div> 1722</div> 1723</section> 1724</div> 1725 <div data-auto="flex-section" id="1029527021" data-flex-id="6406026c90e1521f6ecb0eca" data-layout-section=""> <div class="flex-widgets-container" id="1659590659"></div> 1726 <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 id="widget_s4l" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1287536004"> <div class="dmNewParagraph u_1287536004" data-element-type="paragraph" data-version="5" id="1287536004" style=""> <h4 class="m-text-align-left" style="line-height: 2;"><span style="display: unset; color: var(--color_1);">Get in touch</span><span style="display: initial;"><span class="ql-cursor"></span></span></h4> 1727</div> 1728</div> 1729 <div id="widget_u7g" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="181630546"> <div class="dmNewParagraph u_181630546" data-element-type="paragraph" data-version="5" id="181630546" data-binding="W3siYmluZGluZ05hbWUiOiJ0ZXh0IiwidmFsdWUiOiJjb250ZW50X2xpYnJhcnkuZ2xvYmFsLnBob25lLnRlbGVwaG9uZSJ9XQ==" data-diy-text="">+32 50 33 06 75</div> 1730</div> 1731 <div id="widget_3i7" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="328162913"> <div class="dmNewParagraph u_328162913" data-element-type="paragraph" data-version="5" id="328162913" data-binding="W3siYmluZGluZ05hbWUiOiJ0ZXh0IiwidmFsdWUiOiJjb250ZW50X2xpYnJhcnkuZ2xvYmFsLmVtYWlsLmVtYWlsIn1d" data-diy-text="">[email protected]</div> 1732</div> 1733</div> 1734</div> 1735</div> 1736</section> 1737</div> 1738</div> 1739 <div class="layout-drawer-overlay" id="layout-drawer-overlay"></div> 1740</div> 1741 <div dmwrapped="true" id="dmFirstContainer" class="dmBody u_dmStyle_template_room-detail/~page-item~ dm-home-page" themewaschanged="true"> <div id="allWrapper" class="allWrapper"><!-- navigation placeholders -->
1741 <div id="dm_content" class="dmContent" role="main"> <div dm:templateorder="170" class="dmHomeRespTmpl mainBorder dmRespRowsWrapper dmFullRowRespTmpl" id="1716942098"> <div data-auto="flex-section" id="1507551858" data-flex-id="63bd85219866cc362278151e" data-layout-section=""> <div class="flex-widgets-container" id="1865266723"></div> 1742 <section id="63bd85219866cc362278151d" class="flex-element section" data-auto="flex-element-section"> <div id="63bd85219866cc362278151f" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="63bd85219866cc3622781520" class="flex-element group" data-auto="flex-element-group"> <div id="63bd85219866cc3622781521" class="flex-element group" data-auto="flex-element-group"> <div id="widget_mdk" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="custom" data-external-id="3356754003"> <div class="widget-97a95c u_3356754003 dmCustomWidget" data-lazy-load="true" data-title="" id="3356754003" dmle_extension="custom_extension" data-element-type="custom_extension" icon="false" surround="false" data-widget-id="97a95c369c4c403d92d29e42348fa217" data-widget-version="33" data-widget-config="eyJndWVzdHNJY29uRGVzaWduIjpudWxsLCJzaG93TGVzc1RleHQiOiJTaG93IGxlc3MiLCJndWVzdHNGaWVsZCI6Imd1ZXN0cyIsIm5hbWVGaWVsZCI6Im1haW5fdGl0bGVfaGVybyIsImNvbGxlY3Rpb25GaWVsZHMiOm51bGwsInVybEZpZWxkIjoicGFnZV9pdGVtX3VybCIsInByZXZpZXdNb2RlIjpmYWxzZSwiY29sbGVjdGlvbk5hbWUiOiJSb29tcyIsImJvb2tpbmdMaW5rIjp7ImhyZWYiOiIiLCJ0YXJnZXQiOiJfYmxhbmsiLCJ0eXBlIjoiZXh0ZXJuYWwifSwiZGVzY0ZpZWxkIjoiaGVyb19kZXNjcmlwdGlvbiIsImdhbGxlcnlEZXNpZ24iOm51bGwsInNob3dNb3JlVGV4dCI6IlNob3cgbW9yZSIsImltYWdlc0ZpZWxkIjoiaW1hZ2VfZ2FsbGVyeSIsInByaWNlRmllbGQiOiJwcmljZSIsImJ1dHRvblVybEZpZWxkIjoiYnV0dG9uX2xpbmsiLCJtYWluSW1hZ2VGaWVsZCI6Imhlcm9faW1hZ2UiLCJib29raW5nQnRuRGVzaWduIjpudWxsLCJkZXNjTGluZXMiOiI1IiwiZGVzY3JpcHRpb25EZXNpZ24iOm51bGwsImFtZW5pdGllc0Rlc2lnbiI6bnVsbCwiYm9va2luZ0J0blRleHQiOiJCb29rIE5vdyIsInJvb21OYW1lRGVzaWduIjpudWxsLCJhbWVuaXRpZXNGaWVsZCI6ImZlYXR1cmVzIiwibWF4VmlzaWJsZVRhZ3MiOiI1IiwibWFpbkltYWdlRGVzaWduIjpudWxsfQ=="> <div class="room-details-widget"><!-- Loading state --> <div class="room-loading"> <div class="loading-spinner"></div> 1743</div> 1744<!-- Error state --> <div class="room-error" style="display:none;"> <p>Unable to load room details. Please check your collection settings.</p> 1745</div> 1746<!-- Main content --> <div class="room-content" style="display:none;"><!-- Top section: main image + info --> <div class="room-top"><!-- Main image --> <div class="room-main-image-wrap"><img class="room-main-image" src="" alt="Room image" onerror="handleImageLoadError(this)"/></div> 1747<!-- Info panel --> <div class="room-info"> <h2 class="room-name"></h2> 1748 <div class="room-meta"> <span class="room-guests-icon"> <svg class="guests-icon-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="16" height="16" fill="currentColor"> <path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"></path> 1749</svg> 1750</span> 1751 <span class="room-guests-count"></span> 1752</div> 1753 <div class="room-description-wrap"> <div class="room-description"></div> 1754 <button class="desc-show-more-btn" style="display:none;">Show more</button> 1755 <button class="desc-show-less-btn" style="display:none;">Show less</button> 1756</div> 1757 <div class="room-amenities"> <div class="amenities-tags"></div> 1758 <button class="show-more-btn" aria-label="Show more" style="display:none;">Show more</button> 1759 <button class="show-less-btn" aria-label="Show less" style="display:none;">Show less</button> 1760</div> 1761 <div class="room-price-wrap" style="display:none;"> <span class="room-price-label">From</span> 1762 <span class="room-price"></span> 1763 <span class="room-price-unit">/ night</span> 1764</div> 1765 <div class="room-cta"> <a href="" target="_blank" type="external"> <div class="dmWidget room-book-btn"> <span class="text">Book Now</span> 1766 <span class="iconBg"></span> 1767</div> 1768</a> 1769</div> 1770</div> 1771</div> 1772<!-- Overflow section: description + amenities + price + CTA move here when text is too long --> <div class="room-overflow" style="display:none;"></div> 1773<!-- Bottom gallery (hidden when only 1 image) --> <div class="room-gallery-section" style="display:none;"> <div class="room-gallery-track-wrap"> <div class="room-gallery-track"></div> 1774</div> 1775 <div class="room-gallery-nav"> <button class="gallery-prev" aria-label="Previous image"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"> <polyline points="15 18 9 12 15 6"></polyline> 1776</svg> 1777</button> 1778 <button class="gallery-next" aria-label="Next image"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"> <polyline points="9 18 15 12 9 6"></polyline> 1779</svg> 1780</button> 1781</div> 1782</div> 1783</div> 1784<!-- Lightbox overlay --> <div class="gallery-lightbox" style="display:none;" aria-modal="true" role="dialog" aria-label="Image lightbox"> <div class="lightbox-backdrop"></div> 1785 <div class="lightbox-content"> <button class="lightbox-close" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"> <line x1="18" y1="6" x2="6" y2="18"></line> 1786 <line x1="6" y1="6" x2="18" y2="18"></line> 1787</svg> 1788</button> 1789 <button class="lightbox-prev" aria-label="Previous image"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"> <polyline points="15 18 9 12 15 6"></polyline> 1790</svg> 1791</button> 1792<img class="lightbox-img" src="" alt="Room photo" onerror="handleImageLoadError(this)"/> <button class="lightbox-next" aria-label="Next image"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"> <polyline points="9 18 15 12 9 6"></polyline> 1793</svg> 1794</button> 1795 <div class="lightbox-counter"></div> 1796</div> 1797</div> 1798</div> 1799</div> 1800</div> 1801</div> 1802</div> 1803</div> 1804</section> 1805</div> 1806</div> 1807</div> 1808</div> 1809</div> 1810 <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> 1811 <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="63da2bf2eae8da42b23538a2" class="flex-element group" data-auto="flex-element-group"> <div id="group_diu" class="flex-element group" data-auto="flex-element-group"> <div id="widget_5co" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1138762217"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1138762217" style=""> <h6><span style="display: unset;">ADDRESS</span></h6> 1812</div> 1813</div> 1814 <div id="63da2bf2eae8da42b23538a3" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1721508574"> <div class="dmNewParagraph u_1721508574" data-element-type="paragraph" data-version="5" id="1721508574" style="" new-inline-bind-applied="true" data-diy-text="" data-binding="W3siYmluZGluZ05hbWUiOiJ0ZXh0IiwidmFsdWUiOiJjb250ZW50X2xpYnJhcnkuZ2xvYmFsIn1d"><p class="size-14 t-size-14 m-size-14" id="1792717824"><span style="color:rgb(249, 245, 241);font-weight:300;display:initial;font-family:'DM Sans', 'DM Sans Fallback';" class="font-size-14 t-font-size-14 m-font-size-14" id="1111161304"><span class="inline-data-binding" data-encoded-value="R2FzdG9uIENyb21tZW5sYWFuLCA5MDUwIEdlbnQsIEVhc3QgRmxhbmRlcnMsIEJlbGdpdW0=" data-inline-binding="content_library.global" data-inline-binding-encoded="Y29udGVudF9saWJyYXJ5Lmdsb2JhbA==" id="1660037462">Peerdenstraat 11, Brugge, 8000, BE</span></span></p></div> 1815</div> 1816</div> 1817 <div id="1b227e4d" class="flex-element group" data-auto="flex-element-group"> <div id="464459a5" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1485897579"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1485897579" style=""> <h6><span style="display: unset;">telephone</span></h6> 1818</div> 1819</div> 1820 <div id="674d2422" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1577315101"> <div class="dmNewParagraph u_1577315101" data-element-type="paragraph" data-version="5" id="1577315101" data-diy-text="" data-binding="W3siYmluZGluZ05hbWUiOiJ0ZXh0IiwidmFsdWUiOiJjb250ZW50X2xpYnJhcnkuZ2xvYmFsLnBob25lLnRlbGVwaG9uZSJ9XQ==" style="">+32 50 33 06 75</div> 1821</div> 1822</div> 1823 <div id="a932d2eb" class="flex-element group" data-auto="flex-element-group"> <div id="9409844f" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1109642522"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1109642522" style=""> <h6 class="text-align-left"><span style="display: unset;">email</span></h6> 1824</div> 1825</div> 1826 <div id="829f79c8" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1121428134"> <div class="dmNewParagraph u_1121428134" data-element-type="paragraph" data-version="5" id="1121428134" data-diy-text="" data-binding="W3siYmluZGluZ05hbWUiOiJ0ZXh0IiwidmFsdWUiOiJjb250ZW50X2xpYnJhcnkuZ2xvYmFsLmVtYWlsLmVtYWlsIn1d" style="">[email protected]</div> 1827</div> 1828</div> 1829</div> 1830 <div id="group_5mc" class="flex-element group" data-auto="flex-element-group"> <div id="widget_ufn" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="divider" data-external-id="2595395054"> <div class="dmDividerWrapper clearfix u_2595395054" data-element-type="dDividerId" data-layout="divider-style-1" data-widget-version="2" id="2595395054"><hr class="dmDivider" style="border-width:2px; border-top-style:solid; color:grey;" id="1229337926"/></div> 1831</div> 1832 <div id="group_vom" class="flex-element group" data-auto="flex-element-group"> <div id="c0504b3a" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="custom" data-external-id="1056813044"> <div class="widget-1f5975 u_1056813044 dmCustomWidget" data-lazy-load="" data-title="" id="1056813044" dmle_extension="custom_extension" data-element-type="custom_extension" data-binding="W3siYmluZGluZ05hbWUiOiJjb3B5cmlnaHRUZXh0IiwidmFsdWUiOiJjb250ZW50X2xpYnJhcnkuZ2xvYmFsLmNvbXBhbnlfbmFtZSJ9XQ==" icon="false" surround="false" data-widget-id="1f5975986930429f819d4cd2154b5c4a" data-widget-version="25" data-widget-config="eyJyZXZlcnNlRmxhZyI6dHJ1ZSwiY29weXJpZ2h0VGV4dCI6IkImQiBOdW1iZXIgMTEifQ=="> <div class="copyright"> <div>B&B Number 11</div> 1833 <div> © 2026</div> 1834</div> 1835</div> 1836</div> 1837 <div id="63da2bfbeae8da42b2353a44" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="socialhub" data-external-id="1069507160"> <div class="align-center text-align-center u_1069507160 dmSocialHub gapSpacing" id="1069507160" dmle_extension="social_hub" data-element-type="social_hub" data-binding="W3siYmluZGluZ05hbWUiOiJzb2NpYWwiLCJ2YWx1ZSI6ImNvbnRlbn
1837RfbGlicmFyeS5nbG9iYWwuc29jaWFsIn1d" wr="true" networks="" icon="true" surround="true" adwords=""> <div class="socialHubWrapper"> <div class="socialHubInnerDiv "> <a href="https://facebook.com/number11brugge" target="_blank" dm_dont_rewrite_url="true" aria-label="facebook" onclick="dm_gaq_push_event && dm_gaq_push_event('socialLink', 'click', 'Facebook')"> <span class="dmSocialFacebook dm-social-icons-facebook oneIcon socialHubIcon style9" aria-hidden="true" data-hover-effect="opacity"></span> 1838</a> 1839 <a href="https://instagram.com/number11_exclusive_guesthouse/" 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 style9" aria-hidden="true" data-hover-effect="opacity"></span> 1840</a> 1841</div> 1842</div> 1843</div> 1844</div> 1845 <div id="widget_iar" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="ONELinksMenu" data-external-id="110138473"> <nav class="effect-bottom2 u_110138473 main-navigation unifiednav dmLinksMenu" role="navigation" layout-main="horizontal_nav_layout_1" layout-sub="submenu_horizontal_1" data-show-vertical-sub-items="HOVER" id="110138473" 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="/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> 1846</span> 1847</a> 1848</li> 1849 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/cookie-policy" class="unifiednav__item unav-item unav-top-item " target="" data-target-page-alias="cookie-policy"> <span class="nav-item-text " data-link-text="Cookie Policy" data-auto="page-text-style">Cookie Policy<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 1850</span> 1851</a> 1852</li> 1853 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/terms-and-conditions" class="unifiednav__item unav-item unav-top-item " target="" data-target-page-alias="terms-and-conditions"> <span class="nav-item-text " data-link-text="Terms and Conditions" data-auto="page-text-style">Terms and Conditions<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 1854</span> 1855</a> 1856</li> 1857 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/reservation-conditions" class="unifiednav__item unav-item unav-top-item " target="" data-target-page-alias="reservation-conditions"> <span class="nav-item-text " data-link-text="Reservation Conditions" data-auto="page-text-style">Reservation Conditions<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 1858</span> 1859</a> 1860</li> 1861</ul> 1862</nav> 1863</div> 1864</div> 1865</div> 1866</div> 1867</div> 1868</section> 1869</div> 1870</div> 1871</div> 1872 <div id="dmFlexStickyContainer" class="flex_hfcontainer"> <div id="flex-sticky"> <div data-layout-section="" data-auto="flex-section" id="1503768182" data-flex-id="6394be04"> <div class="flex-widgets-container" id="1062069677"></div> 1873 <section id="e53ab3e1" class="flex-element section" data-auto="flex-element-section"> <div id="8fe713cc" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="d18fcf34" class="flex-element group" data-auto="flex-element-group"> <div id="0a0a3590" class="flex-element group" data-auto="flex-element-group"> <div id="1d55dab4" class="flex-element inner-grid" data-auto="flex-element-inner-grid"></div> 1874</div> 1875</div> 1876</div> 1877</section> 1878</div> 1879</div> 1880</div> 1881</div> 1882</div> 1883</div> 1884</div> 1885</div> 1886</div> 1887 1888 </div> 1889</div> 1890<!-- Add full CSS and Javascript before the close tag of the body if needed --> 1891 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-mobile_implicit-flex-header-d46b195d36f24100b28f058c0d99250d">@media (max-width: 767px) { 1892}</style> 1893 <style data-page-uuid="aefa828932814a818ea0aea63b135882" id="grid-styles-mobile-63bd85219866cc362278151e-aefa828932814a818ea0aea63b135882">@media (max-width: 767px) { 1894 1895#\36 3bd85219866cc3622781521 { 1896 min-height: 80px; 1897 align-items: center; 1898 width: 100%; 1899} 1900 1901#\36 3bd85219866cc3622781520 { 1902 min-height: 0; 1903 flex-direction: column; 1904 padding-left: 4%; 1905 padding-right: 4%; 1906 flex-wrap: nowrap; 1907} 1908 1909#widget_mdk { 1910 height: 846px; 1911} 1912}</style> 1913 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-mobile-flex-footer-d46b195d36f24100b28f058c0d99250d">@media (max-width: 767px) { 1914 1915#flex-footer { 1916} 1917}</style> 1918 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-mobile-flex-header-d46b195d36f24100b28f058c0d99250d">@media (max-width: 767px) { 1919 1920#flex-header { 1921 1922} 1923}</style> 1924 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-mobile-c093187e-d46b195d36f24100b28f058c0d99250d">@media (max-width: 767px) { 1925 1926#\39 dc5a074 { 1927 min-height: 0px; 1928 flex-direction: row; 1929 flex-wrap: nowrap; 1930 padding: 0px 0% 0px 0%; 1931} 1932 1933#\37 80d21df {
1934 width: 2.13%; 1935 order: 0; 1936} 1937 1938#\37 64397de { 1939 align-items: center; 1940 width: 48%; 1941 order: 2; 1942 min-height: 8px; 1943} 1944 1945#\31 c1481e3 { 1946 margin: 0px 0% 0px 0%; 1947} 1948 1949#\36 fe0ae20 { 1950 align-items: center; 1951 order: 1; 1952 width: 48%; 1953 min-height: 8px; 1954} 1955 1956#\33 0c57710 { 1957 align-items: center; 1958 order: 3; 1959} 1960}</style> 1961 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-mobile-18f5ea00-d46b195d36f24100b28f058c0d99250d">@media (max-width: 767px) { 1962 1963#\39 d047ce9 { 1964 width: 100%; 1965 min-height: 62px; 1966 height: auto; 1967 padding-bottom: 6px; 1968} 1969 1970#a1f8711f { 1971 min-height: unset; 1972 flex-direction: column; 1973 padding-left: 4%; 1974 padding-right: 4%; 1975 padding-bottom: 4%; 1976} 1977}</style> 1978 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-mobile-63a049320d35b55b4ef2a372-d46b195d36f24100b28f058c0d99250d">@media (max-width: 767px) { 1979 1980#\36 3a049320d35b55b4ef2a374 { 1981 min-height: 535px; 1982 justify-content: flex-start; 1983 padding-top: 16px; 1984 width: 100%; 1985 height: auto; 1986} 1987 1988#\36 3a049320d35b55b4ef2a377 { 1989 min-height: unset; 1990 flex-direction: column; 1991 padding: 4% 4% 4% 4%; 1992} 1993 1994#\36 3a049ca0d35b55b4ef2a5c3 { 1995 align-self: flex-start; 1996 margin-left: 0px; 1997 margin-right: 0px; 1998} 1999}</style> 2000 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-mobile-6406026c90e1521f6ecb0eca-d46b195d36f24100b28f058c0d99250d">@media (max-width: 767px) { 2001 2002#\36 406026c90e1521f6ecb0ecd { 2003 min-height: 206px; 2004 justify-content: center; 2005 padding-bottom: 16px; 2006 width: 100%; 2007 height: auto; 2008} 2009 2010#\36 406026c90e1521f6ecb0ecc { 2011 min-height: unset; 2012 flex-direction: column; 2013 padding: 4% 4% 4% 4%; 2014} 2015 2016#widget_s4l { 2017 margin-left: 0px; 2018 margin-right: 0px; 2019} 2020}</style> 2021 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-mobile-63da2bddeae8da42b2353671-d46b195d36f24100b28f058c0d99250d">@media (max-width: 767px) { 2022 2023#\36 3da2bddeae8da42b2353673 { 2024 min-height: 0; 2025 flex-direction: column; 2026 row-gap: 0px; 2027 flex-wrap: nowrap; 2028 padding: 8% 4% 8% 4%; 2029} 2030 2031#\36 3da2bf2eae8da42b23538a2 { 2032 width: 100%; 2033 min-height: 80px; 2034 align-self: auto; 2035 order: 1; 2036 height: auto; 2037 column-gap: 4%; 2038 flex-direction: column; 2039 flex-wrap: nowrap; 2040} 2041 2042#group_5mc { 2043 width: 100%; 2044 min-height: 80px; 2045 order: 2; 2046 height: auto; 2047} 2048 2049#c0504b3a { 2050 width: auto; 2051} 2052 2053#group_diu { 2054 margin-right: 0%; 2055 margin-left: 0%; 2056 width: 100%; 2057} 2058 2059#\31 b227e4d { 2060 margin-right: 0%; 2061 margin-left: 0%; 2062 width: 100%; 2063} 2064 2065#a932d2eb { 2066 margin-right: 0%; 2067 margin-left: 0%; 2068 width: 100%; 2069} 2070}</style> 2071 <style data-page-uuid="d46b195d36f24100b28f058c0d99250d" data-is-header="true" id="grid-styles-mobile-6394be04-d46b195d36f24100b28f058c0d99250d">@media (max-width: 767px) { 2072 2073#d18fcf34 { 2074 min-height: 0; 2075 flex-direction: column; 2076 padding-left: 4%; 2077 padding-right: 4%; 2078 flex-wrap: nowrap; 2079} 2080 2081#\30 a0a3590 { 2082 width: 100%; 2083 min-height: 80px; 2084 align-items: center; 2085} 2086}</style> 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125<!-- ========= JS Section ========= -->
2126<script> 2127 var isWLR = true; 2128 2129 window.customWidgetsFunctions = {}; 2130 window.customWidgetsStrings = {}; 2131 window.collections = {}; 2132 window.currentLanguage = "ENGLISH" 2133 window.isSitePreview = false; 2134</script>
2134 2135 2136 2137
2138<script> 2139 window.customWidgetsFunctions["4b77e2d743e44a28a7118c9b67456426~18"] = function (element, data, api) { 2140 window.dmAPI.runOnReady('book-btn-widget', async () => { 2141 const anchor = element.querySelector('a'); 2142 2143 // Apply theme colors if enabled 2144 const useThemeColors = data.config['useThemeColors']; 2145 if (useThemeColors !== false && anchor) { 2146 const rootStyles = getComputedStyle(document.documentElement); 2147 const primaryColor = rootStyles.getPropertyValue('--primary-color').trim(); 2148 const primaryTextColor = rootStyles.getPropertyValue('--primary-text-color').trim(); 2149 2150 if (primaryColor) { 2151 anchor.style.setProperty('background-color', primaryColor, 'important'); 2152 } 2153 if (primaryTextColor) { 2154 anchor.style.setProperty('color', primaryTextColor, 'important'); 2155 } 2156 } 2157 2158 // Resolve the final URL â prefer IBE collection, fall back to configured link 2159 let resolvedUrl = anchor ? anchor.getAttribute('href') : null; 2160 2161 try { 2162 const collection = await dmAPI.loadCollectionsAPI(); 2163 const result = await collection.data('IBE').get(); 2164 2165 if (result && result.values && result.values.length > 0) { 2166 const firstRow = result.values[0].data; 2167 const dynamicUrl = firstRow['IBEurl']; 2168 if (dynamicUrl) { 2169 resolvedUrl = dynamicUrl; 2170 if (anchor) { 2171 anchor.setAttribute('raw_url', dynamicUrl); 2172 anchor.href = dynamicUrl; 2173 } 2174 } 2175 } 2176 } catch (e) { 2177 // IBE collection not available â use fallback link 2178 } 2179 2180 // Force new-tab open on left-click, bypassing the platform's internal router 2181 if (anchor) { 2182 anchor.setAttribute('target', '_blank'); 2183 anchor.setAttribute('rel', 'noopener noreferrer'); 2184 2185 anchor.addEventListener('click', (e) => { 2186 e.preventDefault(); 2187 e.stopPropagation(); 2188 const url = anchor.getAttribute('href') || resolvedUrl; 2189 if (url && url !== '#') { 2190 window.open(url, '_blank', 'noopener,noreferrer'); 2191 } 2192 }); 2193 } 2194}); 2195 2196 }; 2197</script>
2197 2198
2199<script> 2200 window.customWidgetsFunctions["97a95c369c4c403d92d29e42348fa217~33"] = function (element, data, api) { 2201 window.dmAPI.runOnReady('roomDetailsWidget', async () => { 2202 // All collection settings live inside the "collectionFields" group; fall back to top-level for backward compatibility 2203 const fields = data.config['collectionFields'] || data.config || {}; 2204 const collectionName = fields['collectionName'] || data.config['collectionName'] || ''; 2205 2206 // Extract the last segment of the page URL slug for matching against page_item_url field. 2207 // e.g. "/rooms/deluxe-room" â "deluxe-room" 2208 // Always use the URL slug on a live page, only fall back to manual filter if no slug is available. 2209 const slugSegment = window.location.pathname 2210 .replace(/\/+$/, '') // strip trailing slashes 2211 .split('/') 2212 .filter(Boolean) 2213 .pop() || ''; 2214 // Priority: URL slug > manual filter setting 2215 const roomFilter = slugSegment || fields['roomFilter'] || data.config['roomFilter'] || ''; 2216 const maxTags = parseInt(data.config['maxVisibleTags'] || '5', 10); 2217 const amenitiesField = fields['amenitiesField'] || data.config['amenitiesField'] || 'features'; 2218 const guestsField = fields['guestsField'] || data.config['guestsField'] || 'guests'; 2219 const nameField = fields['nameField'] || data.config['nameField'] || 'main_title_hero'; 2220 const descField = fields['descField'] || data.config['descField'] || 'hero_description'; 2221 const priceField = fields['priceField'] || data.config['priceField'] || 'price'; 2222 const imagesField = fields['imagesField'] || data.config['imagesField'] || 'image_gallery'; 2223 const mainImageField = fields['mainImageField'] || data.config['mainImageField'] || 'hero_image'; 2224 const buttonUrlField = fields['buttonUrlField'] || data.config['buttonUrlField'] || 'button_link'; 2225 const urlField = fields['urlField'] || data.config['urlField'] || 'page_item_url'; 2226 2227 const widget = element; 2228 const loadingEl = widget.querySelector('.room-loading'); 2229 const errorEl = widget.querySelector('.room-error'); 2230 const contentEl = widget.querySelector('.room-content'); 2231 const mainImgEl = widget.querySelector('.room-main-image'); 2232 const nameEl = widget.querySelector('.room-name'); 2233 const guestsEl = widget.querySelector('.room-guests-count'); 2234 const descEl = widget.querySelector('.room-description'); 2235 const tagsEl = widget.querySelector('.amenities-tags'); 2236 const showMoreBtn = widget.querySelector('.show-more-btn'); 2237 const showLessBtn = widget.querySelector('.show-less-btn'); 2238 const priceWrap = widget.querySelector('.room-price-wrap'); 2239 const priceEl = widget.querySelector('.room-price'); 2240 const gallerySection= widget.querySelector('.room-gallery-section'); 2241 const galleryTrack = widget.querySelector('.room-gallery-track'); 2242 const prevBtn = widget.querySelector('.gallery-prev'); 2243 const nextBtn = widget.querySelector('.gallery-next'); 2244 2245 // -- Helpers -- 2246 const show = el => el && (el.style.display = ''); 2247 const hide = el => el && (el.style.display = 'none'); 2248 2249 function showError() { 2250 hide(loadingEl); 2251 show(errorEl); 2252 hide(contentEl); 2253 } 2254 2255 // -- Fetch collection -- 2256 const isPreview = data.config['previewMode'] === true || data.config['previewMode'] === 'true'; 2257 if (!collectionName && !isPreview) { 2258 showError(); 2259 return; 2260 } 2261 2262 // -- Preview mode: inject sample data instead of fetching the collection -- 2263 let roomData = null; 2264 if (isPreview) { 2265 roomData = { 2266 [nameField]: 'Deluxe Ocean Suite', 2267 [guestsField]: '2 Guests', 2268 [descField]: 'Perched above the shimmering coastline, the Deluxe Ocean Suite is a sanctuary of calm and comfort. Floor-to-ceiling windows frame panoramic sea views, flooding the space with natural light from dawn to dusk. The suite features a king-size bed dressed in premium linens, a rainfall shower, a freestanding soaking tub, and a private terrace where you can sip your morning coffee to the sound of waves. Thoughtful touches â from handcrafted local artwork to a curated minibar â make every moment feel effortlessly luxurious.', 2269 [priceField]: '$320',
2270 [amenitiesField]: ['Ocean View', 'King Bed', 'Free Wi-Fi', 'Air Conditioning', 'Private Terrace', 'Rainfall Shower', 'Soaking Tub', 'Minibar', 'Room Service', 'Smart TV', 'Safe', 'Bathrobe & Slippers'], 2271 [mainImageField]: 'https://de-image-res.s3.amazonaws.com/cwdt/97a95c369c4c403d92d29e42348fa217/images/6ee2f64c-ac47-4002-8e90-221cba4e4b83.png', 2272 [imagesField]: [], 2273 [buttonUrlField]: '', 2274 [urlField]: '' 2275 }; 2276 } else { 2277 try { 2278 const collection = await dmAPI.loadCollectionsAPI(); 2279 2280 // Get current site language for multilingual collections 2281 const currentLang = dmAPI.getCurrentLanguage ? dmAPI.getCurrentLanguage() : null; 2282 2283 // Build base query with language support 2284 let baseQuery = collection.data(collectionName); 2285 if (currentLang) { 2286 baseQuery = baseQuery.language(currentLang); 2287 } 2288 2289 // Get all items 2290 const allItems = await baseQuery.pageSize(100).get(); 2291 2292 // Always try to filter if we have a room filter value 2293 if (roomFilter) { 2294 // Since the collection doesn't allow filtering on page_item_url, 2295 // we'll fetch all items and filter in JavaScript 2296 2297 // Find the matching room from the items we already fetched 2298 const matchedItem = allItems.values.find(item => item.data[urlField] === roomFilter); 2299 2300 if (matchedItem) { 2301 roomData = matchedItem.data; 2302 } else { 2303 // Use first item as fallback 2304 if (allItems.values.length > 0) { 2305 roomData = allItems.values[0].data; 2306 } else { 2307 showError(); 2308 return; 2309 } 2310 } 2311 } else { 2312 // No filter - show first item (preview mode) 2313 if (allItems && allItems.values && allItems.values.length > 0) { 2314 roomData = allItems.values[0].data; 2315 } else { 2316 showError(); 2317 return; 2318 } 2319 } 2320 } catch (e) { 2321 showError(); 2322 return; 2323 } 2324 } 2325 2326 // -- Populate content -- 2327 // Name 2328 nameEl.textContent = roomData[nameField] || 'Room'; 2329 2330 // Guests 2331 const guests = roomData[guestsField]; 2332 if (guests !== undefined && guests !== null && guests !== '') { 2333 guestsEl.textContent = guests; 2334 } else { 2335 widget.querySelector('.room-meta').style.display = 'none'; 2336 } 2337 2338 // Description 2339 const desc = roomData[descField] || ''; 2340 descEl.innerHTML = desc; 2341 2342 // Show more / show less for description 2343 const descShowMoreBtn = widget.querySelector('.desc-show-more-btn'); 2344 const descShowLessBtn = widget.querySelector('.desc-show-less-btn'); 2345 2346 // Wait for layout then check if text is actually clamped 2347 const descLineCount = parseInt(data.config['descLines'] || '5', 10); 2348 setTimeout(() => { 2349 descEl.style.webkitLineClamp = descLineCount; 2350 descEl.classList.add('is-collapsed'); 2351 // scrollHeight > clientHeight means content is taller than the clamped area 2352 if (descEl.scrollHeight > descEl.clientHeight + 2) { 2353 descShowMoreBtn.style.display = 'block'; 2354 } else { 2355 descEl.classList.remove('is-collapsed'); 2356 } 2357 }, 120); 2358 2359 descShowMoreBtn.addEventListener('click', () => { 2360 // If description was moved to overflow section, move it back first 2361 const overflowSectionEl = widget.querySelector('.room-overflow'); 2362 const descWrap = widget.querySelector('.room-description-wrap'); 2363 if (descWrap && overflowSectionEl && overflowSectionEl.contains(descWrap)) { 2364 // Find anchor: insert before price wrap or amenities, or append to room-info 2365 const roomInfoRefEl = widget.querySelector('.room-info'); 2366 const priceWrapRefEl = widget.querySelector('.room-price-wrap'); 2367 const amenitiesRefEl = widget.querySelector('.room-amenities'); 2368 const anchor = amenitiesRefEl || priceWrapRefEl; 2369 if (anchor && roomInfoRefEl && roomInfoRefEl.contains(anchor)) { 2370 roomInfoRefEl.insertBefore(descWrap, anchor); 2371 } else if (roomInfoRefEl) { 2372 roomInfoRefEl.appendChild(descWrap); 2373 } 2374 overflowSectionEl.style.display = 'none'; 2375 } 2376 descEl.classList.remove('is-collapsed'); 2377 descShowMoreBtn.style.display = 'none'; 2378 descShowLessBtn.style.display = 'block'; 2379 }); 2380 2381 descShowLessBtn.addEventListener('click', () => { 2382 descEl.classList.add('is-collapsed'); 2383 descShowLessBtn.style.display = 'none'; 2384 descShowMoreBtn.style.display = 'block'; 2385 }); 2386 2387 // Price 2388 const price = roomData[priceField]; 2389 if (price !== undefined && price !== null && price !== '') { 2390 priceEl.textContent = price; 2391 show(priceWrap); 2392 } 2393 2394 // Amenities / tags 2395 let amenities = roomData[amenitiesField]; 2396 if (amenities) { 2397 if (typeof amenities === 'string') {
2398 // Support comma-separated string 2399 amenities = amenities.split(',').map(a => a.trim()).filter(Boolean); 2400 } 2401 if (Array.isArray(amenities) && amenities.length > 0) { 2402 const allTags = amenities; 2403 let expanded = false; 2404 2405 function renderTags(showAll) { 2406 tagsEl.innerHTML = ''; 2407 const visible = showAll ? allTags : allTags.slice(0, maxTags); 2408 visible.forEach(tag => { 2409 const span = document.createElement('span'); 2410 span.className = 'amenity-tag'; 2411 span.textContent = tag; 2412 tagsEl.appendChild(span); 2413 }); 2414 if (allTags.length > maxTags) { 2415 if (showAll) { 2416 hide(showMoreBtn); 2417 show(showLessBtn); 2418 } else { 2419 show(showMoreBtn); 2420 hide(showLessBtn); 2421 } 2422 } 2423 } 2424 2425 renderTags(false); 2426 2427 showMoreBtn.addEventListener('click', () => { 2428 expanded = true; 2429 renderTags(true); 2430 }); 2431 showLessBtn.addEventListener('click', () => { 2432 expanded = false; 2433 renderTags(false); 2434 }); 2435 } 2436 } 2437 2438 // -- Images -- 2439 let images = []; // gallery images only 2440 2441 // Helper: normalise a single raw value (string or object) to { src, alt } 2442 function normaliseImage(raw, fallbackAlt) { 2443 if (!raw) return null; 2444 if (typeof raw === 'string') { 2445 const s = raw.trim(); 2446 return s ? { src: s, alt: fallbackAlt } : null; 2447 } 2448 if (typeof raw === 'object') { 2449 // Support { image, alt_text }, { src, alt }, { url }, { href } 2450 const src = raw.image || raw.src || raw.url || raw.href || ''; 2451 const alt = raw.alt_text || raw.alt || fallbackAlt; 2452 return src ? { src, alt } : null; 2453 } 2454 return null; 2455 } 2456 2457 const roomName = roomData[nameField] || 'Room'; 2458 2459 // -- Main image (always independent of gallery) -- 2460 const mainImg = roomData[mainImageField]; 2461 const mainImgObj = normaliseImage(mainImg, roomName + ' image'); 2462 if (mainImgObj) { 2463 mainImgEl.src = mainImgObj.src; 2464 mainImgEl.alt = mainImgObj.alt; 2465 // Add error handler to prevent console errors 2466 mainImgEl.onerror = function() { 2467 this.onerror = null; 2468 this.src = 'https://de-image-res.s3.amazonaws.com/cwdt/97a95c369c4c403d92d29e42348fa217/images/0ecf78c3-3248-4c97-bede-ca8bf8d40980.png'; 2469 }; 2470 } else { 2471 mainImgEl.src = 'https://de-image-res.s3.amazonaws.com/cwdt/97a95c369c4c403d92d29e42348fa217/images/0ecf78c3-3248-4c97-bede-ca8bf8d40980.png'; 2472 mainImgEl.alt = 'Room image'; 2473 } 2474 2475 // -- Gallery images (separate from main image) -- 2476 const rawImages = roomData[imagesField]; 2477 if (rawImages) { 2478 if (Array.isArray(rawImages)) { 2479 rawImages.forEach((item, i) => { 2480 const img = normaliseImage(item, roomName + ' photo ' + (i + 1)); 2481 if (img) images.push(img); 2482 }); 2483 } else if (typeof rawImages === 'string' && rawImages.trim()) { 2484 rawImages.split(',').map(s => s.trim()).filter(Boolean).forEach((src, i) => { 2485 images.push({ src, alt: roomName + ' photo ' + (i + 1) }); 2486 }); 2487 } 2488 } 2489 2490 // If gallery has 2 or fewer images, combine with main image 2491 let combinedImages = []; 2492 let showGallery = false; 2493 2494 if (images.length <= 2) { 2495 // Combine main image + gallery images for the hero/lightbox 2496 if (mainImgObj) { 2497 combinedImages.push(mainImgObj); 2498 } 2499 combinedImages = combinedImages.concat(images); 2500 showGallery = false; // Hide separate gallery section 2501 } else { 2502 // Show separate gallery as before 2503 combinedImages = images; 2504 showGallery = true; 2505 } 2506 2507 // Gallery: show if there are 3+ gallery images, OR use combined for lightbox 2508 if (combinedImages.length > 0) { 2509 // Lightbox elements 2510 const lightbox = widget.querySelector('.gallery-lightbox'); 2511 const lightboxImg = widget.querySelector('.lightbox-img'); 2512 const lightboxClose = widget.querySelector('.lightbox-close'); 2513 const lightboxPrev = widget.querySelector('.lightbox-prev'); 2514 const lightboxNext = widget.querySelector('.lightbox-next'); 2515 const lightboxCtr = widget.querySelector('.lightbox-counter'); 2516 const lightboxBack = widget.querySelector('.lightbox-backdrop'); 2517 let lightboxIndex = 0; 2518 2519 function openLightbox(index) { 2520 lightboxIndex = index; 2521 lightboxImg.src = combinedImages[lightboxIndex].src;
2522 lightboxImg.alt = combinedImages[lightboxIndex].alt; 2523 lightboxCtr.textContent = (lightboxIndex + 1) + ' / ' + combinedImages.length; 2524 lightboxPrev.disabled = lightboxIndex === 0; 2525 lightboxNext.disabled = lightboxIndex === combinedImages.length - 1; 2526 lightbox.style.display = 'flex'; 2527 document.body.style.overflow = 'hidden'; 2528 } 2529 2530 function closeLightbox() { 2531 lightbox.style.display = 'none'; 2532 document.body.style.overflow = ''; 2533 } 2534 2535 lightboxClose.addEventListener('click', closeLightbox); 2536 lightboxBack.addEventListener('click', closeLightbox); 2537 2538 lightboxPrev.addEventListener('click', () => { 2539 if (lightboxIndex > 0) openLightbox(lightboxIndex - 1); 2540 }); 2541 2542 lightboxNext.addEventListener('click', () => { 2543 if (lightboxIndex < combinedImages.length - 1) openLightbox(lightboxIndex + 1); 2544 }); 2545 2546 document.addEventListener('keydown', (e) => { 2547 if (lightbox.style.display === 'none') return; 2548 if (e.key === 'Escape') closeLightbox(); 2549 if (e.key === 'ArrowLeft' && lightboxIndex > 0) openLightbox(lightboxIndex - 1); 2550 if (e.key === 'ArrowRight' && lightboxIndex < combinedImages.length - 1) openLightbox(lightboxIndex + 1); 2551 }); 2552 2553 // If 2 or fewer gallery images, create a carousel in the hero area 2554 if (!showGallery && combinedImages.length > 1) { 2555 // Hide the static main image 2556 mainImgEl.style.display = 'none'; 2557 2558 // Create hero carousel container 2559 const heroCarousel = document.createElement('div'); 2560 heroCarousel.className = 'hero-carousel'; 2561 heroCarousel.style.position = 'relative'; 2562 heroCarousel.style.width = '100%'; 2563 heroCarousel.style.height = '380px'; 2564 heroCarousel.style.borderRadius = 'var(--main-img-radius)'; 2565 heroCarousel.style.overflow = 'hidden'; 2566 2567 // Create track for hero images 2568 const heroTrack = document.createElement('div'); 2569 heroTrack.style.display = 'flex'; 2570 heroTrack.style.height = '100%'; 2571 heroTrack.style.transition = 'transform 0.4s ease'; 2572 2573 // Add all combined images to hero track 2574 combinedImages.forEach((imgObj, idx) => { 2575 const imgWrap = document.createElement('div'); 2576 imgWrap.style.flex = '0 0 100%'; 2577 imgWrap.style.height = '100%'; 2578 2579 const img = document.createElement('img'); 2580 img.src = imgObj.src; 2581 img.alt = imgObj.alt; 2582 img.style.width = '100%'; 2583 img.style.height = '100%'; 2584 img.style.objectFit = 'cover'; 2585 img.style.display = 'block'; 2586 img.style.cursor = 'zoom-in'; 2587 img.addEventListener('click', () => openLightbox(idx)); 2588 2589 imgWrap.appendChild(img); 2590 heroTrack.appendChild(imgWrap); 2591 }); 2592 2593 heroCarousel.appendChild(heroTrack); 2594 2595 // Create navigation buttons below the hero carousel (same style as fill gallery nav) 2596 const heroNavWrap = document.createElement('div'); 2597 heroNavWrap.className = 'room-gallery-nav'; 2598 2599 const heroPrevBtn = document.createElement('button'); 2600 heroPrevBtn.className = 'gallery-prev'; 2601 heroPrevBtn.setAttribute('aria-label', 'Previous image'); 2602 heroPrevBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>'; 2603 2604 const heroNextBtn = document.createElement('button'); 2605 heroNextBtn.className = 'gallery-next'; 2606 heroNextBtn.setAttribute('aria-label', 'Next image'); 2607 heroNextBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"/></svg>'; 2608 2609 heroNavWrap.appendChild(heroPrevBtn); 2610 heroNavWrap.appendChild(heroNextBtn); 2611 2612 // Insert hero carousel and nav below it inside the main image wrap 2613 const mainImgWrap = widget.querySelector('.room-main-image-wrap'); 2614 mainImgWrap.appendChild(heroCarousel); 2615 mainImgWrap.appendChild(heroNavWrap); 2616 2617 // Hero carousel logic 2618 let heroIndex = 0; 2619 2620 function updateHeroCarousel() { 2621 heroTrack.style.transform = `translateX(-${heroIndex * 100}%)`; 2622 heroPrevBtn.disabled = heroIndex === 0; 2623 heroNextBtn.disabled = heroIndex === combinedImages.length - 1; 2624 } 2625 2626 heroPrevBtn.addEventListener('click', () => { 2627 if (heroIndex > 0) { 2628 heroIndex--; 2629 updateHeroCarousel(); 2630 } 2631 }); 2632 2633 heroNextBtn.addEventListener('click', () => { 2634 if (heroIndex < combinedImages.length - 1) { 2635 heroIndex++; 2636 updateHeroCarousel(); 2637 } 2638 }); 2639 2640 updateHeroCarousel(); 2641 } else if (!showGallery && combinedImages.length === 1) { 2642 // Single image - just make it clickable 2643 mainImgEl.style.cursor = 'zoom-in'; 2644 mainImgEl.addEventListener('click', () => openLightbox(0)); 2645 } 2646 2647 // Build gallery items (clickable) - only if showing separate gallery 2648 if (showGallery) {
2649 combinedImages.forEach((imgObj, idx) => { 2650 const div = document.createElement('div'); 2651 div.className = 'gallery-item'; 2652 const img = document.createElement('img'); 2653 img.src = imgObj.src; 2654 img.alt = imgObj.alt; 2655 // Add error handler for gallery images 2656 img.onerror = function() { 2657 this.style.display = 'none'; 2658 this.parentElement.style.display = 'none'; 2659 }; 2660 img.addEventListener('click', () => openLightbox(idx)); 2661 div.appendChild(img); 2662 galleryTrack.appendChild(div); 2663 }); 2664 2665 show(gallerySection); 2666 2667 // Carousel logic: show 3 at a time 2668 const visibleCount = 3; 2669 let currentIndex = 0; 2670 const totalItems = combinedImages.length; 2671 2672 function getItemWidth() { 2673 const item = galleryTrack.querySelector('.gallery-item'); 2674 if (!item) return 0; 2675 const gap = 16; 2676 return item.offsetWidth + gap; 2677 } 2678 2679 function updateCarousel() { 2680 const itemW = getItemWidth(); 2681 galleryTrack.style.transform = `translateX(-${currentIndex * itemW}px)`; 2682 prevBtn.disabled = currentIndex === 0; 2683 nextBtn.disabled = currentIndex >= totalItems - visibleCount; 2684 } 2685 2686 prevBtn.addEventListener('click', () => { 2687 if (currentIndex > 0) { 2688 currentIndex--; 2689 updateCarousel(); 2690 } 2691 }); 2692 2693 nextBtn.addEventListener('click', () => { 2694 if (currentIndex < totalItems - visibleCount) { 2695 currentIndex++; 2696 updateCarousel(); 2697 } 2698 }); 2699 2700 // Init after a short delay for layout 2701 setTimeout(updateCarousel, 50); 2702 window.addEventListener('resize', () => { 2703 if (currentIndex > totalItems - visibleCount) { 2704 currentIndex = Math.max(0, totalItems - visibleCount); 2705 } 2706 updateCarousel(); 2707 }); 2708 } 2709 } 2710 2711 // -- Collection button URL override -- 2712 // If the collection record has a URL in buttonUrlField, use it for the booking button (opens in new tab). 2713 const collectionBtnUrl = roomData[buttonUrlField]; 2714 if (collectionBtnUrl) { 2715 const bookBtn = widget.querySelector('a[data-link], .room-cta a'); 2716 if (bookBtn) { 2717 bookBtn.href = collectionBtnUrl; 2718 bookBtn.target = '_blank'; 2719 bookBtn.rel = 'noopener noreferrer'; 2720 } else { 2721 // If the Handlebars link wasn't rendered (no bookingLink set), create the button dynamically 2722 const ctaEl = widget.querySelector('.room-cta'); 2723 if (!ctaEl) { 2724 const ctaDiv = document.createElement('div'); 2725 ctaDiv.className = 'room-cta'; 2726 const btnText = data.config['bookingBtnText'] || 'Book Now'; 2727 const a = document.createElement('a'); 2728 a.href = collectionBtnUrl; 2729 a.target = '_blank'; 2730 a.rel = 'noopener noreferrer'; 2731 a.className = 'room-book-btn'; 2732 a.textContent = btnText; 2733 ctaDiv.appendChild(a); 2734 widget.querySelector('.room-info').appendChild(ctaDiv); 2735 } else { 2736 const existingLink = ctaEl.querySelector('a'); 2737 if (existingLink) { 2738 existingLink.href = collectionBtnUrl; 2739 existingLink.target = '_blank'; 2740 existingLink.rel = 'noopener noreferrer'; 2741 } 2742 } 2743 } 2744 } 2745 2746 // -- Handle text overflow: move long content below the hero -- 2747 const overflowSection = widget.querySelector('.room-overflow'); 2748 const roomInfoEl = widget.querySelector('.room-info'); 2749 const mainImageWrapEl = widget.querySelector('.room-main-image-wrap'); 2750 2751 function checkOverflow() { 2752 // Only run on desktop (side-by-side layout) 2753 if (window.innerWidth <= 767) return; 2754 2755 // Use the actual rendered image height as the reference 2756 const imageHeight = mainImgEl.offsetHeight || 380; 2757 2758 // Measure only the description wrapper's rendered height 2759 const descriptionEl = roomInfoEl.querySelector('.room-description-wrap'); 2760 if (!descriptionEl) return; 2761 2762 // Get the top position of description relative to the info panel top 2763 const infoPanelTop = roomInfoEl.getBoundingClientRect().top; 2764 const descBottom = descriptionEl.getBoundingClientRect().bottom; 2765 const contentUsed = descBottom - infoPanelTop; 2766 2767 // Only move content if the description alone already exceeds the image height 2768 if (contentUsed > imageHeight) { 2769 const elementsToMove = [ 2770 roomInfoEl.querySelector('.room-description-wrap'),
2771 ].filter(Boolean); 2772 2773 if (elementsToMove.length > 0) { 2774 elementsToMove.forEach(el => overflowSection.appendChild(el)); 2775 overflowSection.style.display = ''; 2776 } 2777 } 2778 } 2779 2780 // Run after layout settles 2781 setTimeout(checkOverflow, 100); 2782 2783 // -- Show content -- 2784 hide(loadingEl); 2785 hide(errorEl); 2786 contentEl.style.display = ''; 2787}); 2788 2789 }; 2790</script>
2790 2791
2792<script> 2793 window.customWidgetsFunctions["1f5975986930429f819d4cd2154b5c4a~25"] = function (element, data, api) { 2794 null 2795 }; 2796</script>
2796 2797 2798
2799<script type="text/javascript"> 2800 2801 var d_version = "production_6787"; 2802 var build = "2026-09-17T10_53_24"; 2803 window['v' + 'ersion'] = d_version; 2804 2805 function buildEditorParent() { 2806 window.isMultiScreen = true; 2807 window.editorParent = {}; 2808 window.previewParent = {}; 2809 window.assetsCacheQueryParam = "?version=2026-09-17T10_53_24"; 2810 try { 2811 var _p = window.parent; 2812 if (_p && _p.document && _p.$ && _p.$.dmfw) { 2813 window.editorParent = _p; 2814 } else if (_p.isSitePreview) { 2815 window.previewParent = _p; 2816 } 2817 } catch (e) { 2818 2819 } 2820 } 2821 2822 buildEditorParent(); 2823</script>
2823 2824 2825 2826 2827<!-- Injecting site-wide before scripts --> 2828 2829
2830<script src="https://app.termly.io/resource-blocker/591f963d-1896-4cc6-abff-45b8d600814d?autoBlock=on" data-swh-uuid="a915fe5762c340ed8bb0860467d04718"> 2831</script>
2831 2832 2833 2834 2835 2836 2837 2838 2839 2840 2841 2842 2843 2844 2845 2846 2847 2848 2849
2850<script type="text/javascript" id="d_track_campaign"> 2851 (function() { 2852 if (!window.location.search) { 2853 return; 2854 } 2855 const cleanParams = window.location.search.substring(1); // Strip ? 2856 const queryParams = cleanParams.split('&'); 2857 2858 const expires = 'expires=' + new Date().getTime() + 24 * 60 * 60 * 1000; 2859 const domain = 'domain=' + window.location.hostname; 2860 const path = "path=/"; 2861 2862 queryParams.forEach((param) => { 2863 const [key, value = ''] = param.split('='); 2864 if (key.startsWith('utm_')) { 2865 const cookieName = "_dm_rt_" + key.substring(4); 2866 const cookie = cookieName + "=" + value; 2867 const joined = [cookie, expires, domain, path].join(";"); 2868 document.cookie = joined; 2869 } 2870 }); 2871 }()); 2872</script>
vendor: 1 bytes, line 2872
2872
2873<script type="text/javascript" id="d_track_referrer"> 2874 (function() { 2875 const cookieName = '_dm_entry_referrer'; 2876 const referrer = document.referrer; 2877 if (!referrer) { 2878 return; 2879 } 2880 let referrerOrigin; 2881 try { 2882 referrerOrigin = new URL(referrer).origin; 2883 } catch (e) { 2884 return; 2885 } 2886 // 'null' is what an opaque origin (sandboxed iframe, file://) serializes to. 2887 if (!referrerOrigin || referrerOrigin === 'null' || referrerOrigin === window.location.origin) { 2888 return; 2889 } 2890 try { 2891 const existing = document.cookie 2892 .split('; ') 2893 .find((candidate) => candidate.indexOf(cookieName + '=') === 0); 2894 if (existing && decodeURIComponent(existing.slice(cookieName.length + 1))) { 2895 return; 2896 } 2897 // No expiry: session-scoped, matching the _dm_rt_ cookies above that a submission 2898 // reads alongside this one (session-scoped in practice â see FBN-5389). 2899 const secure = window.location.protocol === 'https:' ? ';Secure' : ''; 2900 document.cookie = cookieName + '=' + encodeURIComponent(referrerOrigin) 2901 + ';path=/;SameSite=Lax' + secure; 2902 } catch (e) { 2903 return; 2904 } 2905 }()); 2906</script>
2906 2907
2908<script type="text/javascript" > 2909 var _dm_gaq = {}; 2910 var _gaq = _gaq || []; 2911 var _dm_insite = []; 2912</script>
2912 2913 2914 2915 2916 2917 2918 2919 2920<!-- End Injecting site-wide to the head --> 2921 2922 2923 2924 2925 2926
2927<script> 2928 window.cookiesNotificationMarkupPreview = 'null'; 2929</script>
2929 2930 2931<!-- HEAD RT JS Include -->
2932<script id='d-js-params'> 2933 window.INSITE = window.INSITE || {}; 2934 window.INSITE.device = "desktop"; 2935 2936 window.rtCommonProps = {}; 2937 rtCommonProps["rt.ajax.ajaxScriptsFix"] =true; 2938 rtCommonProps["rt.pushnotifs.sslframe.encoded"] = 'aHR0cHM6Ly97c3ViZG9tYWlufS5wdXNoLW5vdGlmcy5jb20='; 2939 rtCommonProps["runtimecollector.url"] = 'https://rtc.eu-multiscreensite.com'; 2940 rtCommonProps["performance.tabletPreview.removeScroll"] = 'false'; 2941 rtCommonProps["inlineEditGrid.snap"] =true; 2942 rtCommonProps["popup.insite.cookie.ttl"] = '0.5'; 2943 rtCommonProps["rt.pushnotifs.force.button"] =true; 2944 rtCommonProps["common.mapbox.token"] = 'pk.eyJ1IjoiZGFubnliMTIzIiwiYSI6ImNqMGljZ256dzAwMDAycXBkdWxwbDgzeXYifQ.Ck5P-0NKPVKAZ6SH98gxxw'; 2945 rtCommonProps["common.mapbox.js.override"] =false; 2946 rtCommonProps["common.here.appId"] = 'iYvDjIQ2quyEu0rg0hLo'; 2947 rtCommonProps["common.here.appCode"] = '1hcIxLJcbybmtBYTD9Z1UA'; 2948 rtCommonProps["isCoverage.test"] =false; 2949 rtCommonProps["ecommerce.ecwid.script"] = 'https://app.multiscreenstore.com/script.js'; 2950 rtCommonProps["common.resources.dist.cdn"] =true; 2951 rtCommonProps["common.build.dist.folder"] = 'production/6787'; 2952 rtCommonProps["common.resources.cdn.host"] = 'https://static.cdn-website.com'; 2953 rtCommonProps["common.resources.folder"] = 'https://static.cdn-website.com/mnlt/production/6787'; 2954 rtCommonProps["common.fonts.api.v2.url"] = 'https://de.cdn-website.com/fonts/css2?family='; 2955 rtCommonProps["feature.flag.runtime.backgroundSlider.preload.slowly"] =true; 2956 rtCommonProps["feature.flag.runtime.newAnimation.enabled"] =true; 2957 rtCommonProps["feature.flag.runtime.newAnimation.jitAnimation.enabled"] =true; 2958 rtCommonProps["feature.flag.sites.google.analytics.gtag"] =true; 2959 rtCommonProps["feature.flag.runOnReadyNewTask"] =true; 2960 rtCommonProps["isAutomation.test"] =false; 2961 rtCommonProps["booking.cal.api.domain"] = 'api.cal.eu'; 2962 2963 2964 rtCommonProps['common.mapsProvider'] = 'mapbox'; 2965 2966 rtCommonProps['common.mapsProvider.version'] = '0.52.0'; 2967 rtCommonProps['common.geocodeProvider'] = 'mapbox'; 2968 rtCommonProps['server.for.resources'] = ''; 2969 rtCommonProps['feature.flag.lazy.widgets'] = true; 2970 rtCommonProps['feature.flag.single.wow'] = false; 2971 rtCommonProps['feature.flag.disallowPopupsInEditor'] = true; 2972 rtCommonProps['feature.flag.mark.anchors'] = true; 2973 rtCommonProps['captcha.public.key'] = '6LffcBsUAAAAAMU-MYacU-6QHY4iDtUEYv_Ppwlz'; 2974 rtCommonProps['captcha.invisible.public.key'] = '6LeiWB8UAAAAAHYnVJM7_-7ap6bXCUNGiv7bBPME'; 2975 rtCommonProps["images.sizes.small"] =160; 2976 rtCommonProps["images.sizes.mobile"] =640; 2977 rtCommonProps["images.sizes.tablet"] =1280; 2978 rtCommonProps["images.sizes.desktop"] =1920; 2979 rtCommonProps["modules.resources.cdn"] =true; 2980 rtCommonProps["import.images.storage.imageCDN"] = 'https://le-de.cdn-website.com/'; 2981 rtCommonProps["feature.flag.runtime.inp.threshold"] =150; 2982 rtCommonProps["feature.flag.performance.logs"] =false; 2983 rtCommonProps["site.widget.form.captcha.type"] = 'g_recaptcha'; 2984 rtCommonProps["friendly.captcha.site.key"] = 'FCMGSQG9GVNMFS8K'; 2985 rtCommonProps["cookiebot.mapbox.consent.category"] = 'marketing'; 2986 rtCommonProps["termly.mapbox.consent.category"] = 'performance'; 2987 // feature flags that's used out of runtime module (in legacy files) 2988 rtCommonProps["platform.monolith.personalization.dateTimeCondition.popupMsgAction.moveToclient.enabled"] =true; 2989 2990 window.rtFlags = {}; 2991 rtFlags["unsuspendEcwidStoreOnRuntime.enabled"] =false; 2992 rtFlags["scripts.widgetCount.enabled"] =true; 2993 rtFlags["fnb.animations.tracking.enabled"] =true; 2994 rtFlags["ecom.ecwidNewUrlStructure.enabled"] = false; 2995 rtFlags["ecom.ecwid.accountPage.emptyBaseUrl.enabled"] = true; 2996 rtFlags["ecom.ecwid.accountPage.repeatOrderRedirect.enabled"] = false; 2997 rtFlags["ecom.ecwid.pages.links.disable.listeners"] = true; 2998 rtFlags["ecom.ecwid.storefrontV3.enabled"] = false; 2999 rtFlags["ecom.monolith.legacy.js.api.disabled.for.new.sites"] = false; 3000 rtFlags["geocode.search.localize"] =false; 3001 rtFlags["feature.flag.runtime.newAnimation.asyncInit.setTimeout.enabled"] =false; 3002 rtFlags["twitter.heightLimit.enabled"] = true; 3003 rtFlags["runtime.lottieOverflow"] =false; 3004 rtFlags["runtime.monitoring.sentry.ignoreErrors"] = ""; 3005 rtFlags["streamline.monolith.personalization.supportMultipleConditions.enabled"] =false; 3006 rtFlags["flex.animation.design.panel.layout"] =true; 3007 rtFlags["runtime.cwv.report.cls.enabled"] =false; 3008 rtFlags["runtime.cwv.report.lcp.enabled"] =false; 3009 rtFlags["runtime.lcp.preload.selfheal.enabled"] =true; 3010 rtFlags["runtime.lcp.preload.bootstrap.enabled"] =true; 3011 rtFlags["runtime.lcp.preload.monitor.enabled"] =false; 3012 rtFlags["runtime.customwidget.heightpin.enabled"] =true; 3013 rtFlags["contact.form.useActiveForm"] =true; 3014 rtFlags["contact.form.custom.errors.enabled"] =false; 3015 rtFlags["runtime.ssr.productStore.internal.observer"] =true;
3016 rtFlags["runtime.ssr.productCustomizations"] =true; 3017 rtFlags["runtime.ssr.runtime.filter-sort.newFilterSortWidgetWithOptions.enabled"] =true; 3018 rtFlags["runtime.ssr.ssrSlider.jumpThreshold.enabled"] =true; 3019 rtFlags["termly.map.consent.overlay.enabled"] =false; 3020 rtFlags["editor.widget.form.a11y"] =true; 3021</script>
vendor: 1 bytes, line 3021
3021
3022<script src="https://static.cdn-website.com/mnlt/production/6787/_dm/s/rt/dist/scripts/d-js-runtime-flex-package.min.js" id="d-js-core" defer></script>
3022 3023 3024<!-- End of HEAD RT JS Include --> 3025 3026 3027 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038
3039<script> 3040 document.addEventListener('DOMContentLoaded', () => 3041 window.runtime.initLayout() 3042 ); 3043</script>
3043 3044 3045 3046 3047 3048 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062
3063<script type="text/javascript" id="d_track_sp"> 3064 ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[]; 3065 p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments) 3066 };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1; 3067 n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,"script","//d3uzsv7k2lpopp.cloudfront.net/sp-2.0.0-dm-0.1.min.js","snowplow")); 3068 window.dmsnowplow = window.snowplow; 3069 3070 dmsnowplow('newTracker', 'cf', 'd3uzsv7k2lpopp.cloudfront.net', { // Initialise a tracker 3071 appId: '63d3167ee5ed4e53a62fff28b0a62f64' 3072 }); 3073 3074 // snowplow queries element styles so we wait until CSS calculations are done. 3075 requestAnimationFrame(() => { 3076 dmsnowplow('trackPageView'); 3077 _dm_insite.forEach((rule) => { 3078 // Specifically in popup only the client knows if it is shown or not so we don't always want to track its impression here 3079 // the tracking is in popup.js 3080 if (rule.actionName !== "popup") { 3081 dmsnowplow('trackStructEvent', 'insite', 'impression', rule.ruleType, rule.ruleId); 3082 } 3083 window?.waitForDeferred?.('dmAjax', () => { 3084 $.DM.events.trigger('event-ruleTriggered', {value: rule}); 3085 }); 3086 }); 3087 }); 3088</script>
3088 3089 3090 3091 3092<div style="display:none;" id="P6iryBW0Wu"></div> 3093 3094<!-- photoswipe markup --> 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104<!-- Root element of PhotoSwipe. Must have class pswp. --> 3105<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 3106 3107 <!-- Background of PhotoSwipe. 3108 It's a separate element as animating opacity is faster than rgba(). --> 3109 <div class="pswp__bg"></div> 3110 3111 <!-- Slides wrapper with overflow:hidden. --> 3112 <div class="pswp__scroll-wrap"> 3113 3114 <!-- Container that holds slides. 3115 PhotoSwipe keeps only 3 of them in the DOM to save memory. 3116 Don't modify these 3 pswp__item elements, data is added later on. --> 3117 <div class="pswp__container"> 3118 <div class="pswp__item"></div> 3119 <div class="pswp__item"></div> 3120 <div class="pswp__item"></div> 3121 </div> 3122 3123 <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> 3124 <div class="pswp__ui pswp__ui--hidden"> 3125 3126 <div class="pswp__top-bar"> 3127 3128 <!-- Controls are self-explanatory. Order can be changed. --> 3129 3130 <div class="pswp__counter"></div> 3131 3132 <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> 3133 3134 <button class="pswp__button pswp__button--share" title="Share"></button> 3135 3136 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> 3137 3138 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> 3139 3140 <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> 3141 <!-- element will get class pswp__preloader--active when preloader is running --> 3142 <div class="pswp__preloader"> 3143 <div class="pswp__preloader__icn"> 3144 <div class="pswp__preloader__cut"> 3145 <div class="pswp__preloader__donut"></div> 3146 </div> 3147 </div> 3148 </div> 3149 </div> 3150 3151 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 3152 <div class="pswp__share-tooltip"></div> 3153 </div> 3154 3155 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> 3156 </button> 3157 3158 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> 3159 </button> 3160 3161 <div class="pswp__caption"> 3162 <div class="pswp__caption__center"></div> 3163 </div> 3164 3165 </div> 3166 3167 </div> 3168 3169</div> 3170<div id="fb-root" 3171 data-locale="en"></div> 3172<!-- Alias: 63d3167ee5ed4e53a62fff28b0a62f64 -->
3173<script id="d_track_personalization"> 3174 window?.waitForDeferred?.('dmAjax', () => { 3175 // Collects client data and updates cookies used by smart sites 3176 window.expireDays = 365; 3177 window.visitLength = 30 * 60000; 3178 $.setCookie("dm_timezone_offset", (new Date()).getTimezoneOffset(), window.expireDays); 3179 setSmartSiteCookiesInternal("dm_this_page_view","dm_last_page_view","dm_total_visits","dm_last_visit"); 3180 }); 3181</script>
vendor: 1 bytes, line 3181
3181
3182<script type="text/javascript"> 3183 3184 Parameters.NavigationAreaParams.MoreButtonText = 'MORE'; 3185 3186 Parameters.NavigationAreaParams.LessButtonText = 'LESS'; 3187 Parameters.HomeLinkText = 'Home'; 3188 </script>
3188 3189<!-- End Script tags --> 3190<!-- Site Wide Html Markup --> 3191<div id="swh-69bf8c5da81f49eebd1ed359c60c4bf6"><style>.cubilis-ratebox {--rb-primary: #C3AA73 !important;--rb-secondary: #2C4A3E !important;--rb-primary-text: #FFF8F0 !important;--rb-secondary-text: #FFF8F0 !important;--rb-tertiary: #8B4513 !important;}</style></div> 3192<div id="swh-8ba51fa1e9e64b3dbdbb676065135b4c">
3192<script type="text/javascript" src="https://cdn.stardekk.com/website-manager/ratebox-v2.bundle.js"></script>
vendor: 1 bytes, line 3192
3192
3193<script type="text/javascript">var _rbLocale=(window.location.pathname.match(/^\/([a-z]{2,3})(?:\/|$)/i)||[])[1]||'en';var rb = new Ratebox({IBEUrl: 'number-11-bed-and-breakfast-brugge', key: '810100E8-A643-4107-9024-D7F78769EE34', locale: _rbLocale});</script>
3193</div> 3194<div id="swh-1b0918cb946b42ae8ccead83fac65cb1"><style>/* wm-hidden-sections */ #Amenities, #FAQ, #Reviews { display: none !important; }</style></div><!-- Site Wide Html Markup --> 3195</body> 3196</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.