1<!doctype html > 2<html xmlns="http://www.w3.org/1999/xhtml" lang="it" 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.hotelhortus.com/', 49 50 SystemID: 'EU_PRODUCTION', 51 SiteAlias: '566717a8bcee4f818ca00935d828c7e1', 52 SiteType: atob('RFVEQU9ORQ=='), 53 PublicationDate: 'Jun 26, 2025', 54 ExternalUid: '1662', 55 IsSiteMultilingual: true, 56 InitialPostAlias: '', 57 InitialPostPageUuid: '', 58 InitialDynamicItem: '', 59 DynamicPageInfo: { 60 isDynamicPage: false, 61 base64JsonRowData: 'null', 62 }, 63 InitialPageAlias: 'it', 64 InitialPageUuid: '135a17770e504d1b8525ed5f83edc1b0', 65 InitialPageId: '33545599', 66 InitialEncodedPageAlias: 'aXQ=', 67 InitialHeaderUuid: '3afd8fdd7c354fb994a6f6aab6ca601f', 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: '/it', 97 isFastMigrationSite: false, 98 sidebarPosition: 'NA', 99 currentLanguage: 'it', 100 currentLocale: 'it', 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: 'Questo contenuto \u00E8 fornito da una terza parte, {0}. Se abilitato, {0} potrebbe raccogliere informazioni sulla tua attivit\u00E0.', 110 enable: 'Abilitare' 111 }, 112 NavigationAreaParams: { 113 ShowBackToHomeOnInnerPages: true, 114 NavbarSize: -1, 115 NavbarLiveHomePage: 'https://www.hotelhortus.com/', 116 BlockContainerSelector: '.dmBody', 117 NavbarSelector: '#dmNav:has(a)', 118 SubNavbarSelector: '#subnav_main' 119 }, 120 hasCustomCode: false, 121 planID: '7', 122 customTemplateId: 'null', 123 siteTemplateId: 'null', 124 productId: 'DM_DIRECT', 125 disableTracking: false, 126 pageType: 'FROM_SCRATCH', 127 isRuntimeServer: true, 128 isInEditor: false, 129 isInPreview: false, 130 hasNativeStore: false, 131 defaultLang: 'en', 132 hamburgerMigration: null, 133 isFlexSite: true 134 }; 135 136 window.Parameters.LayoutID = {}; 137 window.Parameters.LayoutID[window._currentDevice] = 30; 138 window.Parameters.LayoutVariationID = {}; 139 window.Parameters.LayoutVariationID[window._currentDevice] = 5; 140</script>
140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162<!-- Injecting site-wide to the head --> 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179
180<script type="text/javascript" id="d_track_campaign"> 181 (function() { 182 if (!window.location.search) { 183 return; 184 } 185 const cleanParams = window.location.search.substring(1); // Strip ? 186 const queryParams = cleanParams.split('&'); 187 188 const expires = 'expires=' + new Date().getTime() + 24 * 60 * 60 * 1000; 189 const domain = 'domain=' + window.location.hostname; 190 const path = "path=/"; 191 192 queryParams.forEach((param) => { 193 const [key, value = ''] = param.split('='); 194 if (key.startsWith('utm_')) { 195 const cookieName = "_dm_rt_" + key.substring(4); 196 const cookie = cookieName + "=" + value; 197 const joined = [cookie, expires, domain, path].join(";"); 198 document.cookie = joined; 199 } 200 }); 201 }()); 202</script>
vendor: 1 bytes, line 202
202
203<script type="text/javascript" id="d_track_referrer"> 204 (function() { 205 const cookieName = '_dm_entry_referrer'; 206 const referrer = document.referrer; 207 if (!referrer) { 208 return; 209 } 210 let referrerOrigin; 211 try { 212 referrerOrigin = new URL(referrer).origin; 213 } catch (e) { 214 return; 215 } 216 // 'null' is what an opaque origin (sandboxed iframe, file://) serializes to. 217 if (!referrerOrigin || referrerOrigin === 'null' || referrerOrigin === window.location.origin) { 218 return; 219 } 220 try { 221 const existing = document.cookie 222 .split('; ') 223 .find((candidate) => candidate.indexOf(cookieName + '=') === 0); 224 if (existing && decodeURIComponent(existing.slice(cookieName.length + 1))) { 225 return; 226 } 227 // No expiry: session-scoped, matching the _dm_rt_ cookies above that a submission 228 // reads alongside this one (session-scoped in practice â see FBN-5389). 229 const secure = window.location.protocol === 'https:' ? ';Secure' : ''; 230 document.cookie = cookieName + '=' + encodeURIComponent(referrerOrigin) 231 + ';path=/;SameSite=Lax' + secure; 232 } catch (e) { 233 return; 234 } 235 }()); 236</script>
236 237
238<script type="text/javascript" > 239 var _dm_gaq = {}; 240 var _gaq = _gaq || []; 241 var _dm_insite = []; 242</script>
vendor: 68 bytes, lines 242-247
242 243 244 245 246 247<script async src="https://www.googletagmanager.com/gtag/js?id=
247G-CT413Y9X71
vendor: 13 bytes, lines 247-248
247"></script> 248
249<script type="text/javascript" id="d_track_ga"> 250 window.dataLayer = window.dataLayer || []; 251 _dm_gaq.siteAlias = '566717a8bcee4f818ca00935d828c7e1'; 252 _dm_gaq.externalGaqID = 'non-empty'; 253 254 function gtag() { dataLayer.push(arguments); } 255 256 function pushInsiteImpressions(id) { 257 _dm_insite.forEach((rule) => { 258 _dm_gaq.pushEvent(id, 'insite_impression', 'insite', rule.ruleType + '__' + rule.ruleId); 259 }); 260 } 261 262 _dm_gaq.pushEvent = function(trackingId, event, category, label, value, additionalParams = {}) { 263 const eventProps = { 264 event_category: category, 265 event_label: label, 266 value, 267 ...additionalParams 268 }; 269 gtag('event', event, eventProps); 270 } 271 272 gtag('js', new Date()) 273 274 275gtag('set', 'developer_id.dMDU5Nj', true); 276gtag('set', 'developer_id.dMWY5NG', true); 277gtag('config', 'G-CT413Y9X71', { 278 'send_page_view': false, 279 'linker': { 280 'domains': ['www.hotelhortus.com'] 281 } 282}); 283 284 _dm_gaq.pushEvent('', 'page_view'); 285 286 pushInsiteImpressions(_dm_gaq.externalGaqID); 287</script>
287 288 289 290 291 292 293<!-- End Injecting site-wide to the head --> 294 295<!-- Inject secured cdn script --> 296 297 298<!-- ========= Meta Tags ========= --> 299<!-- PWA settings -->
300<script> 301 function toHash(str) { 302 var hash = 5381, i = str.length; 303 while (i) { 304 hash = hash * 33 ^ str.charCodeAt(--i) 305 } 306 return hash >>> 0 307 } 308</script>
vendor: 1 bytes, line 308
308
309<script> 310 (function (global) { 311 //const cacheKey = global.cacheKey; 312 const isOffline = 'onLine' in navigator && navigator.onLine === false; 313 const hasServiceWorkerSupport = 'serviceWorker' in navigator; 314 if (isOffline) { 315 console.log('offline mode'); 316 } 317 if (!hasServiceWorkerSupport) { 318 console.log('service worker is not supported'); 319 } 320 if (hasServiceWorkerSupport && !isOffline) { 321 window.addEventListener('load', function () { 322 const serviceWorkerPath = '/runtime-service-worker.js?v=3'; 323 navigator.serviceWorker 324 .register(serviceWorkerPath, { scope: './' }) 325 .then( 326 function (registration) { 327 // Registration was successful 328 console.log( 329 'ServiceWorker registration successful with scope: ', 330 registration.scope 331 ); 332 }, 333 function (err) { 334 // registration failed :( 335 console.log('ServiceWorker registration failed: ', err); 336 } 337 ) 338 .catch(function (err) { 339 console.log(err); 340 }); 341 }); 342 343 // helper function to refresh the page 344 var refreshPage = (function () { 345 var refreshing; 346 return function () { 347 if (refreshing) return; 348 // prevent multiple refreshes 349 var refreshkey = 'refreshed' + location.href; 350 var prevRefresh = localStorage.getItem(refreshkey); 351 if (prevRefresh) { 352 localStorage.removeItem(refreshkey); 353 if (Date.now() - prevRefresh < 30000) { 354 return; // dont go into a refresh loop 355 } 356 } 357 refreshing = true; 358 localStorage.setItem(refreshkey, Date.now()); 359 console.log('refereshing page'); 360 window.location.reload(); 361 }; 362 })(); 363 364 function messageServiceWorker(data) { 365 return new Promise(function (resolve, reject) { 366 if (navigator.serviceWorker.controller) { 367 var worker = navigator.serviceWorker.controller; 368 var messageChannel = new MessageChannel(); 369 messageChannel.port1.onmessage = replyHandler; 370 worker.postMessage(data, [messageChannel.port2]); 371 function replyHandler(event) { 372 resolve(event.data); 373 } 374 } else { 375 resolve(); 376 } 377 }); 378 } 379 } 380})(window); 381</script>
381 382<!-- Add manifest --> 383<!-- End PWA settings --> 384 385 386 387<link rel="canonical" href="https://www.hotelhortus.com/it"> 388 389<meta id="view" name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=5, viewport-fit=cover"> 390<meta name="dm:lcp-preload" content="dm:lcp-frozen"> 391<meta name="apple-mobile-web-app-capable" content="yes"> 392 393<!--Add favorites icons--> 394 395<link rel="icon" type="image/x-icon" href="https://de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/site_favicon_16_1746510577125.ico"/> 396 397<!-- End favorite icons --> 398<link rel="preconnect" href="https://le-de.cdn-website.com"/> 399<link rel="preconnect" href="https://de.cdn-website.com" crossorigin/> 400<link rel="preconnect" href="https://static.cdn-website.com"/> 401<link rel="preconnect" href="https://de.cdn-website.com"/> 402 403 404 405<!-- render the required CSS and JS in the head section -->
406<script id='d-js-dmapi'> 407 window.SystemID = 'EU_PRODUCTION'; 408 409 if (!window.dmAPI) { 410 window.dmAPI = { 411 registerExternalRuntimeComponent: function () { 412 }, 413 getCurrentDeviceType: function () { 414 return window._currentDevice; 415 }, 416 runOnReady: (ns, fn) => { 417 const safeFn = dmAPI.toSafeFn(fn); 418 ns = ns || 'global_' + Math.random().toString(36).slice(2, 11); 419 const eventName = 'afterAjax.' + ns; 420 421 if (document.readyState === 'complete') { 422 $.DM.events.off(eventName).on(eventName, safeFn); 423 setTimeout(function () { 424 safeFn({ 425 isAjax: false, 426 }); 427 }, 0); 428 } else { 429 window?.waitForDeferred?.('dmAjax', () => { 430 $.DM.events.off(eventName).on(eventName, safeFn); 431 safeFn({ 432 isAjax: false, 433 }); 434 }); 435 } 436 }, 437 toSafeFn: (fn) => { 438 if (fn?.safe) { 439 return fn; 440 } 441 const safeFn = function (...args) { 442 try { 443 return fn?.apply(null, args); 444 } catch (e) { 445 console.log('function failed ' + e.message); 446 } 447 }; 448 safeFn.safe = true; 449 return safeFn; 450 } 451 }; 452 } 453 454 if (!window.requestIdleCallback) { 455 window.requestIdleCallback = function (fn) { 456 setTimeout(fn, 0); 457 } 458 } 459</script>
459 460 461<!-- loadCSS function header.jsp--> 462 463 464 465 466 467
468<script id="d-js-load-css"> 469/** 470 * There are a few <link> tags with CSS resource in them that are preloaded in the page 471 * in each of those there is a "onload" handler which invokes the loadCSS callback 472 * defined here. 473 * We are monitoring 3 main CSS files - the runtime, the global and the page. 474 * When each load we check to see if we can append them all in a batch. If threre 475 * is no page css (which may happen on inner pages) then we do not wait for it 476 */ 477(function () { 478 let cssLinks = {}; 479 function loadCssLink(link) { 480 link.onload = null; 481 link.rel = "stylesheet"; 482 link.type = "text/css"; 483 } 484 485 function checkCss() { 486 const pageCssLink = document.querySelector("[id*='CssLink']"); 487 const widgetCssLink = document.querySelector("[id*='widgetCSS']"); 488 489 if (cssLinks && cssLinks.runtime && cssLinks.global && (!pageCssLink || cssLinks.page) && (!widgetCssLink || cssLinks.widget)) { 490 const storedRuntimeCssLink = cssLinks.runtime; 491 const storedPageCssLink = cssLinks.page; 492 const storedGlobalCssLink = cssLinks.global; 493 const storedWidgetCssLink = cssLinks.widget; 494 495 storedGlobalCssLink.disabled = true; 496 loadCssLink(storedGlobalCssLink); 497 498 if (storedPageCssLink) { 499 storedPageCssLink.disabled = true; 500 loadCssLink(storedPageCssLink); 501 } 502 503 if(storedWidgetCssLink) { 504 storedWidgetCssLink.disabled = true; 505 loadCssLink(storedWidgetCssLink); 506 } 507 508 storedRuntimeCssLink.disabled = true; 509 loadCssLink(storedRuntimeCssLink); 510 511 requestAnimationFrame(() => { 512 setTimeout(() => { 513 storedRuntimeCssLink.disabled = false; 514 storedGlobalCssLink.disabled = false; 515 if (storedPageCssLink) { 516 storedPageCssLink.disabled = false; 517 } 518 if (storedWidgetCssLink) { 519 storedWidgetCssLink.disabled = false; 520 } 521 // (SUP-4179) Clear the accumulated cssLinks only when we're 522 // sure that the document has finished loading and the document 523 // has been parsed. 524 if(document.readyState === 'interactive') { 525 cssLinks = null; 526 } 527 }, 0); 528 }); 529 } 530 } 531 532 533 function loadCSS(link) { 534 try { 535 var urlParams = new URLSearchParams(window.location.search); 536 var noCSS = !!urlParams.get("nocss"); 537 var cssTimeout = urlParams.get("cssTimeout") || 0; 538 539 if (noCSS) { 540 return; 541 } 542 if (link.href && link.href.includes("d-css-runtime")) { 543 cssLinks.runtime = link; 544 checkCss(); 545 } else if (link.id === "siteGlobalCss") { 546 cssLinks.global = link; 547 checkCss(); 548 } 549 550 else if (link.id && link.id.includes("CssLink")) { 551 cssLinks.page = link; 552 checkCss(); 553 } else if (link.id && link.id.includes("widgetCSS")) { 554 cssLinks.widget = link; 555 checkCss(); 556 } 557 558 else { 559 requestIdleCallback(function () { 560 window.setTimeout(function () { 561 loadCssLink(link); 562 }, parseInt(cssTimeout, 10)); 563 }); 564 } 565 } catch (e) { 566 throw e 567 } 568 } 569 window.loadCSS = window.loadCSS || loadCSS; 570})(); 571</script>
571 572 573 574
575<script data-role="deferred-init" type="text/javascript"> 576 /* usage: window.getDeferred(<deferred name>).resolve() or window.getDeferred(<deferred name>).promise.then(...)*/ 577 function Def() { 578 this.promise = new Promise((function (a, b) { 579 this.resolve = a, this.reject = b 580 }).bind(this)) 581 } 582 583 const defs = {}; 584 window.getDeferred = function (a) { 585 return null == defs[a] && (defs[a] = new Def), defs[a] 586 } 587 window.waitForDeferred = function (b, a, c) { 588 let d = window?.getDeferred?.(b); 589 d 590 ? d.promise.then(a) 591 : c && ["complete", "interactive"].includes(document.readyState) 592 ? setTimeout(a, 1) 593 : c 594 ? document.addEventListener("DOMContentLoaded", a) 595 : console.error(`Deferred does not exist`); 596 }; 597</script>
597 598<style id="forceCssIncludes"> 599 /* This file is auto-generated from a `scss` file with the same name */ 600 601.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}} 602 603 604</style> 605<style id="cssVariables" type="text/css"> 606 :root { 607 --color_1: rgba(255, 255, 255, 1); 608 --color_2: rgba(28, 28, 30, 1); 609 --color_3: rgba(33, 48, 43, 1); 610 --color_4: rgba(255, 255, 255, 1); 611 --color_5: rgba(33, 48, 43, 1); 612 --color_6: rgba(33, 48, 43, 1); 613 --color_7: rgba(255, 255, 255, 1); 614 --color_8: rgba(33, 48, 43, 1); 615 --max-content-width_1: 1200px; 616} 617</style> 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643<!-- Google Fonts Include --> 644 645 646 647 648 649 650 651 652 653 654 655 656 657<!-- loadCSS function fonts.jsp--> 658 659 660 661<link type="text/css" rel="stylesheet" href="https://de.cdn-website.com/fonts/css2?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=Bebas+Neue:ital,wght@0,400&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&subset=latin-ext&display=swap" /> 662 663<style> 664@font-face { 665 font-family: "CrimsonText-Regular"; 666 src: url("https://de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/fonts/CrimsonText-Regular-fd7f_400.ttf"); 667 font-weight: 400; 668 font-style: normal; 669 font-display: swap; 670} 671</style> 672 673 674 675 676 677 678<!-- RT CSS Include d-css-runtime-flex-new-nav--> 679<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" /> 680 681<!-- End of RT CSS Include --> 682 683<link type="text/css" rel="stylesheet" href="https://de.cdn-website.com/WIDGET_CSS/8d3be5a8fc82a66dea04e65d07b3d324.css" id="widgetCSS" /> 684 685<!-- Support `img` size attributes --> 686<style>img[width][height] { 687 height: auto; 688}</style> 689 690<!-- Support showing sticky element on page only --> 691<style> 692 body[data-page-alias="it"] #dm [data-show-on-page-only="it"] { 693 display: block !important; 694 } 695</style> 696 697<!-- This is populated in Ajax navigation --> 698<style id="pageAdditionalWidgetsCss" type="text/css"> 699</style> 700 701 702 703 704<!-- Site CSS --> 705<link type="text/css" rel="stylesheet" href="https://de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/files/566717a8bcee4f818ca00935d828c7e1_it_header_1.min.css?v=9" id="siteGlobalCss" /> 706 707 708 709<style id="customWidgetStyle" type="text/css"> 710 711</style> 712<style id="innerPagesStyle" type="text/css"> 713 714</style> 715 716 717<style 718 id="additionalGlobalCss" type="text/css" 719> 720</style> 721 722<style id="pagestyle" type="text/css"> 723 @media all { 724 *#dm .dmInner div.u_1198940286:hover .svg { 725 color:rgba(81,81,81,1) !important; 726 fill:rgba(81,81,81,1) !important; 727 } 728 729 *#dm .dmInner div.u_1198940286.hover .svg { 730 color:rgba(81,81,81,1) !important; 731 fill:rgba(81,81,81,1) !important; 732 } 733 734 *#dm .dmInner div.u_1679044323:hover .svg { 735 color:rgba(81,81,81,1) !important; 736 fill:rgba(81,81,81,1) !important; 737 } 738 739 *#dm .dmInner div.u_1679044323.hover .svg { 740 color:rgba(81,81,81,1) !important; 741 fill:rgba(81,81,81,1) !important; 742 } 743 744 *#dm .dmInner a.u_1102667003 span.text { 745 text-decoration:none !important; 746 font-weight:600 !important; 747 } 748 749 *#dm .dmInner a.u_1792345350 span.text { 750 text-decoration:none !important; 751 font-weight:600 !important; 752 } 753 754 *#dm .dmInner nav.u_1758272801.main-navigation.unifiednav.effect-bottom .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after { border-top-color:var(--color_2) !important; } 755 756 *#dm .dmInner nav.u_1758272801.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-weight:700 !important; } 757 758 *#dm .dmInner *.u_1758272801 { justify-content:flex-start !important; } 759 760 *#dm .dmInner nav.u_1758272801 { color:black !important; } 761 762 *#dm .dmInner div.u_1789658059 .caption-container .caption-text { 763 color:var(--color_1) !important; 764 font-weight:300 !important; 765 } 766 767 *#dm .dmInner div.u_1789658059 .caption-container .caption-text .rteBlock { 768 color:var(--color_1) !important; 769 font-weight:300 !important; 770 } 771 772 *#dm .dmInner *.u_1874250510 { display:block !important; } 773 774 *#dm .dmInner *.u_1655813420 { display:none !important; } 775 776 *#dm .dmInner *.u_1008208123 { display:none !important; } 777 778 *#dm .dmInner *.u_1679969899 { display:block !important; } 779 780 *#dm .dmInner *.u_1569853951 { display:none !important; } 781 782 *#dm .dmInner *.u_1203209468 { display:none !important; } 783 784 *#dm .dmInner *.u_1772357582 { display:block !important; } 785 786 *#dm .dmInner *.u_1280708652 { display:none !important; } 787 788 *#dm .dmInner div.u_1789658059 .caption-inner { background-color:rgba(0,0,0,0) !important; } 789 790 *#dm .dmInner div.u_1289560457 .svg { fill:rgba(255,255,255,1) !important; } 791 792 *#dm .dmInner *.u_1324737932 { background-position:50% 50% !important; } 793 794 *#dm .dmInner div.u_1789658059 .caption-container .caption-title { 795 font-family:'CrimsonText-Regular' !important;
796 font-style:normal !important; 797 color:var(--color_1) !important; 798 direction:ltr !important; 799 } 800} 801@media (min-width:768px) and (max-width:1024px) { 802 *#dm .dmInner *.u_1789658059 .photoGalleryThumbs .image-container a { padding-top:280px !important; } 803 804 *#dm .dmInner div.u_1789658059 .caption-container .caption-title { font-size:16px !important; } 805 806 *#dm .dmInner div.u_1789658059 .caption-container .caption-text { font-size:14px !important; } 807 808 *#dm .dmInner div.u_1789658059 .caption-container .caption-text .rteBlock { font-size:14px !important; } 809 810 *#dm .dmInner *.u_1789658059 .photoGalleryThumbs { padding:7.5px !important; } 811 812 *#dm .dmInner *.u_1789658059 .layout-container { padding:7.5px !important; } 813 814 *#dm .dmInner *.u_1789658059 .photoGalleryViewAll { padding:0 15px !important; } 815} 816@media (min-width:0) and (max-width:767px) { 817 *#dm .dmInner *.u_1789658059 .photoGalleryThumbs { padding:5px !important; } 818 819 *#dm .dmInner *.u_1789658059 .layout-container { padding:5px !important; } 820 821 *#dm .dmInner *.u_1789658059 .photoGalleryViewAll { padding:0 10px !important; } 822 823 *#dm .dmInner *.u_1789658059 .photoGalleryThumbs .image-container a { padding-top:240px !important; } 824 825 *#dm .dmInner *.u_1789658059 .photoGalleryThumbs { padding:7.5px !important; } 826 827 *#dm .dmInner *.u_1789658059 .layout-container { padding:7.5px !important; } 828 829 *#dm .dmInner *.u_1789658059 .photoGalleryViewAll { padding:0 15px !important; } 830} 831@media (min-width:1025px) { 832 *#dm .dmInner *.u_1789658059 .photoGalleryThumbs { padding:10px !important; } 833 834 *#dm .dmInner *.u_1789658059 .layout-container { padding:10px !important; } 835 836 *#dm .dmInner *.u_1789658059 .photoGalleryViewAll { padding:0 20px !important; } 837 838 *#dm .dmInner div.u_1789658059 .caption-container .caption-text { font-size:16px !important; } 839 840 *#dm .dmInner div.u_1789658059 .caption-container .caption-text .rteBlock { font-size:16px !important; } 841 842 *#dm .dmInner div.u_1789658059 .caption-container .caption-title { font-size:30px !important; } 843 844 *#dm .dmInner *.u_1789658059 .photoGalleryThumbs .image-container a { padding-top:280px !important; } 845} 846 847</style> 848 849<style id="pagestyleDevice" type="text/css"> 850 851</style> 852 853<!-- Flex Sections CSS --> 854 855 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-common-ec0ab84b-135a17770e504d1b8525ed5f83edc1b0">@media all { 856 857#f493c9c2 { 858 min-height: 8px; 859 column-gap: 4%; 860 row-gap: 20px; 861 width: 100%; 862 align-items: center; 863 min-width: 4%; 864 margin-bottom: 100px; 865 padding: 16px 16px 16px 16px; 866} 867 868#a4382712 { 869 min-height: 80vh; 870 column-gap: 4%; 871 row-gap: 24px; 872 width: 100%; 873} 874 875#\38 34f599d::before, #\38 34f599d > .bgExtraLayerOverlay { 876 display: block; 877 position: absolute; 878 width: 100%; 879 height: 100%; 880 top: 0; 881 left: 0; 882 opacity: 0.2; 883 border-radius: inherit; 884} 885#\38 34f599d { 886 background-image: url('https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/hortusbuitenaanzicht-transformed-2880w.jpeg') !important; 887} 888}</style> 889 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-common-019d80bf-135a17770e504d1b8525ed5f83edc1b0">@media all { 890 891#\39 10d5d23 { 892 min-height: 8px; 893 column-gap: 4%; 894 row-gap: 24px; 895 width: 100%; 896 min-width: 4%; 897 flex-direction: row; 898 background-color: var(--color_5); 899 background-image: initial; 900 border-radius: 8px 8px 8px 8px; 901 box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px; 902 margin-top: -110px; 903 padding: 30px 16px 30px 16px; 904} 905 906#ddf0fb5e { 907 min-height: 64px; 908 column-gap: 0%; 909 row-gap: 0px; 910 width: 100%; 911 flex-wrap: nowrap; 912 padding-top: 2%; 913 padding-bottom: 2%; 914} 915 916#widget_c5c { 917 width: 1089px; 918 height: auto; 919 max-width: 100%; 920 order: 0; 921 margin: 0px 0% 0px 0%; 922 grid-area: auto / auto / auto / auto; 923} 924 925#\38 ab73c64 { 926 background-color: var(--color_1); 927 background-image: initial; 928} 929}</style> 930 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-common-bd835d9e-135a17770e504d1b8525ed5f83edc1b0">@media all { 931 932#b32fe16b { 933 min-height: 8px; 934 column-gap: 4%; 935 row-gap: 24px; 936 width: 100%; 937 min-width: 4%; 938 align-items: center; 939 padding: 16px 16px 16px 16px; 940} 941 942#d12bac65 { 943 padding-bottom: 2%; 944 min-height: 240px; 945 column-gap: 4%; 946 row-gap: 24px; 947 width: 100%; 948 flex-wrap: nowrap; 949 padding-top: 2%; 950} 951 952#\34 aa08632 { 953 width: 66.65%; 954 height: auto; 955 max-width: none; 956 justify-self: auto; 957 order: 0; 958 align-self: auto; 959 grid-area: auto / auto / auto / auto; 960} 961 962#\34 086b613 { 963 background-color: rgba(0,0,0,0); 964 background-image: initial; 965} 966}</style> 967 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-common-b1ac72b3-135a17770e504d1b8525ed5f83edc1b0">@media all { 968 969#\36 27e6ed7 { 970 min-height: 522px; 971 column-gap: 4%; 972 row-gap: 24px; 973 max-width: none; 974 width: 100%; 975 flex-wrap: nowrap; 976} 977 978#\36 1cdbfa8 { 979 width: 85.19%; 980 height: auto; 981 max-width: 100%; 982 order: 0; 983 justify-self: auto; 984 grid-area: auto / auto / auto / auto; 985} 986 987#\32 f835d39 { 988 min-height: 8px; 989 column-gap: 4%; 990 row-gap: 20px; 991 width: 100%; 992 min-width: 4%; 993 background-color: var(--color_3); 994 background-image: initial;
995 align-items: center; 996 padding: 16px 16px 16px 16px; 997} 998 999#e09de937 { 1000 background-color: rgba(0,0,0,0); 1001 background-image: initial; 1002} 1003}</style> 1004 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-common-fe29ce2e-135a17770e504d1b8525ed5f83edc1b0">@media all { 1005 1006#\32 894f749 { 1007 min-height: 8px; 1008 column-gap: 4%; 1009 row-gap: 24px; 1010 width: 100%; 1011 min-width: 4%; 1012 padding: 16px 16px 16px 16px; 1013} 1014 1015#\31 3edf4c9 { 1016 min-height: 37px; 1017 column-gap: 4%; 1018 row-gap: 24px; 1019 width: 100%; 1020 flex-wrap: nowrap; 1021} 1022}</style> 1023 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-common-flex-footer-3afd8fdd7c354fb994a6f6aab6ca601f">@media all { 1024 1025#flex-footer { 1026 background-color: var(--color_1); 1027} 1028}</style> 1029 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-common-flex-header-3afd8fdd7c354fb994a6f6aab6ca601f">@media all { 1030 1031#flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img { 1032 transform: scale(0.83); 1033} 1034#flex-header::before, #flex-header > .bgExtraLayerOverlay { 1035 display: block; 1036 position: absolute; 1037 width: 100%; 1038 height: 100%; 1039 top: 0; 1040 left: 0; 1041 opacity: 0.5; 1042 border-radius: inherit; 1043} 1044#flex-header { 1045 background-color: rgba(0,0,0,0); 1046 1047 background-image: none; 1048 background-size: cover; 1049 background-repeat: no-repeat; 1050 background-position: 50% 0%; 1051 padding: 0px 0px 0px 0px; 1052} 1053#flex-header[data-changeable-on-scroll][data-scrolling] { 1054 padding-top: 0px; 1055 padding-bottom: 0px; 1056 background-color: rgba(39,42,47,1); 1057 background-image: none; 1058} 1059}</style> 1060 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-common-90ad72e8-3afd8fdd7c354fb994a6f6aab6ca601f">@media all { 1061 1062#\31 e8953e5 { 1063 min-height: 8px; 1064 column-gap: 4%; 1065 row-gap: 24px; 1066 flex-direction: row; 1067 width: 50%; 1068 justify-content: flex-start; 1069 align-items: center; 1070 min-width: 4%; 1071 padding-right: 16px; 1072 padding-left: 16px; 1073} 1074 1075#be018b22 { 1076 min-height: 15px; 1077 column-gap: 0%; 1078 row-gap: 0px; 1079 width: 100%; 1080 max-width: none; 1081 padding-left: 70%; 1082} 1083 1084#c414e197 { 1085 min-height: 8px; 1086 column-gap: 4%; 1087 row-gap: 24px; 1088 flex-direction: row; 1089 width: 50%; 1090 justify-content: flex-start; 1091 align-items: center; 1092 min-width: 4%; 1093 padding-right: 16px; 1094 padding-left: 16px; 1095} 1096 1097#\38 a22ed28 { 1098 background-color: var(--color_5); 1099 background-image: initial; 1100} 1101 1102#widget_lm2 { 1103 width: 22px; 1104 height: auto; 1105 max-width: 100%; 1106} 1107 1108#widget_5d1 { 1109 width: 100%; 1110 height: auto; 1111 max-width: 100%; 1112} 1113 1114#cf294b72 { 1115 align-self: auto; 1116 margin-left: 0%; 1117 grid-row-end: auto; 1118 grid-column-start: auto; 1119 margin-top: 0px; 1120 grid-column-end: auto; 1121 justify-self: auto; 1122 margin-bottom: 0px; 1123 grid-row-start: auto; 1124 margin-right: 0%; 1125} 1126}</style> 1127 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-common-5925d712-3afd8fdd7c354fb994a6f6aab6ca601f">@media all { 1128 1129#\30 5ecf453 { 1130 flex-direction: row; 1131 justify-content: flex-start; 1132 align-items: center; 1133 width: 32%; 1134 min-width: 4%; 1135 min-height: 8px; 1136 column-gap: 4%; 1137 row-gap: 24px; 1138 order: 0; 1139 padding: 6px 16px 6px 16px; 1140} 1141 1142#e03d59d5 { 1143 flex-direction: row; 1144 align-items: center; 1145 width: 32%; 1146 min-width: 4%; 1147 min-height: 8px; 1148 column-gap: 4%; 1149 row-gap: 24px; 1150 order: 1; 1151 padding: 6px 16px 6px 16px; 1152} 1153 1154#\32 648d9a2 { 1155 flex-direction: row; 1156 justify-content: flex-end; 1157 align-items: center; 1158 width: 32%; 1159 min-width: 4%; 1160 min-height: 8px; 1161 column-gap: 4%; 1162 row-gap: 24px; 1163 order: 1; 1164 padding: 6px 16px 6px 16px; 1165} 1166 1167#c06a8a2d { 1168 width: 60px; 1169 height: auto; 1170 max-width: 100%; 1171 order: 0; 1172} 1173 1174#\30 15f4af1 { 1175 width: 167px; 1176 height: auto; 1177 max-width: 100%; 1178 order: 0; 1179 grid-area: auto / auto / auto / auto; 1180} 1181 1182#\31 507f5f5 { 1183 min-height: 8px; 1184 column-gap: 4%; 1185 row-gap: 24px; 1186 flex-direction: row; 1187 width: 9.6%; 1188 justify-content: flex-end; 1189 align-items: center; 1190 min-width: 4%; 1191 order: 3; 1192 padding: 16px 16px 16px 16px; 1193} 1194 1195#\32 ee47a4c svg { 1196 fill: rgba(255,255,255,1); 1197} 1198#\32 ee47a4c { 1199 width: 30px; 1200 height: 30px; 1201 max-width: 100%; 1202 order: 0; 1203} 1204 1205#cbb0f673 { 1206 width: 280px; 1207 height: auto; 1208 max-width: 100%; 1209} 1210 1211#\32 da91053 { 1212 width: auto; 1213 height: auto; 1214 max-width: 100%; 1215} 1216 1217#d432d4de { 1218 padding-left: 4%; 1219 min-height: 0px; 1220 column-gap: 0%; 1221 row-gap: 0px; 1222 max-width: none; 1223 width: 100%; 1224 padding-right: 4%; 1225 padding-top: 10px; 1226} 1227 1228#f4bfe4ae { 1229 background-color: rgba(0,0,0,0); 1230 background-image: initial; 1231} 1232 1233#\30 34a1e73 {
1234 align-self: stretch; 1235 padding-top: 16px; 1236 background-size: cover; 1237 display: flex; 1238 padding-left: 16px; 1239 padding-bottom: 16px; 1240 min-height: 8px; 1241 background-position: 50% 50%; 1242 column-gap: 4%; 1243 row-gap: 24px; 1244 background-repeat: no-repeat; 1245 flex-direction: column; 1246 max-width: 100%; 1247 width: 4%; 1248 justify-content: center; 1249 align-items: center; 1250 position: relative; 1251 min-width: 4%; 1252 padding-right: 16px; 1253 order: 4; 1254} 1255}</style> 1256 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-common-1b94a2a1-3afd8fdd7c354fb994a6f6aab6ca601f">@media all { 1257 1258#\36 3f7f669 { 1259 min-height: 8px; 1260 column-gap: 4%; 1261 row-gap: 24px; 1262 width: 100%; 1263 align-items: center; 1264 min-width: 4%; 1265 padding: 2px 16px 2px 16px; 1266} 1267 1268#ccd8f65b { 1269 width: 100%; 1270 height: auto; 1271 max-width: 100%; 1272} 1273 1274#b8a1e081 { 1275 min-height: 0px; 1276 column-gap: 4%; 1277 row-gap: 24px; 1278 width: 100%; 1279 padding: 16px 2% 10px 2%; 1280} 1281 1282#\36 81b1ca5 { 1283 border-style: solid; 1284 border-color: rgba(192, 196, 201, 1) #000000 #000000 #000000; 1285 border-width: 0px 0 0px 0; 1286} 1287}</style> 1288 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-common-23b19e39-3afd8fdd7c354fb994a6f6aab6ca601f">@media all { 1289 1290#d700b9a3 { 1291 min-height: 8px; 1292 column-gap: 4%; 1293 row-gap: 24px; 1294 width: 100%; 1295 min-width: 4%; 1296 align-items: flex-end; 1297 background-color: var(--color_3); 1298 background-image: initial; 1299 padding: 16px 16px 16px 16px; 1300} 1301 1302#adab0831 { 1303 padding-top: 0px; 1304 padding-bottom: 0px; 1305 min-height: 100px; 1306 column-gap: 4%; 1307 row-gap: 24px; 1308 width: 100%; 1309} 1310 1311#\39 77c9eb4 svg { 1312 fill: var(--color_1); 1313} 1314#\39 77c9eb4 .hamburgerButton { 1315 background-color: rgba(0,0,0,0); 1316} 1317#\39 77c9eb4 { 1318 width: 30px; 1319 height: 30px; 1320} 1321}</style> 1322 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-common-63a049320d35b55b4ef2a372-3afd8fdd7c354fb994a6f6aab6ca601f">@media all { 1323 1324#\36 3a049320d35b55b4ef2a374 { 1325 min-height: 8px; 1326 column-gap: 4%; 1327 row-gap: 24px; 1328 background-color: rgba(0, 0, 0, 0); 1329 width: 100%; 1330 min-width: 4%; 1331 padding: 16px 16px 16px 16px; 1332} 1333 1334#\36 3a049320d35b55b4ef2a376 { 1335 background-color: var(--color_3); 1336 background-image: initial; 1337} 1338 1339#\36 3a049320d35b55b4ef2a377 { 1340 padding-top: 2%; 1341 padding-bottom: 2%; 1342 min-height: 200px; 1343 column-gap: 4%; 1344 row-gap: 24px; 1345 width: 100%; 1346} 1347 1348#\36 3a049ca0d35b55b4ef2a5c3 { 1349 align-self: auto; 1350 max-width: 100%; 1351 width: 544px; 1352 justify-self: auto; 1353 height: auto; 1354 order: 0; 1355 grid-area: auto / auto / auto / auto; 1356} 1357 1358#\36 2d6a167a824ca526194d9a5 { 1359 background-color: rgba(232, 255, 133, 1); 1360} 1361}</style> 1362 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-common-6406026c90e1521f6ecb0eca-3afd8fdd7c354fb994a6f6aab6ca601f">@media all { 1363 1364#\36 406026c90e1521f6ecb0ecd { 1365 min-height: 8px; 1366 column-gap: 4%; 1367 row-gap: 24px; 1368 width: 100%; 1369 min-width: 4%; 1370 padding: 16px 16px 16px 16px; 1371} 1372 1373#\36 406026c90e1521f6ecb0ecb { 1374 background-color: var(--color_3); 1375 background-image: initial; 1376} 1377 1378#\36 406026c90e1521f6ecb0ecc { 1379 padding-top: 4%; 1380 padding-bottom: 4%; 1381 min-height: 460px; 1382 column-gap: 4%; 1383 row-gap: 24px; 1384 width: 100%; 1385} 1386}</style> 1387 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-common-63da2bddeae8da42b2353671-3afd8fdd7c354fb994a6f6aab6ca601f">@media all { 1388 1389#\36 3da2bddeae8da42b2353673 { 1390 min-height: 160px; 1391 column-gap: 1%; 1392 row-gap: 6px; 1393 width: 100%; 1394 flex-wrap: nowrap; 1395 padding: 3% 2% 3% 2%; 1396} 1397 1398#\36 3da2bddeae8da42b2353672 { 1399 background-color: var(--color_5); 1400 background-image: initial; 1401} 1402 1403#\36 3da2bf2eae8da42b23538a2 { 1404 min-height: 8px; 1405 column-gap: 4%; 1406 row-gap: 0px; 1407 background-color: rgba(0, 0, 0, 0); 1408 width: 32.67%; 1409 justify-content: flex-start;
1410 align-items: center; 1411 min-width: 4%; 1412 order: 1; 1413 padding: 16px 16px 16px 16px; 1414} 1415 1416#\36 3c7b8b76c596a2813341bc5 { 1417 height: auto; 1418} 1419 1420#widget_erh { 1421 width: 100%; 1422 height: auto; 1423 max-width: 100%; 1424 order: 0; 1425} 1426 1427#e0bc5626 { 1428 min-height: 8px; 1429 column-gap: 4%; 1430 row-gap: 10px; 1431 background-color: rgba(0, 0, 0, 0); 1432 width: 32.67%; 1433 justify-content: flex-start; 1434 align-items: center; 1435 min-width: 4%; 1436 order: 2; 1437 padding: 16px 16px 16px 16px; 1438} 1439 1440#\36 bfa7d9b { 1441 width: 100%; 1442 height: auto; 1443 max-width: 100%; 1444 order: 0; 1445 justify-self: auto; 1446 align-self: auto; 1447 grid-area: auto / auto / auto / auto; 1448} 1449 1450#eb6263b7 { 1451 min-height: 8px; 1452 column-gap: 4%; 1453 row-gap: 10px; 1454 background-color: rgba(0, 0, 0, 0); 1455 width: 32.67%; 1456 justify-content: flex-start; 1457 min-width: 4%; 1458 order: 0; 1459 padding: 16px 16px 16px 16px; 1460} 1461 1462#a69a66e6 { 1463 width: 100%; 1464 height: auto; 1465 max-width: 100%; 1466 order: 0; 1467} 1468 1469#widget_0jc { 1470 width: auto; 1471 height: auto; 1472 max-width: 100%; 1473 justify-self: auto; 1474 align-self: auto; 1475 order: 1; 1476 grid-area: auto / auto / auto / auto; 1477} 1478 1479#widget_tg3.flex-element.widget-wrapper > [data-element-type] { 1480 padding-top: 10px; 1481} 1482#widget_tg3 { 1483 width: 100%; 1484 height: auto; 1485 max-width: 100%; 1486 align-self: auto; 1487 order: 1; 1488 justify-self: auto; 1489 grid-area: auto / auto / auto / auto; 1490} 1491 1492#widget_t63 { 1493 width: 99.99%; 1494 height: auto; 1495 max-width: 100%; 1496 order: 1; 1497 justify-self: auto; 1498 align-self: auto; 1499 grid-area: auto / auto / auto / auto; 1500} 1501 1502#\32 94a75b4 { 1503 width: 100%; 1504 height: auto; 1505 max-width: 100%; 1506 align-self: auto; 1507 order: 2; 1508 justify-self: auto; 1509 grid-area: auto / auto / auto / auto; 1510} 1511}</style> 1512 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-desktop-flex-header-3afd8fdd7c354fb994a6f6aab6ca601f">@media (min-width: 1025px) { 1513}</style> 1514 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-tablet_implicit-flex-header-3afd8fdd7c354fb994a6f6aab6ca601f">@media (min-width: 768px) and (max-width: 1024px) { 1515}</style> 1516 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-tablet-ec0ab84b-135a17770e504d1b8525ed5f83edc1b0">@media (min-width: 768px) and (max-width: 1024px) { 1517 1518#a4382712 { 1519 padding-top: 180px; 1520 padding-bottom: 20px; 1521} 1522 1523#\38 34f599d { 1524 background-image: url('https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/hortusbuitenaanzicht-transformed-2880w.jpeg') !important; 1525} 1526}</style> 1527 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-tablet-019d80bf-135a17770e504d1b8525ed5f83edc1b0">@media (min-width: 768px) and (max-width: 1024px) { 1528 1529#ddf0fb5e { 1530 padding-left: 2%; 1531 padding-right: 2%; 1532} 1533}</style> 1534 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-tablet-bd835d9e-135a17770e504d1b8525ed5f83edc1b0">@media (min-width: 768px) and (max-width: 1024px) { 1535 1536#d12bac65 { 1537 padding-left: 2%; 1538 padding-right: 2%; 1539} 1540 1541#\34 aa08632 { 1542 align-self: center; 1543 justify-self: auto; 1544 width: 97.87%; 1545 order: 0; 1546 margin: 0px 0% 0px 0%; 1547 grid-area: auto / auto / auto / auto; 1548} 1549}</style> 1550 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-tablet-b1ac72b3-135a17770e504d1b8525ed5f83edc1b0">@media (min-width: 768px) and (max-width: 1024px) { 1551 1552#\36 27e6ed7 { 1553 flex-direction: row; 1554 flex-wrap: nowrap; 1555 min-height: 400px; 1556 padding: 0% 0% 0% 0%; 1557} 1558 1559#\36 1cdbfa8 { 1560 justify-self: auto; 1561 align-self: auto; 1562 width: 100%; 1563 order: 2; 1564 margin: 0px 0% 0px 0%; 1565 grid-area: auto / auto / auto / auto; 1566} 1567 1568#\32 f835d39 { 1569 width: 100%; 1570 min-height: 8px; 1571 padding-right: 0px; 1572 padding-bottom: 16px; 1573 padding-left: 0px; 1574 margin-top: 0px; 1575} 1576 1577#\36 e14c24d { 1578 margin: 0px 0% 0px 0%; 1579} 1580}</style> 1581 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-tablet-fe29ce2e-135a17770e504d1b8525ed5f83edc1b0">@media (min-width: 768px) and (max-width: 1024px) { 1582 1583#\31 3edf4c9 { 1584 padding-left: 2%; 1585 padding-right: 2%; 1586} 1587}</style> 1588 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-tablet-flex-footer-3afd8fdd7c354fb994a6f6aab6ca601f">@media (min-width: 768px) and (max-width: 1024px) { 1589 1590#flex-footer { 1591} 1592}</style> 1593 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-tablet-flex-header-3afd8fdd7c354fb994a6f6aab6ca601f">@media (min-width: 768px) and (max-width: 1024px) { 1594 1595#flex-header::before, #flex-header > .bgExtraLayerOverlay { 1596 1597} 1598#flex-header { 1599 background-color: rgba(0,0,0,0); 1600 padding-left: 0%; 1601 padding-right: 0%; 1602 1603} 1604}</style> 1605 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-tablet-90ad72e8-3afd8fdd7c354fb994a6f6aab6ca601f">@media (min-width: 768px) and (max-width: 1024px) { 1606
1607#be018b22 { 1608 padding-left: 4%; 1609 padding-right: 4%; 1610} 1611}</style> 1612 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-tablet-5925d712-3afd8fdd7c354fb994a6f6aab6ca601f">@media (min-width: 768px) and (max-width: 1024px) { 1613 1614#\30 5ecf453 { 1615 width: 32%; 1616 min-height: 8px; 1617} 1618 1619#e03d59d5 { 1620 width: 32%; 1621 justify-content: center; 1622 min-height: 8px; 1623} 1624 1625#\32 648d9a2 { 1626 width: 23.04%; 1627} 1628 1629#c06a8a2d { 1630 height: auto; 1631} 1632 1633#\30 15f4af1 { 1634 height: auto; 1635 width: 206px; 1636} 1637 1638#\31 507f5f5 { 1639 width: 32%; 1640 min-height: 8px; 1641} 1642 1643#d432d4de { 1644 padding-left: 2%; 1645 padding-right: 2%; 1646 column-gap: 0%; 1647 padding-bottom: 10px; 1648 flex-direction: row; 1649 flex-wrap: nowrap; 1650 min-height: 0px; 1651} 1652}</style> 1653 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-tablet-1b94a2a1-3afd8fdd7c354fb994a6f6aab6ca601f">@media (min-width: 768px) and (max-width: 1024px) { 1654 1655#b8a1e081 { 1656 padding-left: 2%; 1657 padding-right: 2%; 1658} 1659}</style> 1660 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-tablet-63a049320d35b55b4ef2a372-3afd8fdd7c354fb994a6f6aab6ca601f">@media (min-width: 768px) and (max-width: 1024px) { 1661 1662#\36 3a049320d35b55b4ef2a374 { 1663 padding-top: 100px; 1664 justify-content: flex-start; 1665} 1666 1667#\36 3a049320d35b55b4ef2a377 { 1668 min-height: 564px; 1669 padding: 0% 13.550135501355012% 0% 13.550135501355012%; 1670} 1671}</style> 1672 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-tablet-6406026c90e1521f6ecb0eca-3afd8fdd7c354fb994a6f6aab6ca601f">@media (min-width: 768px) and (max-width: 1024px) { 1673 1674#\36 406026c90e1521f6ecb0ecc { 1675 min-height: 283px; 1676 padding: 0% 4% 0% 4%; 1677} 1678 1679#\36 406026c90e1521f6ecb0ecd { 1680 justify-content: flex-end; 1681 padding: 16px 4.519774011299435% 16px 4.519774011299435%; 1682} 1683}</style> 1684 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-tablet-63da2bddeae8da42b2353671-3afd8fdd7c354fb994a6f6aab6ca601f">@media (min-width: 768px) and (max-width: 1024px) { 1685 1686#\36 3da2bf2eae8da42b23538a2 { 1687 width: 32.67%; 1688 align-items: flex-start; 1689 order: 0; 1690 min-height: 8px; 1691} 1692 1693#\36 3da2bddeae8da42b2353673 { 1694 flex-direction: row; 1695 flex-wrap: nowrap; 1696 min-height: 160px; 1697 padding-left: 4%; 1698 padding-right: 4%; 1699} 1700 1701#e0bc5626 { 1702 width: 32.67%; 1703 min-height: 8px; 1704} 1705 1706#eb6263b7 { 1707 width: 32.67%; 1708 min-height: 8px; 1709} 1710 1711#widget_0jc { 1712 width: 166px; 1713} 1714}</style> 1715 1716 1717 1718 1719 1720 1721<style id="globalFontSizeStyle" type="text/css"> 1722 @media (min-width: 1025px) { [data-version] .size-16, [data-version] .font-size-16 {--font-size: 16;} }@media (min-width: 768px) and (max-width: 1024px) { [data-version] .t-size-16, [data-version] .t-font-size-16 {--font-size: 16;} }@media (max-width: 767px) { [data-version] .m-size-16, [data-version] .m-font-size-16 {--font-size: 16;} } 1723</style> 1724<style id="pageFontSizeStyle" type="text/css"> 1725</style> 1726 1727 1728 1729 1730<style id="hideAnimFix"> 1731 .dmDesktopBody:not(.editGrid) [data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) [data-anim-extended] { 1732 visibility: hidden; 1733 } 1734 1735 .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-extended] { 1736 visibility: hidden !important; 1737 } 1738 1739 #dmRoot:not(.editGrid) .flex-element [data-anim-extended] { 1740 visibility: hidden; 1741 } 1742 1743</style> 1744 1745 1746 1747 1748<style id="fontFallbacks"> 1749 @font-face { 1750 font-family: "Poppins Fallback"; 1751 src: local('Arial'); 1752 ascent-override: 92.326%; 1753 descent-override: 30.7753%; 1754 line-gap-override: 8.793%; 1755 size-adjust: 113.7274%; 1756}@font-face { 1757 font-family: "Bebas Neue Fallback"; 1758 src: local('Arial'); 1759 ascent-override: 116.5002%; 1760 descent-override: 38.8334%; 1761 size-adjust: 77.2531%; 1762 line-gap-override: 0%; 1763 }@font-face { 1764 font-family: "PT Sans Fallback"; 1765 src: local('Arial'); 1766 ascent-override: 104.2579%; 1767 descent-override: 28.2664%; 1768 size-adjust: 97.6425%; 1769 line-gap-override: 0%; 1770 }@font-face { 1771 font-family: "Open Sans Fallback"; 1772 src: local('Arial'); 1773 ascent-override: 101.1768%; 1774 descent-override: 27.7323%; 1775 size-adjust: 105.6416%; 1776 line-gap-override: 0%; 1777 } 1778</style> 1779 1780 1781<!-- End render the required css and JS in the head section --> 1782 1783 1784 1785 1786 1787 1788<link rel="alternate" hreflang="en" href="https://www.hotelhortus.com/" /> 1789 1790<link rel="alternate" hreflang="x-default" href="https://www.hotelhortus.com/" /> 1791 1792<link rel="alternate" hreflang="es" href="https://www.hotelhortus.com/es" /> 1793 1794<link rel="alternate" hreflang="fr" href="https://www.hotelhortus.com/fr" /> 1795 1796<link rel="alternate" hreflang="de" href="https://www.hotelhortus.com/de" /> 1797 1798<link rel="alternate" hreflang="nl" href="https://www.hotelhortus.com/nl" /> 1799 1800<link rel="alternate" hreflang="it" href="https://www.hotelhortus.com/it" /> 1801 1802 1803 1804<meta property="og:type" content="website"> 1805<meta property="og:url" content="https://www.hotelhortus.com/it"> 1806 1807 <title> 1808 Hotel a conduzione familiare | Hotel Hortus | AMS 1809 </title> 1810 <meta name="description" content="Hotel Hortus offre camere non fumatori per famiglie. Prenota ora per un soggiorno indimenticabile ad Amsterdam!"/> 1811 1812 <meta name="twitter:card" content="summary"/> 1813 <meta name="twitter:title" content="Hotel a conduzione familiare | Hotel Hortus | AMS"/> 1814 <meta name="twitter:description" content="Hotel Hortus offre camere non fumatori per famiglie. Prenota ora per un soggiorno indimenticabile ad Amsterdam!"/> 1815 <meta name="twitter:image" content="https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/twin-room-with-shower+Cropped-68b97409-1920w.jpg"/> 1816 <meta property="og:description" content="Hotel Hortus offre camere non fumatori per famiglie. Prenota ora per un soggiorno indimenticabile ad Amsterdam!"/> 1817 <meta property="og:title" content="Hotel a conduzione familiare | Hotel Hortus | AMS"/> 1818 <meta property="og:image" content="https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/twin-room-with-shower+Cropped-68b97409-1920w.jpg"/> 1819 1820 1821 1822 1823<!-- SYS- RVVfUFJPRFVDVElPTg== --> 1824</head> 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 1844 1845 1846<body id="dmRoot" data-page-alias="it" class="dmRoot fix-mobile-scrolling flex-site dmResellerSite " 1847 style="padding:0;margin:0;" 1848 1849 data-flex-site > 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865<!-- ========= Site Content ========= --> 1866<div id="dm" class='dmwr'> 1867 1868 <div class="dm_wrapper -var5 null "> 1869 <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-home hasA
1869nimations hasStickyHeader inMiniHeaderMode rows-1200 hamburger-reverse dmPageBody d-page-1716942098 inputs-css-clean dmDHeader" id="dm-outer-wrapper" data-page-class="1716942098" data-soch="true" data-background-parallax-selector=".dmHomeSection1, .dmSectionParallex"> <div id="dmStyle_outerContainer" class="dmOuter"> <div id="dmStyle_innerContainer" class="dmInner"> <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-overlapping="true" role="banner"> <div data-layout-section="" data-auto="flex-section" id="1490927063" data-flex-id="90ad72e8" class="" data-hidden-on-tablet="true" data-hidden-on-mobile="true"> <div class="flex-widgets-container" id="1037831171"></div> 1870 <section id="1dfe105f" class="flex-element section" data-auto="flex-element-section"> <div id="8a22ed28" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="be018b22" class="flex-element group" data-auto="flex-element-group" data-hidden-on-tablet="" data-hidden-on-mobile=""> <div id="1e8953e5" class="flex-element group" data-auto="flex-element-group"> <div id="widget_lm2" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="graphic" data-keep-proportion="true" data-external-id="1289560457"> <div class="graphicWidget graphicWidgetV2 graphicWidgetV3 u_1289560457" data-element-type="graphic" data-widget-type="graphic" id="1289560457" data-binding="W3siYmluZGluZ05hbWUiOiJsaW5rIiwidmFsdWUiOiJjb250ZW50X2xpYnJhcnkuZ2xvYmFsLnBob25lLmRlZmF1bHQifSx7ImJpbmRpbmdOYW1lIjoiYWx0IiwidmFsdWUiOiJjb250ZW50X2xpYnJhcnkuZ2xvYmFsLnBob25lLmRlZmF1bHQifV0="> <a href="tel:+31206259996" id="1514508270" file="false" aria-label="+31206259996"> <svg width="100%" height="100%" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" id="1378323024" class="svg u_1378323024" data-icon-custom="true"> <title id="1671231343">+31206259996</title> 1871 <path d="m16.098 29.047c-0.27734-3.9453-0.39453-3.6523 2.4961-6.8594 7.707-8.5391 12.227-9.043 15.492-4.3047 0.03125 0.046876 0.058593 0.082032 0.09375 0.125 11.703 14.539 11.035 12.102 1.5898 26.965-0.42188 0.66406-0.44922 1.4492-0.070312 2.1406 5 9.1133 9.1523 13.266 18.262 18.262 0.69141 0.37891 1.4766 0.35547 2.1406-0.070312 14.863-9.4453 12.426-10.113 26.965 1.5898 0.042969 0.035157 0.082032 0.0625 0.125 0.09375 4.7383 3.2656 4.2344 7.7891-4.3047 15.492-3.207 2.8906-2.9141 2.7773-6.8594 2.4961-24.867-1.7578-54.172-31.062-55.93-55.93z" fill-rule="evenodd"></path> 1872</svg> 1873</a> 1874</div> 1875</div> 1876 <div id="widget_5d1" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1408415419"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1408415419" new-inline-bind-applied="true" data-diy-text="" style=""><p><a href="tel:88888888" runtime_url="tel:88888888" type="call" style="display: initial; color: var(--color_1); text-decoration: none;"><span class="inline-data-binding" data-encoded-value="ODg4ODg4ODg=" data-inline-binding="content_library.global.phone.default" data-inline-binding-encoded="Y29udGVudF9saWJyYXJ5Lmdsb2JhbC5waG9uZS5kZWZh
1876dWx0">+31206259996</span></a></p></div> 1877</div> 1878</div> 1879 <div id="c414e197" class="flex-element group" data-auto="flex-element-group"> <div id="cf294b72" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="multilingual" data-external-id="1533288902"> <div id="1533288902" 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="/it" data-disable-ajax-navigation="true"><img src="https://dd-cdn.multiscreensite.com/flags/flags_iso/32/it.png" alt="Italiano" data-code="" onerror="handleImageLoadError(this)"/> <span class="name">Italiano</span> 1880 <span class="short-label">it</span> 1881 <div class="dm-icon dm-icon-chevron-down"></div> 1882</a> 1883</div> 1884 <div class="language other-languages"> <a href="/fr" 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> 1885 <span class="short-label">fr</span> 1886</a> 1887 <a href="/es" data-code="" data-disable-ajax-navigation="true"><img src="https://dd-cdn.multiscreensite.com/flags/flags_iso/32/es.png" alt="Español" onerror="handleImageLoadError(this)"/> <span class="name">Español</span> 1888 <span class="short-label">es</span> 1889</a> 1890 <a href="/nl" 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> 1891 <span class="short-label">nl</span> 1892</a> 1893 <a href="/de" 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> 1894 <span class="short-label">de</span> 1895</a> 1896 <a href="/" data-code="" data-disable-ajax-navigation="true"><img src="https://dd-cdn.multiscreensite.com/flags/flags_iso/32/us.png" alt="English" onerror="handleImageLoadError(this)"/> <span class="name">English</span> 1897 <span class="short-label">en</span> 1898</a> 1899</div> 1900</div> 1901</div> 1902</div> 1903</div> 1904</div> 1905</div> 1906</section> 1907</div> 1908 <div data-auto="flex-section" id="1595541568" data-flex-id="5925d712" data-layout-section="" data-page-element-type="section" data-page-element-id="1790906340"> <div class="flex-widgets-container" id="1251877778"></div> 1909 <section id="24ca0670" class="flex-element section" data-auto="flex-element-section"> <div id="f4bfe4ae" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="d432d4de" class="flex-element group" data-auto="flex-element-group"> <div id="e03d59d5" class="flex-element group" data-auto="flex-element-group"> <div id="015f4af1" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="image" data-keep-proportion="true" data-external-id="1142994281"> <div class="imageWidget align-center u_1142994281" data-element-type="image" data-widget-type="image" id="1142994281" data-binding="W3siYmluZGluZ05hbWUiOiJpbWFnZSIsInZhbHVlIjoic2l0ZV9pbWFnZXMubG9nbyJ9XQ=="> <a href="/it" id="1210771726"><img src="https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/site-logo-1920w.png" alt="" id="1964022591" class="" data-dm-image-path="https://de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/site-logo.png" width="32" height="9" data-diy-image="" onerror="handleImageLoadError(this)"/></a> 1910</div> 1911</div> 1912</div> 1913 <div id="05ecf453" class="flex-element group" data-auto="flex-element-group"> <div id="c06a8a2d" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="graphic" data-keep-proportion="true" data-hidden-on-desktop="" data-hidden-on-tablet="" data-external-id="1285448633"> <div class="graphicWidget graphicWidgetV2 u_1285448633" data-element-type="graphic" data-widget-type="graphic" id="1285448633"> <a href="tel:+31206259996" id="1787550339" file="false" aria-label="wp-phone"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 70 70" id="1625189598" class="svg u_1625189598" data-icon-name="wp-phone"> <g> <path d="M25.3,44.8C35.7,55.3,44.2,56,46.6,56c3.9,0,9.4-5,9.4-6.3v-2.5c0-0.6-0.4-1.1-1-1.3l-10-3.2c-0.5-0.2-1,0-1.4,0.3L40,46.8 1914 c-0.4,0.4-1.1,0.5-1.6,0.2c-1.5-0.9-4.8-2.9-8.6-6.8c-3.8-3.8-5.9-7.1-6.8-8.6c-0.3-0.5-0.2-1.2,0.2-1.6l3.7-3.7 1915 c0.4-0.4,0.5-0.9,0.3-1.4l-3.2-10c-0.2-0.6-0.7-1-1.3-1h-2.5C19,14.1,14,19.7,14,23.5C14,25.8,14.8,34.3,25.3,44.8L25.3,44.8z"></path> 1916</g> 1917</svg> 1918</a> 1919</div> 1920</div> 1921 <div id="cbb0f673" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="link" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet="" data-external-id="1581570617"> <a data-display-type="block" class="align-center dmButtonLink dmWidget dmWwr default dmOnlyButton dmDefaultGradient u_1581570617" file="false" href="/it" data-element-type="dButtonLinkId" id="1581570617"> <span class="iconBg" aria-hidden="true" id="1119517969"> <span class="icon hasFontIcon icon-star" id="1216896365"></span> 1922</span> 1923 <span class="text" id="1319310271">555-555-555</span> 1924</a> 1925</div> 1926</div> 1927 <div id="2648d9a2" class="flex-element group" data-auto="flex-element-group" data-hidden-on-tablet="" data-hidden-on-mobile=""> <div id="2da91053" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="socialhub" data-hidden-on-tablet="" data-hidden-on-mobile="" data-hidden-on-desktop="" data-external-id="1162753460"> <div class="align-center text-align-center u_1162753460 dmSocialHub gapSpacing" id="1162753460" dmle_extension="social_hub" data-element-type="social_hub" wr="true" networks="" icon="true" surround="true" adwords=""> <div class="socialHubWrapper"> <div class="socialHubInnerDiv "> <a href="mailto:[email protected]" dm_dont_rewrite_url="true" aria-label="email" onclick="dm_gaq_push_event &&
1927 dm_gaq_push_event('socialLink', 'click', 'Email')"> <span class="dmSocialEmail dm-social-icons-email oneIcon socialHubIcon style5" aria-hidden="true" data-hover-effect=""></span> 1928</a> 1929 <a href="https://wa.me/88888888" target="_blank" dm_dont_rewrite_url="true" aria-label="whatsapp" onclick="dm_gaq_push_event && dm_gaq_push_event('socialLink', 'click', 'Whatsapp')"> <span class="dmSocialWhatsapp dm-social-icons-whatsapp oneIcon socialHubIcon style5" aria-hidden="true" data-hover-effect=""></span> 1930</a> 1931</div> 1932</div> 1933</div> 1934</div> 1935</div> 1936 <div id="1507f5f5" class="flex-element group" data-auto="flex-element-group" data-hidden-on-desktop=""> <div id="2ee47a4c" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="hamburgerButton" data-external-id="1941379123"> <button class="hamburgerButton" data-element-type="hamburgerButton" id="1941379123" aria-label="Open menu" aria-controls="hamburger-drawer" aria-expanded="false"> <svg width="100pt" height="100pt" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" id="1947973346"> <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> 1937</svg> 1938</button> 1939</div> 1940</div> 1941 <div id="034a1e73" class="flex-element group" data-auto="flex-element-group"></div> 1942</div> 1943</div> 1944</section> 1945</div> 1946 <div data-auto="flex-section" id="1929856596" data-flex-id="1b94a2a1" data-layout-section="" data-page-element-type="section" data-page-element-id="1790906340"> <div class="flex-widgets-container" id="1615971299"></div> 1947 <section id="98f71c3f" class="flex-element section" data-auto="flex-element-section"> <div id="681b1ca5" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="b8a1e081" class="flex-element group" data-auto="flex-element-group" data-hidden-on-tablet="" data-hidden-on-mobile=""> <div id="63f7f669" class="flex-element group" data-auto="flex-element-group"> <div id="ccd8f65b" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="ONELinksMenu" data-external-id="1103872504"> <nav class="u_1103872504 effect-background main-navigation unifiednav dmLinksMenu" role="navigation" layout-main="horizontal_nav_layout_7" layout-sub="submenu_horizontal_1" data-show-vertical-sub-items="HOVER" id="1103872504" 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="/it" class="unifiednav__item unav-item unav-top-item dmNavItemSelected dmUDNavigationItem_00 " target="" data-target-page-alias="it" aria-current="page" data-auto="selected-page"> <span class="nav-item-text " data-link-text="Benvenuto" data-auto="page-text-style">Benvenuto<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 1948</span> 1949</a> 1950</li> 1951 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/it/hotel" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101388901 " target="" data-target-page-alias="it/hotel"> <span class="nav-item-text " data-link-text="Hotel" data-auto="page-text-style">Hotel<span class="icon icon-angle-down"></span> 1952</span> 1953</a> 1954</li> 1955 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/it/camere" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101763069 " target="" data-target-page-alias="it/camere"> <span class="nav-item-text " data-link-text="Camere" data-auto="page-text-style">Camere<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 1956</span> 1957</a> 1958</li> 1959 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/it/nel-quartiere" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101801021 " target="" data-target-page-alias="it/nel-quartiere"> <span class="nav-item-text " data-link-text="Nel quartiere" data-auto="page-text-style">Nel quartiere<span class="icon icon-angle-down"></span> 1960</span> 1961</a> 1962</li> 1963 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/it/contatto" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101864424 " target="" data-target-page-alias="it/contatto"> <span class="nav-item-text " data-link-text="Contatto" data-auto="page-text-style">Contatto<span class="icon icon-angle-down"></span> 1964</span> 1965</a> 1966</li> 1967</ul> 1968</nav> 1969</div> 1970</div> 1971</div> 1972</div> 1973</section> 1974</div> 1975</div> 1976 <div id="hamburger-drawer" class="hamburger-drawer layout-drawer" layout="5ff40d2f36ae4e5ea1bc96b2e2fcf67e===header" data-origin="side-reverse"> <div data-layout-section="" data-auto="flex-section" id="1159072613" data-flex-id="23b19e39"> <div class="flex-widgets-container" id="1523526661"></div> 1977 <section id="2c11276b" class="flex-element section" data-auto="flex-element-section"> <div id="7e8b25e6" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="adab0831" class="flex-element group" data-auto="flex-element-group"> <div id="d700b9a3" class="flex-element group" data-auto="flex-element-group"> <div id="977c9eb4" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="hamburgerButton" data-external-id="1686128713"> <button class="hamburgerButton" data-element-type="hamburgerButton" id="1686128713" aria-label="Close menu" aria-controls="hamburger-drawer" aria-expanded="false"> <svg width="100pt" height="100pt" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" id="1148586987"> <path d="m82 87.883c1.625 1.625 4.2656 1.625 5.8906 0 1.6289-1.6289 1.6289-4.2656 0-5.8945l-32.414-32.41 32.406-32.406c1.6289-1.625 1.6289-4.2656 1978 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
1979 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> 1980</svg> 1981</button> 1982</div> 1983</div> 1984</div> 1985</div> 1986</section> 1987</div> 1988 <div data-auto="flex-section" id="1099442592" data-flex-id="63a049320d35b55b4ef2a372" data-layout-section=""> <div class="flex-widgets-container" id="1247649854"></div> 1989 <section id="63a049320d35b55b4ef2a373" class="flex-element section" data-auto="flex-element-section"> <div id="63a049320d35b55b4ef2a376" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="63a049320d35b55b4ef2a377" class="flex-element group" data-auto="flex-element-group"> <div id="63a049320d35b55b4ef2a374" class="flex-element group" data-auto="flex-element-group"> <div id="63a049ca0d35b55b4ef2a5c3" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="ONELinksMenu" data-external-id="1998592992"> <nav class="u_1998592992 effect-background main-navigation unifiednav dmLinksMenu" role="navigation" layout-main="vertical_nav_layout_3" layout-sub="" data-show-vertical-sub-items="HIDE" id="1998592992" dmle_extension="onelinksmenu" data-element-type="onelinksmenu" data-logo-src="" alt="" data-nav-structure="VERTICAL" wr="true" icon="true" surround="true" adwords="" navigation-id="unifiedNav"> <ul role="menubar" class="unifiednav__container unav-top " data-auto="navigation-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/it" class="unifiednav__item unav-item unav-top-item dmNavItemSelected dmUDNavigationItem_00 " target="" data-target-page-alias="it" aria-current="page" data-auto="selected-page"> <span class="nav-item-text " data-link-text="Benvenuto" data-auto="page-text-style">Benvenuto<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 1990</span> 1991</a> 1992</li> 1993 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/it/hotel" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101388901 " target="" data-target-page-alias="it/hotel"> <span class="nav-item-text " data-link-text="Hotel" data-auto="page-text-style">Hotel<span class="icon icon-angle-down"></span> 1994</span> 1995</a> 1996</li> 1997 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/it/camere" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101763069 " target="" data-target-page-alias="it/camere"> <span class="nav-item-text " data-link-text="Camere" data-auto="page-text-style">Camere<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 1998</span> 1999</a> 2000</li> 2001 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/it/nel-quartiere" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101801021 " target="" data-target-page-alias="it/nel-quartiere"> <span class="nav-item-text " data-link-text="Nel quartiere" data-auto="page-text-style">Nel quartiere<span class="icon icon-angle-down"></span> 2002</span> 2003</a> 2004</li> 2005 <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/it/contatto" class="unifiednav__item unav-item unav-top-item dmUDNavigationItem_010101864424 " target="" data-target-page-alias="it/contatto"> <span class="nav-item-text " data-link-text="Contatto" data-auto="page-text-style">Contatto<span class="icon icon-angle-down"></span> 2006</span> 2007</a> 2008</li> 2009</ul> 2010</nav> 2011</div> 2012</div> 2013</div> 2014</div> 2015</section> 2016</div> 2017 <div data-auto="flex-section" id="1029527021" data-flex-id="6406026c90e1521f6ecb0eca" data-layout-section=""> <div class="flex-widgets-container" id="1659590659"></div> 2018 <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> 2019</div> 2020</div> 2021</section> 2022</div> 2023</div> 2024 <div class="layout-drawer-overlay" id="layout-drawer-overlay"></div> 2025</div> 2026 <div dmwrapped="true" id="dmFirstContainer" class="dmBody u_dmStyle_template_it dm-home-page" themewaschanged="true"> <div id="allWrapper" class="allWrapper"><!-- navigation placeholders -->
2026 <div id="dm_content" class="dmContent" role="main"> <div dm:templateorder="170" class="dmHomeRespTmpl mainBorder dmRespRowsWrapper dmFullRowRespTmpl" id="1716942098"> <div data-flex-id="ec0ab84b" data-auto="flex-section" id="1059507321" data-layout-section="" data-page-element-type="section" data-page-element-id="1820067652"> <div class="flex-widgets-container" id="1809711966"></div> 2027 <section id="d627d5d4" class="flex-element section" data-auto="flex-element-section"> <div id="834f599d" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid="" data-binding="eyJiaW5kaW5nTmFtZSI6ImJhY2tncm91bmQiLCJ2YWx1ZSI6InNpdGVfY29sbGVjdGlvbi5tYWluIGltYWdlIGdhbGxlcnkifQ==" data-binding-metadata="eyJpbWFnZSI6ImltYWdlIiwiZGF0YV9xdWVyeSI6IntcImZpbHRlcnNcIjpbXSxcInNvcnRcIjpbXSxcImZpZWxkc1wiOltdLFwicGFnZVNpemVcIjpudWxsfSJ9" data-gallery-bg="eyJ0cmFuc2l0aW9uIjoiZmFkZSIsInNwZWVkIjoxMH0=" style="background-image: url('https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/hortusbuitenaanzicht-transformed-1920w.jpeg') !important;"> <div id="a4382712" class="flex-element group" data-auto="flex-element-group"> <div id="f493c9c2" class="flex-element group" data-auto="flex-element-group"></div> 2028</div> 2029</div> 2030</section> 2031</div> 2032 <div data-layout-section="" data-auto="flex-section" id="1668148923" data-flex-id="019d80bf"> <div class="flex-widgets-container" id="1956831951"></div> 2033 <section id="2f7f6acf" class="flex-element section" data-auto="flex-element-section"> <div id="8ab73c64" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="ddf0fb5e" class="flex-element group" data-auto="flex-element-group"> <div id="910d5d23" class="flex-element group has-quickbooker" data-auto="flex-element-group"> <div id="widget_c5c" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="custom" data-external-id="1652702313"> <div class="widget-249dfb dmCustomWidget" data-lazy-load="true" data-title="" id="1652702313" dmle_extension="custom_extension" data-element-type="custom_extension" icon="false" surround="false" data-widget-id="249dfb944e2f4586a15cd91a745db6d0" data-widget-version="84" data-widget-config="eyJtb2JpbGVNb2RhbEJ1dHRvbiI6bnVsbCwic21hcnRRYklucHV0VGV4dENvbG9yIjpudWxsLCJzbWFydFFiV2lkZ2V0QmdDb2xvciI6bnVsbCwiYm9vayI6bnVsbCwiU21hcnRJQkUiOmZhbHNlLCJzbWFydFFiQnRuQm9yZGVyUmFkaXVzIjoiMHB4Iiwic21hcnRRYklucHV0Qm9yZGVyQ29sb3IiOm51bGwsInNtYXJ0UWJCdG5UZXh0Q29sb3IiOm51bGwsImRhdGVMYWJlbCI6bnVsbCwic21hcnRRYklucHV0Qm9yZGVyUmFkaXVzIjoiMCIsInNtYXJ0UWJJbnB1dEJvcmRlclNpemUiOiIxcHgiLCJzbWFydFFiSW5wdXRCZ0NvbG9yIjpudWxsLCJpbnB1dEJvbGQiOm51bGwsInByb21vQ29kZSI6bnVsbCwic21hcnRRYkJ0bkJnQ29sb3IiOm51bGwsInRleHQiOm51bGwsInNtYXJ0UWJNaXNjVGV4dENvbG9yIjpudWxsLCJub0lmcmFtZSI6dHJ1ZSwic2xvZ2FuIjp0cnVlfQ=="><!-- 2034 Quickbooker 2 - v59 2035--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"/> <style>:root { 2036 --smartQbBtnBgColor: ; 2037 --smartQbBtnTextColor: ; 2038 --smartQbBtnBorderRadius: 0px; 2039 2040 --smartQbInputBgColor: ; 2041 --smartQbInputTextColor: ; 2042 --smartQbInputBorderRadius: 0; 2043 --smartQbInputBorderSize: 1px; 2044 --smartQbInputBorderColor: ; 2045 2046 --smartQbMiscTextColor: ; 2047 2048 --smartQbWidgetBgColor: ; 2049 }</style> 2050 <div class="quickbooker quickbooker--desktop widget-bg"> <form action="" method="post" target="_blank"><input type="hidden" name="mobileModalButton" data-js="mobileModalButton" value=""/><input type="hidden" name="nrOfAdults" data-js="nrOfAdults" value="2"/><input type="hidden" data-js="sloganText" value=""/> <div class="quickbooker__grid"> <div class="quickbooker__slogan quickbooker__misc-text" data-js="slogan"> <div></div> 2051</div> 2052 <label class="quickbooker__misc-text" for="daterange" data-js="dateRangeLabel"></label> 2053 <div class="quickbooker__grid-item" data-item="hoteliers_date_range"> <div class="quickbooker__field quickbooker__field--box quickbooker__transition quickbooker__datepicker" style="position: relative"><input id="daterange" class=" 2054 " type="text" placeholder="" name="daterange" data-js="arrivalDate" value="" readonly="readonly"/> <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 16.9287V23.9998H16.929L24 16.9287Z" fill="black"></path> 2055</svg> 2056</div> 2057</div> 2058 <label class="quickbooker__misc-text" for="promoCode">Code</label> 2059<input id="promoCode" class="quickbooker__field quickbooker__transition 2060 " name="promoCode" placeholder="Code" type="text" value="" data-js="promoCode" aria-label="Code" data-placeholder-original="Code"/><input class="quickbooker__btn btn--duda quickbooker__transition 2061 " style="height:100% !important" type="submit" data-js="submitDates" value=""/></div> 2062</form> 2063</div> 2064</div> 2065</div> 2066</div> 2067</div> 2068</div> 2069</section> 2070</div> 2071 <div data-layout-section="" data-auto="flex-section" id="1877525144" data-flex-id="bd835d9e"> <div class="flex-widgets-container" id="1481704979"></div> 2072 <section id="7300d3f8" class="flex-element section" data-auto="flex-element-section"> <div id="4086b613" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="d12bac65" class="flex-element group" data-auto="flex-element-group"> <div id="b32fe16b" class="flex-element group" data-auto="flex-element-group"> <div id="4aa08632" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1091108219"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1091108219" data-diy-text="" style=""> <h1 class="text-align-center"> <span style="display:initial;">Hotel Hortus Amsterdam</span> 2073</h1> 2074 <h1 style="line-height: 0.5;" class="text-align-center"><br/></h1> 2075<p style="line-height: 1.5;" class="text-align-center"> <span style="display:initial;">
2075Benvenuti all'Hotel Hortus Amsterdam.</span> 2076</p><p style="line-height: 1.5;" class="text-align-center"> <span style="display:initial;"></span> 2077</p><p style="line-height: 1.5;" class="text-align-center"> <span style="display:initial;">L'Hotel Hortus è un'azienda a conduzione familiare dal 1993. L'hotel offre sistemazioni con camere non fumatori per un massimo di 4 persone, situate nella parte est del centro città, nel quartiere Plantage, dietro l'Orto Botanico. Nelle vicinanze si trovano numerosi parchi e attrazioni, come lo Zoo Artis, l'Orto Botanico, i mercati di Waterlooplein, Rembrandt, l'Hermitage e il Museo Storico Ebraico.</span> 2078</p></div> 2079</div> 2080</div> 2081</div> 2082</div> 2083</section> 2084</div> 2085 <div data-layout-section="" data-auto="flex-section" id="1686858093" data-flex-id="b1ac72b3" data-page-element-type="section" data-page-element-id="1145421632"> <div class="flex-widgets-container" id="1417265670"></div> 2086 <section id="6e14c24d" class="flex-element section" data-auto="flex-element-section"> <div id="e09de937" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="627e6ed7" class="flex-element group" data-auto="flex-element-group"> <div id="2f835d39" class="flex-element group" data-auto="flex-element-group"> <div id="61cdbfa8" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="photoGallery" data-external-id="1789658059"> <div class="dmPhotoGallery newPhotoGallery dmPhotoGalleryResp u_1789658059 photo-gallery-done text-layout-bottom captionAlignment-center_center photoGallery" galleryoptionsparams="{thumbnailsPerRow: 3, rowsToShow: 3, imageScaleMethod: true}" data-desktop-layout="square" data-desktop-columns="3" data-element-type="dPhotoGalleryId" data-desktop-text-layout="bottom" id="1789658059" data-rows-to-show="100" data-image-hover-effect="zoomout" data-desktop-caption-alignment="center_center" data-placeholder="false" data-mobile-columns="1" data-image-animation="fadeIn" data-link-gallery="true"> <div class="dmPhotoGalleryHolder clearfix gallery shadowEffectToChildren gallery4inArow" id="1362986591"></div> 2087 <div class="layout-container square"> <div class="photogallery-row " data-index=""> <div class="photogallery-column column-3" data-index="0"> <div index="0" class="photoGalleryThumbs animated " data-index="0"> <div class="thumbnailInnerWrapper" style="opacity: 1;"> <div class="image-container revealed"> <a data-dm-multisize-attr="temp" aria-labelledby="1838726348" data-dm-force-device="mobile" class="u_1298833791 has-link" href="/it/camere" data-image-url="https://de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/twin-room-with-shower+Cropped.jpg" target="_blank" style="background-image: url('https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/twin-room-with-shower+Cropped-640w.jpg');"><img id="1333242631" data-src="https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/twin-room-with-shower+Cropped-1920w.jpg" alt="" aria-labelledby="1838726348" onerror="handleImageLoadError(this)"/></a> 2088</div> 2089 <div id="1772357582" class="caption-container u_1772357582" style="display:none"> <span class="caption-inner"> <h3 id="1838726348" class="caption-title u_1838726348">Camere</h3> 2090 <a id="1280708652" class="caption-button dmWidget clearfix u_1280708652" href="/it/camere" style=""> <span class="iconBg"> <span class="icon hasFontIcon "></span> 2091</span> 2092 <span class="text">Pulsante</span> 2093</a> 2094</span> 2095</div> 2096</div> 2097</div> 2098</div> 2099 <div class="photogallery-column column-3" data-index="1"> <div index="1" class="photoGalleryThumbs animated " data-index="1"> <div class="thumbnailInnerWrapper" style="opacity: 1;"> <div class="image-container revealed"> <a data-dm-multisize-attr="temp" aria-labelledby="1899370307" data-dm-force-device="mobile" class="u_1324737932 has-link" href="/it/nel-quartiere" data-image-url="https://de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/archive-WYZhshWfi80-unsplash+Cropped.jpg" target="_blank" style="background-image: url('https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/archive-WYZhshWfi80-unsplash+Cropped-640w.jpg');"><img id="1545658992" data-src="https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/archive-WYZhshWfi80-unsplash+Cropped-1920w.jpg" alt="" aria-labelledby="1899370307" onerror="handleImageLoadError(this)"/></a> 2100</div> 2101 <div id="1874250510" class="caption-container u_1874250510" style="display:none"> <span class="caption-inner"> <h3 id="1899370307" class="caption-title u_1899370307">Quartiere</h3> 2102 <a id="1008208123" class="caption-button dmWidget clearfix u_1008208123" href="/it/nel-quartiere" style=""> <span class="iconBg"> <span class="icon hasFontIcon "></span> 2103</span> 2104 <span class="text">Pulsante</span> 2105</a> 2106</span> 2107</div> 2108</div> 2109</div> 2110</div> 2111 <div class="photogallery-column column-3" data-index="2"> <div index="2" class="photoGalleryThumbs animated " data-index="2"> <div class="thumbnailInnerWrapper" style="opacity: 1;"> <div class="image-container revealed"> <a data-dm-multisize-attr="temp" aria-labelledby="1630866906" data-dm-force-device="mobile" class="u_1694224144 has-link" href="/it/contatto" data-image-url="https://de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/hortuslobbi+%281%29+Cropped.jpg" target="_blank" style="background-image: url('https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/hortuslobbi+%281%29+Cropped-640w.jpg');"><img id="1956702576" data-src="https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/hortuslobbi+%281%29+Cropped-1920w.jpg" alt="" aria-labelledby="1630866906" onerror="handleImageLoadError(this)"/></a> 2112</div> 2113 <div id="1679969899" class="caption-container u_1679969899" style="display:none"> <span class="caption-inner"> <h3 id="1630866906" class="caption-title u_1630866906">Contatto</h3> 2114 <a id="1203209468" class="caption-button dmWidget clearfix u_1203209468" href="/it/contatto" style=""> <span class="iconBg"> <span class="icon hasFontIcon "></span> 2115</span> 2116 <span class="text">Pulsante</span> 2117</a> 2118</span> 2119</div> 2120</div> 2121</div> 2122</div> 2123</div> 2124</div> 2125</div> 2126</div> 2127</div> 2128</div> 2129</div> 2130</section> 2131</div> 2132 <div data-layout-section="" data-auto="flex-section" id="1342317263" data-flex-id="fe29ce2e"> <div class="flex-widgets-container" id="1762861669"></div> 2133 <section id="40ba6e4d" class="flex-element section" data-auto="flex-element-section"> <div id="057f9665" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="13edf4c9" class="flex-element group" data-auto="flex-element-group"> <div id="2894f749" class="flex-element group" data-auto="flex-element-group"></div> 2134</div> 2135</div> 2136</section> 2137</div> 2138</div> 2139</div> 2140</div> 2141</div> 2142 <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> 2143 <section id="63da2bddeae8da42b2353670" class="flex-element section" data-auto="flex-element-section"> <div id="63da2bddeae8da42b2353672" class="flex-element grid" data-auto="flex-element-grid" data-layout-grid=""> <div id="63da2bddeae8da42b2353673" class="flex-element group" data-auto="flex-element-group"> <div id="eb6263b7" class="flex-element group" data-auto="flex-element-group"> <div id="a69a66e6" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1618546519"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1618546519" style=""> <h5 class="m-text-align-center text-align-left"> <span style="color:var(--color_7);display:initial;">Contatto</span> 2144</h5> 2145</div> 2146</div> 2147 <div id="widget_t63" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1025644636"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1025644636" data-diy-text="" style=""><p style="line-height: 1.5;" class="size-16 t-size-16 m-size-16"> <span class="font-size-16 t-font-size-16 m-font-size-16" style="color:var(--color_1);display:initial;text-decoration:none;">Plantation Parklaan 8</span> 2148</p><p style="line-height: 1.5;" class="size-16 t-size-16 m-size-16"> <span class="font-size-16 t-font-size-16 m-font-size-16" style="color:var(--color_1);display:initial;text-decoration:none;">1018 SR Amsterdam</span> 2149</p><p class="size-16 t-size-16 m-size-16" style="line-height: 1.5;"> <span class="font-size-16 t-font-size-16 m-font-size-16" style="color:var(--color_1);display:initial;text-decoration:none;">31 20 625 99 96</span> 2150</p></div> 2151</div> 2152</div> 2153 <div id="63da2bf2eae8da42b23538a2" class="flex-element group" data-auto="flex-element-group" data-hidden-on-mobile=""> <div id="widget_erh" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1291501055"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1291501055" style=""> <h5> <span style="color:var(--color_7);display:unset;">Link utili</span> 2154</h5> 2155</div> 2156</div> 2157 <div id="widget_tg3" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="ONELinksMenu" data-external-id="1503775934"> <nav class="u_1503775934 unifiednav_vertical effect-text-color main-navigation unifiednav dmLinksMenu" role="navigation" layout-main="vertical_nav_layout_2" layout-sub="" data-show-vertical-sub-items="HOVER" id="1503775934" dmle_extension="onelinksmenu" data-element-type="onelinksmenu" alt="" data-nav-structure="VERTICAL" wr="true" icon="true" surround="true" adwords="" navigation-id="unifiedNav"> <ul role="menubar" class="unifiednav__container unav-top " data-auto="navigation-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="https://de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/files/uploaded/2022_uniforme-voorwaarden-horeca-engels.pdf" class="unifiednav__item unav-item unav-top-item " target="_blank" data-target-page-alias="https://de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/files/uploaded/2022_uniforme-voorwaarden-horeca-engels.pdf"> <span class="nav-item-text " data-link-text="Termini e Condizioni" data-auto="page-text-style">Termini e Condizioni<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 2158</span> 2159</a> 2160</li> 2161</ul> 2162</nav> 2163</div> 2164 <div id="294a75b4" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="ONELinksMenu" lock-element-for-editing="true" data-external-id="1149122990"> <nav class="u_1149122990 unifiednav_vertical effect-text-color main-navigation unifiednav dmLinksMenu" role="navigation" layout-main="vertical_nav_layout_2" layout-sub="" data-show-vertical-sub-items="HOVER" id="1149122990" dmle_extension="onelinksmenu" data-element-type="onelinksmenu" alt="" data-nav-structure="VERTICAL" wr="true" icon="true" surround="true" adwords="" navigation-id="unifiedNav"> <ul role="menubar" class="unifiednav__container unav-top " data-auto="navigation-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="http://www.smarthotel.nl" class="unifiednav__item unav-item unav-top-item " target="_blank" data-target-page-alias="http://www.smarthotel.nl"> <span class="nav-item-text " data-link-text="Sito web di Smarthotel" data-auto="page-text-style">Sito web di Smarthotel<span class="icon icon-angle-down" data-hidden-on-mobile="" data-hidden-on-desktop="" data-hidden-on-tablet=""></span> 2165</span> 2166</a> 2167</li> 2168</ul> 2169</nav> 2170</div> 2171</div> 2172 <div id="e0bc5626" class="flex-element group" data-auto="flex-element-group"> <div id="6bfa7d9b" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="paragraph" data-external-id="1708275091"> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1708275091" style=""> <h5 class="text-align-center m-text-align-center"> <span style="color:var(--color_7);display:initial;">Seguici</span> 2173</h5> 2174</div> 2175</div> 2176 <div id="widget_0jc" class="flex-element widget-wrapper" data-auto="flex-element-widget-wrapper" data-widget-type="socialhub" data-external-id="1151010592"> <div class="align-center text-align-center u_1151010592 dmSocialHub gapSpacing" id="1151010592" dmle_extension="social_hub" data-element-type="social_hub" wr="true" networks="" icon="true" surround="true" adwords=""> <div class="socialHubWrapper"> <div class="socialHubInnerDiv "> <a href="https://wa.me/31616017794" target="_blank" dm_dont_rewrite_url="true" aria-label="whatsapp" onclick="dm_gaq_push_event &&
2176 dm_gaq_push_event('socialLink', 'click', 'Whatsapp')"> <span class="dmSocialWhatsapp dm-social-icons-whatsapp oneIcon socialHubIcon style5" aria-hidden="true" data-hover-effect=""></span> 2177</a> 2178</div> 2179</div> 2180</div> 2181</div> 2182</div> 2183</div> 2184</div> 2185</section> 2186</div> 2187</div> 2188</div> 2189</div> 2190</div> 2191</div> 2192</div> 2193</div> 2194</div> 2195 2196 </div> 2197</div> 2198<!-- Add full CSS and Javascript before the close tag of the body if needed --> 2199 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-mobile_implicit-flex-header-3afd8fdd7c354fb994a6f6aab6ca601f">@media (max-width: 767px) { 2200}</style> 2201 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-mobile-ec0ab84b-135a17770e504d1b8525ed5f83edc1b0">@media (max-width: 767px) { 2202 2203#f493c9c2 { 2204 min-height: 240px; 2205 width: 100%; 2206 padding: 0px 0px 0px 0px; 2207} 2208 2209#a4382712 { 2210 min-height: unset; 2211 flex-direction: column; 2212 padding-left: 4%; 2213 padding-right: 4%; 2214 padding-top: 0px; 2215} 2216 2217#\38 34f599d { 2218 background-image: url('https://le-de.cdn-website.com/566717a8bcee4f818ca00935d828c7e1/dms3rep/multi/opt/hortusbuitenaanzicht-transformed-2880w.jpeg') !important; 2219} 2220}</style> 2221 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-mobile-019d80bf-135a17770e504d1b8525ed5f83edc1b0">@media (max-width: 767px) { 2222 2223#\39 10d5d23 { 2224 width: 100%; 2225 min-height: 80px; 2226 align-items: center; 2227} 2228 2229#ddf0fb5e { 2230 min-height: 0; 2231 flex-direction: column; 2232 padding-left: 4%; 2233 padding-right: 4%; 2234 flex-wrap: nowrap; 2235} 2236}</style> 2237 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-mobile-bd835d9e-135a17770e504d1b8525ed5f83edc1b0">@media (max-width: 767px) { 2238 2239#b32fe16b { 2240 width: 100%; 2241 min-height: 80px; 2242 align-items: center; 2243 row-gap: 15px; 2244} 2245 2246#d12bac65 { 2247 min-height: 0; 2248 flex-direction: column; 2249 padding-left: 0%; 2250 padding-right: 0%; 2251 flex-wrap: nowrap; 2252} 2253 2254#\34 aa08632 { 2255 width: 98.83%; 2256} 2257}</style> 2258 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-mobile-b1ac72b3-135a17770e504d1b8525ed5f83edc1b0">@media (max-width: 767px) { 2259 2260#\36 27e6ed7 { 2261 min-height: 0; 2262 flex-direction: column; 2263 flex-wrap: nowrap; 2264 padding: 0% 0% 0% 0%; 2265} 2266 2267#\36 1cdbfa8 { 2268 justify-self: auto; 2269 align-self: auto; 2270 width: 100%; 2271 order: 2; 2272 margin: 0% 0% 0% 0%; 2273 grid-area: auto / auto / auto / auto; 2274} 2275 2276#\32 f835d39 { 2277 width: 100%; 2278 min-height: 160px; 2279 align-items: center; 2280 padding-right: 0%; 2281 padding-bottom: 32px; 2282 padding-left: 0%; 2283 margin-top: 0px; 2284 row-gap: 18px; 2285} 2286 2287#\36 e14c24d { 2288 margin-top: 0px; 2289} 2290}</style> 2291 <style data-page-uuid="135a17770e504d1b8525ed5f83edc1b0" id="grid-styles-mobile-fe29ce2e-135a17770e504d1b8525ed5f83edc1b0">@media (max-width: 767px) { 2292 2293#\32 894f749 { 2294 width: 100%; 2295 min-height: 80px; 2296 align-items: center; 2297} 2298 2299#\31 3edf4c9 { 2300 min-height: 0; 2301 flex-direction: column; 2302 padding-left: 4%; 2303 padding-right: 4%; 2304 flex-wrap: nowrap; 2305} 2306}</style> 2307 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-mobile-flex-footer-3afd8fdd7c354fb994a6f6aab6ca601f">@media (max-width: 767px) { 2308 2309#flex-footer { 2310} 2311}</style> 2312 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-mobile-flex-header-3afd8fdd7c354fb994a6f6aab6ca601f">@media (max-width: 767px) { 2313 2314#flex-header::before, #flex-header > .bgExtraLayerOverlay { 2315 2316} 2317#flex-header { 2318 background-color: rgba(0,0,0,0); 2319 2320 padding-top: 0px; 2321} 2322}</style> 2323 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-mobile-90ad72e8-3afd8fdd7c354fb994a6f6aab6ca601f">@media (max-width: 767px) { 2324 2325#\31 e8953e5 { 2326 width: 100%; 2327 align-items: center; 2328} 2329 2330#be018b22 { 2331 flex-direction: row; 2332 padding-left: 4%; 2333 padding-right: 4%; 2334 min-height: 25px; 2335} 2336 2337#c414e197 { 2338 width: 100%; 2339 align-items: center; 2340} 2341}</style> 2342 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-mobile-5925d712-3afd8fdd7c354fb994a6f6aab6ca601f">@media (max-width: 767px) { 2343 2344#\30 5ecf453 { 2345 width: 32%; 2346 min-height: 8px; 2347} 2348 2349#e03d59d5 { 2350 width: 32%; 2351 justify-content: center; 2352 min-height: 8px; 2353} 2354 2355#\32 648d9a2 { 2356 width: 15.45%; 2357 justify-content: center; 2358} 2359 2360#c06a8a2d { 2361 height: auto; 2362 width: 35px; 2363} 2364 2365#\30 15f4af1 { 2366 height: auto; 2367 width: 120px; 2368} 2369 2370#\31 507f5f5 {
2371 align-items: center; 2372 width: 32%; 2373 min-height: 8px; 2374} 2375 2376#d432d4de { 2377 padding-left: 2%; 2378 padding-right: 2%; 2379 min-height: 0px; 2380 column-gap: 0%; 2381 flex-direction: row; 2382 flex-wrap: nowrap; 2383 padding-top: 0px; 2384} 2385 2386#\30 34a1e73 { 2387 align-items: center; 2388} 2389}</style> 2390 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-mobile-1b94a2a1-3afd8fdd7c354fb994a6f6aab6ca601f">@media (max-width: 767px) { 2391 2392#\36 3f7f669 { 2393 width: 100%; 2394 min-height: 38px; 2395 align-items: center; 2396} 2397 2398#b8a1e081 { 2399 min-height: unset; 2400 flex-direction: column; 2401 padding-left: 4%; 2402 padding-right: 4%; 2403} 2404}</style> 2405 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-mobile-23b19e39-3afd8fdd7c354fb994a6f6aab6ca601f">@media (max-width: 767px) { 2406 2407#d700b9a3 { 2408 width: 100%; 2409 min-height: 80px; 2410} 2411 2412#adab0831 { 2413 min-height: unset; 2414 flex-direction: column; 2415} 2416}</style> 2417 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-mobile-63a049320d35b55b4ef2a372-3afd8fdd7c354fb994a6f6aab6ca601f">@media (max-width: 767px) { 2418 2419#\36 3a049320d35b55b4ef2a374 { 2420 padding-top: 50px; 2421 width: 100%; 2422 min-height: 50vh; 2423 justify-content: flex-start; 2424} 2425 2426#\36 3a049320d35b55b4ef2a377 { 2427 flex-direction: column; 2428 min-height: unset; 2429 padding: 0% 4% 0% 4%; 2430} 2431 2432#\36 3a049ca0d35b55b4ef2a5c3 { 2433 align-self: flex-start; 2434 margin-left: 0px; 2435 margin-right: 0px; 2436} 2437}</style> 2438 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-mobile-6406026c90e1521f6ecb0eca-3afd8fdd7c354fb994a6f6aab6ca601f">@media (max-width: 767px) { 2439 2440#\36 406026c90e1521f6ecb0ecd { 2441 width: 100%; 2442 padding-bottom: 16px; 2443 min-height: 366px; 2444 justify-content: flex-end; 2445} 2446 2447#\36 406026c90e1521f6ecb0ecc { 2448 flex-direction: column; 2449 min-height: unset; 2450 padding: 0% 4% 0% 4%; 2451} 2452}</style> 2453 <style data-page-uuid="3afd8fdd7c354fb994a6f6aab6ca601f" data-is-header="true" id="grid-styles-mobile-63da2bddeae8da42b2353671-3afd8fdd7c354fb994a6f6aab6ca601f">@media (max-width: 767px) { 2454 2455#\36 3da2bddeae8da42b2353673 { 2456 row-gap: 11px; 2457 flex-direction: column; 2458 min-height: 0; 2459 flex-wrap: nowrap; 2460 padding: 8% 4% 8% 4%; 2461} 2462 2463#\36 3da2bf2eae8da42b23538a2 { 2464 align-self: auto; 2465 width: 100%; 2466 min-height: 107px; 2467 order: 1; 2468} 2469 2470#e0bc5626 { 2471 align-self: auto; 2472 width: 100%; 2473 min-height: 80px; 2474 order: 1; 2475 align-items: center; 2476} 2477 2478#eb6263b7 { 2479 align-self: auto; 2480 width: 100%; 2481 min-height: 80px; 2482 order: 1; 2483 align-items: center; 2484} 2485}</style> 2486 2487 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524<!-- ========= JS Section ========= -->
2525<script> 2526 var isWLR = true; 2527 2528 window.customWidgetsFunctions = {}; 2529 window.customWidgetsStrings = {}; 2530 window.collections = {}; 2531 window.currentLanguage = "ITALIAN" 2532 window.isSitePreview = false; 2533</script>
2533 2534 2535 2536
2537<script> 2538 window.customWidgetsFunctions["249dfb944e2f4586a15cd91a745db6d0~84"] = function (element, data, api) { 2539 console.log("Widget JS Loaded"); 2540 2541// Use the document language or fall back to English 2542const language = document.documentElement.lang || "en"; 2543console.log("Document language:", language); 2544 2545// Helper to map document language to Flatpickr locale file code 2546function getFlatpickrLocale(lang) { 2547 const mapping = { 2548 en: "en", "en-US": "en", 2549 nl: "nl", "nl-NL": "nl", 2550 de: "de", "de-DE": "de", 2551 fr: "fr", "fr-FR": "fr", 2552 es: "es", "es-ES": "es", 2553 it: "it", "it-IT": "it", 2554 zh_CN: "zh", "zh-CN": "zh", 2555 zh_TW: "zh-tw", "zh-TW": "zh-tw", 2556 ru: "ru", "ru-RU": "ru", 2557 ar: "ar", "ar-AR": "ar" 2558 }; 2559 return mapping[lang] || lang; 2560} 2561 2562const fpLocale = getFlatpickrLocale(language); 2563console.log("Flatpickr locale code:", fpLocale); 2564 2565// Translation Object 2566const translations = { 2567 en: { 2568 findYourStay: "Find your stay", 2569 discoverOptions: "Discover your perfect stay", 2570 close: "Close", 2571 bestRate: "Best rate guaranteed", 2572 dateRangePlaceholder: "Check-in / Check-out Dates", 2573 book: "Check options", 2574 }, 2575 nl: { 2576 findYourStay: "Vind uw verblijf", 2577 discoverOptions: "Ontdek uw perfecte verblijf", 2578 close: "Sluiten", 2579 bestRate: "Beste prijsgarantie", 2580 dateRangePlaceholder: "Incheck- / uitcheckdata", 2581 book: "Bekijk opties", 2582 }, 2583 de: { 2584 findYourStay: "Finden Sie Ihren Aufenthalt", 2585 discoverOptions: "Entdecken Sie Ihren perfekten Aufenthalt", 2586 close: "SchlieÃen", 2587 bestRate: "Bestpreisgarantie", 2588 dateRangePlaceholder: "Anreise- / Abreisedaten", 2589 book: "Optionen prüfen", 2590 }, 2591 fr: { 2592 findYourStay: "Trouvez votre séjour", 2593 discoverOptions: "Découvrez votre séjour parfait", 2594 close: "Fermer", 2595 bestRate: "Meilleur tarif garanti", 2596 dateRangePlaceholder: "Dates d'arrivée et de départ", 2597 book: "Voir les options", 2598 }, 2599 es: { 2600 findYourStay: "Encuentre su estancia", 2601 discoverOptions: "Descubra su estancia perfecta", 2602 close: "Cerrar", 2603 bestRate: "Mejor tarifa garantizada", 2604 dateRangePlaceholder: "Fechas de entrada y salida", 2605 book: "Ver opciones", 2606 }, 2607 it: { 2608 findYourStay: "Trova il tuo soggiorno", 2609 discoverOptions: "Scopri il tuo soggiorno perfetto", 2610 close: "Chiudi", 2611 bestRate: "Miglior tariffa garantita", 2612 dateRangePlaceholder: "Date di check-in e check-out", 2613 book: "Vedi opzioni", 2614 }, 2615 zh_CN: { 2616 findYourStay: "寻æ¾æ¨çä½å®¿", 2617 discoverOptions: "åç°æ¨çå®ç¾ä½å®¿", 2618 close: "å ³é", 2619 bestRate: "æä¼æ ä»·æ ¼ä¿è¯", 2620 dateRangePlaceholder: "å ¥ä½ / éæ¿æ¥æ", 2621 book: "æ¥çé项", 2622 }, 2623 zh_TW: { 2624 findYourStay: "å°æ¾æ¨çä½å®¿", 2625 discoverOptions: "ç¼ç¾æ¨çå®ç¾ä½å®¿", 2626 close: "éé", 2627 bestRate: "æåªæ å¹æ ¼ä¿è", 2628 dateRangePlaceholder: "å ¥ä½ / éæ¿æ¥æ", 2629 book: "æ¥çé¸é ", 2630 }, 2631 ru: { 2632 findYourStay: "ÐайдиÑе Ñвое жилÑе", 2633 discoverOptions: "ÐÑкÑойÑе Ð´Ð»Ñ ÑÐµÐ±Ñ Ð¸Ð´ÐµÐ°Ð»Ñное жилÑе", 2634 close: "ÐакÑÑÑÑ", 2635 bestRate: "ÐаÑанÑÐ¸Ñ Ð»ÑÑÑей ÑенÑ", 2636 dateRangePlaceholder: "ÐаÑÑ Ð·Ð°ÐµÐ·Ð´Ð° / вÑезда", 2637 book: "ÐÑовеÑиÑÑ Ð²Ð°ÑианÑÑ", 2638 }, 2639 ar: { 2640 findYourStay: "ابØØ« ع٠إÙا٠تÙ", 2641 discoverOptions: "اÙتش٠اÙØ¥Ùا٠ة اÙ٠ثاÙÙØ©", 2642 close: "إغÙاÙ", 2643 bestRate: "Ø£Ùض٠سعر ٠ض٠ÙÙ", 2644 dateRangePlaceholder: "تÙارÙØ® تسجÙ٠اÙÙصÙÙ / اÙ٠غادرة", 2645 book: "عرض اÙØ®Ùارات", 2646 }, 2647}; 2648 2649const t = translations[language] || translations.en; 2650 2651/* --------------------------------------------------------------------- 2652 SLOGAN: single source of truth (custom text or translated default) 2653----------------------------------------------------------------------*/ 2654function applySlogan(root = document) { 2655 // Prefer a local hidden field in `root`, else fall back to the document one 2656 const store = 2657 root.querySelector('[data-js="sloganText"]') || 2658 document.querySelector('[data-js="sloganText"]'); 2659 2660 const custom = (store?.value || "").trim(); 2661 const value = custom || t.bestRate; 2662 2663 // Write into all slogan nodes found under `root` 2664 root.querySelectorAll('[data-js="slogan"] div') 2665 .forEach((n) => (n.textContent = value)); 2666} 2667 2668// Immediately apply to desktop DOM once 2669applySlogan(document); 2670 2671/* --------------------------------------------------------------------- 2672 Other static/default text hydration (desktop) 2673----------------------------------------------------------------------*/ 2674const sloganElement = document.querySelector('[data-js="slogan"] div'); 2675if (sloganElement && sloganElement.textContent.trim() === "") { 2676 sloganElement.textContent = t.bestRate; 2677} 2678 2679const dateRangeLabel = document.querySelector('[data-js="dateRangeLabel"]'); 2680if (dateRangeLabel && dateRangeLabel.textContent.trim() === "") { 2681 dateRangeLabel.textContent = t.dateRangePlaceholder; 2682} 2683 2684// hydrate hidden input from default translation if blank 2685const mobileModalButton = document.querySelector('[data-js="mobileModalButton"]'); 2686if (mobileModalButton && mobileModalButton.value.trim() === "") { 2687 mobileModalButton.value = t.findYourStay; 2688} 2689 2690// sync translation key with whatever the editor typed 2691if (mobileModalButton) { 2692 const customText = mobileModalButton.value.trim(); 2693 if (customText) t.findYourStay = customText; 2694} 2695 2696const hotelId = dmAPI.getSiteExternalId(); 2697const hotelIdElement = document.querySelector('[data-js="hotel"]'); 2698if (hotelIdElement && hotelId) hotelIdElement.value = hotelId; 2699console.log(`hotelId=${hotelId}`); 2700 2701const bookButton = document.querySelector('[data-js="submitDates"]'); 2702if (bookButton && bookButton.value.trim() === "") { 2703 bookButton.value = t.book; 2704} 2705 2706/* --------------------------------------------------------------------- 2707 Prepare reference to the ORIGINAL form (must be before cloning) 2708----------------------------------------------------------------------*/ 2709const originalForm = document.querySelector(".quickbooker form"); 2710if (originalForm) { 2711 originalForm.removeAttribute("action"); // remove native submission 2712 originalForm.setAttribute("data-nrofmonths", "2"); // desktop shows two months 2713 attachFormSubmitListener(originalForm); 2714} 2715 2716/* --------------------------------------------------------------------- 2717 MOBILE BOOKER BUTTON & MODAL (insertion + cloning) 2718----------------------------------------------------------------------*/ 2719const mobileBookerHTML = ` 2720 <button class="btn btn--modal btn--modal-open btn--duda" data-modal-open>
2721 <span class="btn__text">${t.findYourStay}</span> 2722 <span class="btn__icon"> 2723 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"> 2724 <title>calendar-cursor</title> 2725 <path d="M22.86 17.74C22.77 17.85 22.65 17.91 22.53 17.94L20.66 18.3L21.95 21.14C22.11 21.43 21.97 21.79 21.67 21.93L19.53 22.94C19.44 23 19.36 23 19.27 23C19.05 23 18.84 22.88 18.74 22.66L17.45 19.83L15.96 21.04C15.86 21.12 15.74 21.17 15.59 21.17C15.26 21.17 15 20.9 15 20.57V11.6C15 11.27 15.26 11 15.59 11C15.74 11 15.88 11.05 16 11.13L22.77 16.89C23.04 17.12 23.07 17.5 22.86 17.74M12 15V10H7V15H12M19 3H18V1H16V3H8V1H6V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H13V19H5V8H19V11.06L21 12.76V5C21 3.9 20.1 3 19 3Z" /> 2726 </svg> 2727 </span> 2728 </button> 2729 2730 <div class="booker-overlay" role="dialog" aria-modal="true" aria-labelledby="booker-modal-title"> 2731 <div class="booker-modal"> 2732 <div class="booker-modal__content widget-bg"> 2733 <div class="quickbooker"> 2734 <!-- Form will be cloned here --> 2735 </div> 2736 </div> 2737 </div> 2738 <div class="booker-bottom"> 2739 <button class="btn btn--modal btn--modal-close btn--duda" data-modal-close> 2740 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 2741 <title>close-circle-outline</title> 2742 <path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z" /> 2743 </svg> 2744 </button> 2745 </div> 2746 </div> 2747`; 2748 2749setTimeout(() => { 2750 const dmContainer = document.getElementById("dm"); 2751 if (dmContainer) { 2752 dmContainer.insertAdjacentHTML("beforeend", mobileBookerHTML); 2753 console.log("Mobile booker button & modal appended inside #dm!"); 2754 } else { 2755 document.body.insertAdjacentHTML("beforeend", mobileBookerHTML); 2756 console.log("Element with id='dm' not found. Mobile booker appended to body instead."); 2757 } 2758 2759 // Clone the original form for the mobile modal 2760 const modalContent = document.querySelector(".booker-modal__content .quickbooker"); 2761 if (originalForm && modalContent) { 2762 const clonedForm = originalForm.cloneNode(true); 2763 clonedForm.removeAttribute("action"); // Remove native submission from clone 2764 clonedForm.setAttribute("data-nrofmonths", "1"); // mobile: one month view 2765 modalContent.appendChild(clonedForm); 2766 2767 // âºâº Apply slogan to the cloned subtree (uses the hidden input) 2768 applySlogan(clonedForm); 2769 2770 // Load Flatpickr, then its locale (if needed), then init both forms 2771 dmAPI.loadScript("https://cdn.jsdelivr.net/npm/flatpickr", function () { 2772 if (fpLocale !== "en") { 2773 console.log("Loading Flatpickr locale file for:", fpLocale); 2774 dmAPI.loadScript( 2775 "https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/" + fpLocale + ".js", 2776 function () { 2777 initializeFlatpickr(originalForm); 2778 initializeFlatpickr(clonedForm); 2779 } 2780 ); 2781 } else { 2782 initializeFlatpickr(originalForm); 2783 initializeFlatpickr(clonedForm); 2784 } 2785 }); 2786 2787 attachFormSubmitListener(clonedForm); 2788 } 2789 2790 setupModalListeners(); 2791}, 0); 2792 2793/* --------------------------------------------------------------------- 2794 ATTACH FORM SUBMIT HANDLER (popup-safe) 2795----------------------------------------------------------------------*/ 2796function attachFormSubmitListener(form) { 2797 console.log("Attaching submit handler to form:", form); 2798 if (!form) return; 2799 2800 form.addEventListener("submit", function (e) { 2801 e.preventDefault(); 2802 console.log("Form submit event triggered for", form); 2803 2804 // 1) Open empty tab synchronously (prevents popup blocking) 2805 const popup = window.open("", "_blank"); 2806 2807 // 2) Asynchronously fetch the booking URL and navigate the popup 2808 getBookUrl(form) 2809 .then((url) => { 2810 if (url) { 2811 console.log("Navigating popup to booking URL:", url); 2812 popup.location.href = url; 2813 } else { 2814 console.log("No URL received, closing popup"); 2815 popup.close(); 2816 } 2817 }) 2818 .catch((err) => { 2819 console.error("Error in getBookUrl:", err); 2820 popup.close(); 2821 }); 2822 }); 2823 2824 const submitBtn = form.querySelector('[data-js="submitDates"]'); 2825 if (submitBtn) { 2826 submitBtn.addEventListener("click", function (e) { 2827 e.preventDefault(); 2828 console.log("Submit button clicked for", form); 2829 form.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true })); 2830 });
2831 } 2832} 2833 2834/* --------------------------------------------------------------------- 2835 FLATPICKR INITIALIZATION (DATE RANGE) 2836----------------------------------------------------------------------*/ 2837function initializeFlatpickr(formElement) { 2838 const rangeInput = formElement.querySelector('[data-js="arrivalDate"]'); 2839 if (!rangeInput) return; 2840 2841 const wrapper = rangeInput.closest('.quickbooker__datepicker'); 2842 const nrofmonthsAttr = formElement.getAttribute("data-nrofmonths"); 2843 const monthsToShow = nrofmonthsAttr ? parseInt(nrofmonthsAttr, 10) : 2; 2844 2845 console.log("Initializing Flatpickr for element:", rangeInput); 2846 const fpLocaleObj = language !== "en" ? flatpickr.l10ns[fpLocale] : undefined; 2847 2848 const fpInstance = flatpickr(rangeInput, { 2849 mode: "range", 2850 dateFormat: "d M Y", 2851 minDate: "today", 2852 showMonths: monthsToShow, 2853 defaultDate: [new Date(), new Date(new Date().setDate(new Date().getDate() + 1))], 2854 locale: fpLocaleObj, 2855 onReady(selectedDates) { 2856 if (selectedDates[0]) rangeInput.dataset.startDate = selectedDates[0].toISOString(); 2857 if (selectedDates[1]) rangeInput.dataset.endDate = selectedDates[1].toISOString(); 2858 }, 2859 onChange(selectedDates) { 2860 if (selectedDates[0]) rangeInput.dataset.startDate = selectedDates[0].toISOString(); 2861 if (selectedDates[1]) rangeInput.dataset.endDate = selectedDates[1].toISOString(); 2862 console.log("Selected range:", rangeInput.value); 2863 }, 2864 }); 2865 2866 if (wrapper) { 2867 wrapper.addEventListener("click", function (e) { 2868 if (e.target !== rangeInput) fpInstance.open(); 2869 }); 2870 } 2871} 2872 2873/* --------------------------------------------------------------------- 2874 DATE FORMATTING HELPERS 2875----------------------------------------------------------------------*/ 2876function formatDateISOToYYYYMMDD(isoString) { 2877 const d = new Date(isoString); 2878 const year = d.getFullYear();
2879 const month = String(d.getMonth() + 1).padStart(2, "0"); 2880 const day = String(d.getDate()).padStart(2, "0"); 2881 return `${year}-${month}-${day}`; 2882} 2883 2884function formatDateISOToDDMMYYYY(isoString) { 2885 const d = new Date(isoString); 2886 const day = String(d.getDate()).padStart(2, "0"); 2887 const month = String(d.getMonth() + 1).padStart(2, "0"); 2888 const year = d.getFullYear(); 2889 return `${day}-${month}-${year}`; 2890} 2891 2892/* --------------------------------------------------------------------- 2893 BOOKING ENGINE CACHING 2894----------------------------------------------------------------------*/ 2895let cachedBookingEngine = null; 2896async function getBookingEngine() { 2897 if (cachedBookingEngine !== null) return cachedBookingEngine; 2898 try { 2899 const contentLibrary = await dmAPI.loadContentLibrary(); 2900 const bookingEngineItem = contentLibrary.site_texts.custom.find( 2901 (item) => item.label === "bookingEngine" 2902 ); 2903 cachedBookingEngine = 2904 bookingEngineItem?.text?.replace(/<[^>]*>/g, "").trim() || "default"; 2905 } catch (error) { 2906 console.error("Error loading content library:", error); 2907 cachedBookingEngine = "default"; 2908 } 2909 return cachedBookingEngine; 2910} 2911 2912function getPromoCodeParam(bookingEngine) { 2913 let promoCodeParam = ''; 2914 const promoCodeElement = document.querySelector('[data-js="promoCode"]'); 2915 if (promoCodeElement && promoCodeElement.value.trim() !== "") { 2916 console.log("promoCodeElement:", promoCodeElement.value); 2917 if (bookingEngine === "smarthotel") promoCodeParam = `&promocode=${promoCodeElement.value.trim()}`; 2918 if (bookingEngine === "netaffinity") promoCodeParam = `&code=${promoCodeElement.value.trim()}`; 2919 if (bookingEngine === "hoteliers") promoCodeParam = `?promotion_code=${promoCodeElement.value.trim()}`; 2920 if (bookingEngine === "mews") promoCodeParam = `&promoCode=${promoCodeElement.value.trim()}`; 2921 } 2922 return promoCodeParam; 2923} 2924 2925function getNrOfAdultsParam() { 2926 let nrOfAdultsParam = ''; 2927 const nrOfAdultsElement = document.querySelector('[data-js="nrOfAdults"]'); 2928 if (nrOfAdultsElement && nrOfAdultsElement.value.trim() !== "") { 2929 console.log("nrOfAdults:", nrOfAdultsElement.value); 2930 nrOfAdultsParam = `&adults=${nrOfAdultsElement.value.trim()}`; 2931 } 2932 return nrOfAdultsParam; 2933} 2934 2935function getCookie(name) { 2936 const value = `; ${document.cookie}`; 2937 const parts = value.split(`; ${name}=`); 2938 if (parts.length === 2) 2939 return parts.pop().split(';').shift(); 2940 return null; 2941} 2942 2943function constructGLParam(trackingId, clientId) { 2944 if (!trackingId || !clientId) return null; 2945 2946 // Extract just the tracking ID number (remove GA- prefix if present) 2947 const tidNumber = trackingId.replace(/^GA-/, '').replace(/^G-/, ''); 2948 2949 // Format: 1*clientId*trackingId 2950 const glValue = `1*${clientId}*${tidNumber}`; 2951 2952 // Base64 encode (URL safe) 2953 try { 2954 return btoa(glValue).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, ''); 2955 } catch (e) { 2956 console.error('Error encoding _gl parameter:', e); 2957 return null; 2958 } 2959} 2960 2961function getGAClientId() { 2962 const gaCookie = document.cookie.split('; ').find(row => row.startsWith('_ga=')); 2963 if (gaCookie) { 2964 const gaValue = gaCookie.split('=')[1]; 2965 const parts = gaValue.split('.'); 2966 if (parts.length >= 4) { 2967 return parts[2] + '.' + parts[3]; 2968 } 2969 } 2970 return null; 2971} 2972 2973function getGoogleTrackingId() { 2974 const scripts = document.querySelectorAll("script[src]"); 2975 for (const s of scripts) { 2976 const match = s.src.match(/gtag\/js\?id=(G-[A-Z0-9]+)/i); 2977 if (match) 2978 return match[1]; 2979 } 2980 return null; 2981} 2982 2983function getGtagLinkerParam() { 2984 const trackingId = getGoogleTrackingId(); 2985 2986 if(trackingId) { 2987 const clientId = getGAClientId(); 2988 2989 if(clientId) { 2990 const glParam = constructGLParam(trackingId, clientId); 2991 2992 if(glParam) { 2993 return '&_gl=' + glParam; 2994 } 2995 } 2996 } 2997 return ''; 2998} 2999 3000function getConsent() { 3001 3002 // Get CookieScript consent cookie 3003 const consent = document.cookie 3004 .split('; ') 3005 .find(row => row.startsWith('CookieScriptConsent=')) 3006 ?.split('=')[1]; 3007 3008 // Get IAB TCF consent string 3009 const euconsent = document.cookie 3010 .split('; ') 3011 .find(row => row.startsWith('euconsent-v2=')) 3012 ?.split('=')[1]; 3013 3014 if (consent || euconsent) { 3015 return '&CookieScriptConsent=' + (btoa(consent) || '') 3016 + '&euconsent-v2=' + (btoa(euconsent) || ''); 3017 } 3018 return ''; 3019} 3020 3021/* --------------------------------------------------------------------- 3022 GA4 PARAMETERS (Google Ads & UTM tracking) 3023----------------------------------------------------------------------*/ 3024function getGA4Params() { 3025 const params = []; 3026 var KEYS = ["gclid","gbraid","wbraid","utm_source","utm_medium","utm_campaign","utm_term","utm_content"]; 3027 3028 function getUrlParam(name) {
3029 const urlParams = new URLSearchParams(window.location.search); 3030 return urlParams.get(name); 3031 } 3032 3033 KEYS.forEach(function (param) { 3034 const cookie = getCookie(param); 3035 const url = getUrlParam(param); 3036 const value = url || cookie; 3037 if (value) { 3038 console.log(`${param}=${encodeURIComponent(value)}`); 3039 params.push(`${param}=${encodeURIComponent(value)}`); 3040 } 3041 3042 }); 3043 return params.length > 0 ? '&' + params.join('&') : ''; 3044} 3045 3046 3047/* --------------------------------------------------------------------- 3048 LANGUAGE HELPER (for booking URLs) 3049----------------------------------------------------------------------*/ 3050function formatLang(lang) { 3051 const locales = { 3052 en: "en-US", nl: "nl-NL", de: "de-DE", fr: "fr-FR", 3053 it: "it-IT", es: "es-ES", zh_CN: "zh-CN", zh_TW: "zh-TW", 3054 ru: "ru", ar: "ar" 3055 }; 3056 return locales[lang] || lang; 3057} 3058 3059/* --------------------------------------------------------------------- 3060 BOOKING URL FUNCTIONS (USING FORM-SCOPED DATA) 3061----------------------------------------------------------------------*/ 3062async function getBookUrl(form) { 3063 const rangeInput = form.querySelector('[data-js="arrivalDate"]'); 3064 if (!rangeInput) { 3065 console.error("Date range input not found in form", form); 3066 return; 3067 } 3068 const startISO = rangeInput.dataset.startDate; 3069 const endISO = rangeInput.dataset.endDate; 3070 if (!startISO || !endISO) { 3071 alert("Please select both arrival and departure dates."); 3072 return; 3073 } 3074 const hotelId = dmAPI.getSiteExternalId(); 3075 const bookingEngine = await getBookingEngine(); 3076 const formattedLang = formatLang(language); 3077 let url = ''; 3078 3079 switch (bookingEngine) { 3080 case "smarthotel": { 3081 const roomCodeElement = document.querySelector('[data-js="roomCode"]'); 3082 let roomTypeParam = ""; 3083 if (roomCodeElement && roomCodeElement.value.trim() !== "") { 3084 console.log("roomCode:", roomCodeElement.value); 3085 roomTypeParam = `&roomtype=${roomCodeElement.value.trim()}`; 3086 } 3087 3088 const packageElement = document.querySelector('[data-js="package"]'); 3089 let packageParam = ""; 3090 if (packageElement && packageElement.value.trim() !== "") { 3091 console.log("package:", packageElement.value); 3092 packageParam = `&package=${packageElement.value.trim()}`; 3093 } 3094 3095 url = `https://ibe.smarthotel.nl/?id=${hotelId}&language=${formattedLang}` + 3096 `&arrival=${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}` + 3097 `&departure=${encodeURIComponent(formatDateISOToYYYYMMDD(endISO))}` + 3098 `${roomTypeParam}${packageParam}${getPromoCodeParam(bookingEngine)}${getNrOfAdultsParam()}${getGtagLinkerParam()}${getGA4Params()}`; 3099 break; 3100 } 3101 case "netaffinity": 3102 url = `https://${hotelId}.netaffinity.io/ibe/THEAFFINIBE02#!/accommodation/search/date/` + 3103 `${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}/` + 3104 `${encodeURIComponent(formatDateISOToYYYYMMDD(endISO))}?lang=${language}` + 3105 `${getPromoCodeParam(bookingEngine)}${getGA4Params()}`; 3106 break; 3107 3108 case "hoteliers": 3109 url = `https://engines.hoteliers.com/${language}/${hotelId}/booking/getdata/arrival/` + 3110 `${encodeURIComponent(formatDateISOToDDMMYYYY(startISO))}/departure/` + 3111 `${encodeURIComponent(formatDateISOToDDMMYYYY(endISO))}/${getPromoCodeParam(bookingEngine)}${getGA4Params()}`; 3112 break; 3113 3114 case "mews": 3115 url = `https://app.mews.com/distributor/${hotelId}?language=${formattedLang}` + 3116 `&mewsRoute=rooms&mewsStart=${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}` + 3117 `&mewsEnd=${encodeURIComponent(formatDateISOToYYYYMMDD(endISO))}` + 3118 `${getPromoCodeParam(bookingEngine)}${getGA4Params()}`; 3119 break; 3120 3121 default: { 3122 const smartElement = document.querySelector('[data-js="smart"]'); 3123 const isSmart = smartElement && smartElement.value === "yes" ? "yes" : ""; 3124 url = `https://scripts.hoteliers.com/api/v1/book-form?hotel=${hotelId}` + 3125 `&lang=${language}&arrival=${encodeURIComponent(formatDateISOToYYYYMMDD(startISO))}` + 3126 `&departure=${encodeURIComponent(formatDateISOToYYYYMMDD(e
3126ndISO))}&smart=${isSmart}${getGA4Params()}`; 3127 } 3128 } 3129 return url; 3130} 3131 3132/* --------------------------------------------------------------------- 3133 MODAL FOCUS AND EVENT LISTENERS (ACCESSIBILITY) 3134----------------------------------------------------------------------*/ 3135function setupModalListeners() { 3136 const openButton = document.querySelector("[data-modal-open]"); 3137 const modalOverlay = document.querySelector(".booker-overlay"); 3138 const closeButton = document.querySelector("[data-modal-close]"); 3139 const focusableElementsSelector = "button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])"; 3140 let lastScrollTop = 0; 3141 let modalFocusableElements, firstFocusableElement, lastFocusableElement; 3142 3143 function trapFocus(event) { 3144 if (!modalOverlay.classList.contains("fade-in")) return; 3145 if (event.key === "Tab") { 3146 if (event.shiftKey) { 3147 if (document.activeElement === firstFocusableElement) { 3148 event.preventDefault(); 3149 lastFocusableElement.focus(); 3150 } 3151 } else { 3152 if (document.activeElement === lastFocusableElement) { 3153 event.preventDefault(); 3154 firstFocusableElement.focus(); 3155 } 3156 } 3157 } 3158 } 3159 3160 window.addEventListener("scroll", () => { 3161 const currentScrollTop = window.scrollY; 3162 if (currentScrollTop > lastScrollTop) { 3163 openButton.classList.add("btn--small"); 3164 } else { 3165 openButton.classList.remove("btn--small"); 3166 } 3167 lastScrollTop = currentScrollTop <= 0 ? 0 : currentScrollTop; 3168 }); 3169 3170 openButton.addEventListener("click", () => { 3171 modalOverlay.style.display = "flex"; 3172 requestAnimationFrame(() => { 3173 modalOverlay.classList.add("fade-in"); 3174 modalFocusableElements = modalOverlay.querySelectorAll(focusableElementsSelector); 3175 firstFocusableElement = modalFocusableElements[0]; 3176 lastFocusableElement = modalFocusableElements[modalFocusableElements.length - 1]; 3177 firstFocusableElement.focus(); 3178 document.addEventListener("keydown", trapFocus); 3179 }); 3180 }); 3181 3182 closeButton.addEventListener("click", () => { 3183 modalOverlay.classList.remove("fade-in"); 3184 modalOverlay.classList.add("fade-out"); 3185 setTimeout(() => { 3186 modalOverlay.style.display = "none"; 3187 modalOverlay.classList.remove("fade-out"); 3188 document.removeEventListener("keydown", trapFocus); 3189 openButton.focus(); 3190 }, 400); 3191 }); 3192 3193 document.addEventListener("keydown", (event) => { 3194 if (event.key === "Escape" && modalOverlay.classList.contains("fade-in")) { 3195 closeButton.click(); 3196 } 3197 }); 3198} 3199 }; 3200</script>
3200 3201 3202
3203<script type="text/javascript"> 3204 3205 var d_version = "production_6787"; 3206 var build = "2026-09-17T10_53_24"; 3207 window['v' + 'ersion'] = d_version; 3208 3209 function buildEditorParent() { 3210 window.isMultiScreen = true; 3211 window.editorParent = {}; 3212 window.previewParent = {}; 3213 window.assetsCacheQueryParam = "?version=2026-09-17T10_53_24"; 3214 try { 3215 var _p = window.parent; 3216 if (_p && _p.document && _p.$ && _p.$.dmfw) { 3217 window.editorParent = _p; 3218 } else if (_p.isSitePreview) { 3219 window.previewParent = _p; 3220 } 3221 } catch (e) { 3222 3223 } 3224 } 3225 3226 buildEditorParent(); 3227</script>
3227 3228 3229 3230 3231<!-- Injecting site-wide before scripts --> 3232 3233<!-- End Injecting site-wide to the head --> 3234 3235 3236 3237 3238 3239
3240<script> 3241 window.cookiesNotificationMarkupPreview = 'null'; 3242</script>
3242 3243 3244<!-- HEAD RT JS Include -->
3245<script id='d-js-params'> 3246 window.INSITE = window.INSITE || {}; 3247 window.INSITE.device = "desktop"; 3248 3249 window.rtCommonProps = {}; 3250 rtCommonProps["rt.ajax.ajaxScriptsFix"] =true; 3251 rtCommonProps["rt.pushnotifs.sslframe.encoded"] = 'aHR0cHM6Ly97c3ViZG9tYWlufS5wdXNoLW5vdGlmcy5jb20='; 3252 rtCommonProps["runtimecollector.url"] = 'https://rtc.eu-multiscreensite.com'; 3253 rtCommonProps["performance.tabletPreview.removeScroll"] = 'false'; 3254 rtCommonProps["inlineEditGrid.snap"] =true; 3255 rtCommonProps["popup.insite.cookie.ttl"] = '0.5'; 3256 rtCommonProps["rt.pushnotifs.force.button"] =true; 3257 rtCommonProps["common.mapbox.token"] = 'pk.eyJ1IjoiZGFubnliMTIzIiwiYSI6ImNqMGljZ256dzAwMDAycXBkdWxwbDgzeXYifQ.Ck5P-0NKPVKAZ6SH98gxxw'; 3258 rtCommonProps["common.mapbox.js.override"] =false; 3259 rtCommonProps["common.here.appId"] = 'iYvDjIQ2quyEu0rg0hLo'; 3260 rtCommonProps["common.here.appCode"] = '1hcIxLJcbybmtBYTD9Z1UA'; 3261 rtCommonProps["isCoverage.test"] =false; 3262 rtCommonProps["ecommerce.ecwid.script"] = 'https://app.multiscreenstore.com/script.js'; 3263 rtCommonProps["common.resources.dist.cdn"] =true; 3264 rtCommonProps["common.build.dist.folder"] = 'production/6787'; 3265 rtCommonProps["common.resources.cdn.host"] = 'https://static.cdn-website.com'; 3266 rtCommonProps["common.resources.folder"] = 'https://static.cdn-website.com/mnlt/production/6787'; 3267 rtCommonProps["common.fonts.api.v2.url"] = 'https://de.cdn-website.com/fonts/css2?family='; 3268 rtCommonProps["feature.flag.runtime.backgroundSlider.preload.slowly"] =true; 3269 rtCommonProps["feature.flag.runtime.newAnimation.enabled"] =true; 3270 rtCommonProps["feature.flag.runtime.newAnimation.jitAnimation.enabled"] =true; 3271 rtCommonProps["feature.flag.sites.google.analytics.gtag"] =true; 3272 rtCommonProps["feature.flag.runOnReadyNewTask"] =true; 3273 rtCommonProps["isAutomation.test"] =false; 3274 rtCommonProps["booking.cal.api.domain"] = 'api.cal.eu'; 3275 3276 3277 rtCommonProps['common.mapsProvider'] = 'google'; 3278 3279 rtCommonProps["google.places.key"] = 'QUl6YVN5QndxOW5zSndXck9KcDBzejFRdUFzSHlMcGdYa0xHT01N'; 3280 3281 rtCommonProps['common.mapsProvider.version'] = '0.52.0'; 3282 rtCommonProps['common.geocodeProvider'] = 'google'; 3283 rtCommonProps['server.for.resources'] = ''; 3284 rtCommonProps['feature.flag.lazy.widgets'] = true; 3285 rtCommonProps['feature.flag.single.wow'] = false; 3286 rtCommonProps['feature.flag.disallowPopupsInEditor'] = true; 3287 rtCommonProps['feature.flag.mark.anchors'] = true; 3288 rtCommonProps['captcha.public.key'] = '6LffcBsUAAAAAMU-MYacU-6QHY4iDtUEYv_Ppwlz'; 3289 rtCommonProps['captcha.invisible.public.key'] = '6LeiWB8UAAAAAHYnVJM7_-7ap6bXCUNGiv7bBPME'; 3290 rtCommonProps["images.sizes.small"] =160; 3291 rtCommonProps["images.sizes.mobile"] =640; 3292 rtCommonProps["images.sizes.tablet"] =1280; 3293 rtCommonProps["images.sizes.desktop"] =1920; 3294 rtCommonProps["modules.resources.cdn"] =true; 3295 rtCommonProps["import.images.storage.imageCDN"] = 'https://le-de.cdn-website.com/'; 3296 rtCommonProps["feature.flag.runtime.inp.threshold"] =150; 3297 rtCommonProps["feature.flag.performance.logs"] =false; 3298 rtCommonProps["site.widget.form.captcha.type"] = 'g_recaptcha'; 3299 rtCommonProps["friendly.captcha.site.key"] = 'FCMGSQG9GVNMFS8K'; 3300 rtCommonProps["cookiebot.mapbox.consent.category"] = 'marketing'; 3301 rtCommonProps["termly.mapbox.consent.category"] = 'performance'; 3302 // feature flags that's used out of runtime module (in legacy files) 3303 rtCommonProps["platform.monolith.personalization.dateTimeCondition.popupMsgAction.moveToclient.enabled"] =true; 3304 3305 window.rtFlags = {}; 3306 rtFlags["unsuspendEcwidStoreOnRuntime.enabled"] =false; 3307 rtFlags["scripts.widgetCount.enabled"] =true; 3308 rtFlags["fnb.animations.tracking.enabled"] =true; 3309 rtFlags["ecom.ecwidNewUrlStructure.enabled"] = false; 3310 rtFlags["ecom.ecwid.accountPage.emptyBaseUrl.enabled"] = true; 3311 rtFlags["ecom.ecwid.accountPage.repeatOrderRedirect.enabled"] = false; 3312 rtFlags["ecom.ecwid.pages.links.disable.listeners"] = true; 3313 rtFlags["ecom.ecwid.storefrontV3.enabled"] = false;
3314 rtFlags["ecom.monolith.legacy.js.api.disabled.for.new.sites"] = false; 3315 rtFlags["geocode.search.localize"] =false; 3316 rtFlags["feature.flag.runtime.newAnimation.asyncInit.setTimeout.enabled"] =false; 3317 rtFlags["twitter.heightLimit.enabled"] = true; 3318 rtFlags["runtime.lottieOverflow"] =false; 3319 rtFlags["runtime.monitoring.sentry.ignoreErrors"] = ""; 3320 rtFlags["streamline.monolith.personalization.supportMultipleConditions.enabled"] =false; 3321 rtFlags["flex.animation.design.panel.layout"] =true; 3322 rtFlags["runtime.cwv.report.cls.enabled"] =false; 3323 rtFlags["runtime.cwv.report.lcp.enabled"] =false; 3324 rtFlags["runtime.lcp.preload.selfheal.enabled"] =true; 3325 rtFlags["runtime.lcp.preload.bootstrap.enabled"] =true; 3326 rtFlags["runtime.lcp.preload.monitor.enabled"] =false; 3327 rtFlags["runtime.customwidget.heightpin.enabled"] =true; 3328 rtFlags["contact.form.useActiveForm"] =true; 3329 rtFlags["contact.form.custom.errors.enabled"] =false; 3330 rtFlags["runtime.ssr.productStore.internal.observer"] =true;
3331 rtFlags["runtime.ssr.productCustomizations"] =true; 3332 rtFlags["runtime.ssr.runtime.filter-sort.newFilterSortWidgetWithOptions.enabled"] =true; 3333 rtFlags["runtime.ssr.ssrSlider.jumpThreshold.enabled"] =true; 3334 rtFlags["termly.map.consent.overlay.enabled"] =false; 3335 rtFlags["editor.widget.form.a11y"] =true; 3336</script>
vendor: 1 bytes, line 3336
3336
3337<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>
3337 3338 3339<!-- End of HEAD RT JS Include --> 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353
3354<script> 3355 document.addEventListener('DOMContentLoaded', () => 3356 window.runtime.initLayout() 3357 ); 3358</script>
3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377
3378<script type="text/javascript" id="d_track_sp"> 3379 ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[]; 3380 p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments) 3381 };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1; 3382 n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,"script","//d3uzsv7k2lpopp.cloudfront.net/sp-2.0.0-dm-0.1.min.js","snowplow")); 3383 window.dmsnowplow = window.snowplow; 3384 3385 dmsnowplow('newTracker', 'cf', 'd3uzsv7k2lpopp.cloudfront.net', { // Initialise a tracker 3386 appId: '566717a8bcee4f818ca00935d828c7e1' 3387 }); 3388 3389 // snowplow queries element styles so we wait until CSS calculations are done. 3390 requestAnimationFrame(() => { 3391 dmsnowplow('trackPageView'); 3392 _dm_insite.forEach((rule) => { 3393 // Specifically in popup only the client knows if it is shown or not so we don't always want to track its impression here 3394 // the tracking is in popup.js 3395 if (rule.actionName !== "popup") { 3396 dmsnowplow('trackStructEvent', 'insite', 'impression', rule.ruleType, rule.ruleId); 3397 } 3398 window?.waitForDeferred?.('dmAjax', () => { 3399 $.DM.events.trigger('event-ruleTriggered', {value: rule}); 3400 }); 3401 }); 3402 }); 3403</script>
3403 3404 3405 3406 3407<div style="display:none;" id="P6iryBW0Wu"></div> 3408 3409<!-- photoswipe markup --> 3410 3411 3412 3413 3414 3415 3416 3417 3418 3419<!-- Root element of PhotoSwipe. Must have class pswp. --> 3420<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 3421 3422 <!-- Background of PhotoSwipe. 3423 It's a separate element as animating opacity is faster than rgba(). --> 3424 <div class="pswp__bg"></div> 3425 3426 <!-- Slides wrapper with overflow:hidden. --> 3427 <div class="pswp__scroll-wrap"> 3428 3429 <!-- Container that holds slides. 3430 PhotoSwipe keeps only 3 of them in the DOM to save memory. 3431 Don't modify these 3 pswp__item elements, data is added later on. --> 3432 <div class="pswp__container"> 3433 <div class="pswp__item"></div> 3434 <div class="pswp__item"></div> 3435 <div class="pswp__item"></div> 3436 </div> 3437 3438 <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> 3439 <div class="pswp__ui pswp__ui--hidden"> 3440 3441 <div class="pswp__top-bar"> 3442 3443 <!-- Controls are self-explanatory. Order can be changed. --> 3444 3445 <div class="pswp__counter"></div> 3446 3447 <button class="pswp__button pswp__button--close" title="Chiudi (Esc)"></button> 3448 3449 <button class="pswp__button pswp__button--share" title="Condividi"></button> 3450 3451 <button class="pswp__button pswp__button--fs" title="Passa alla modalità a schermo intero"></button> 3452 3453 <button class="pswp__button pswp__button--zoom" title="Zoom avanti/indietro"></button> 3454 3455 <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> 3456 <!-- element will get class pswp__preloader--active when preloader is running --> 3457 <div class="pswp__preloader"> 3458 <div class="pswp__preloader__icn"> 3459 <div class="pswp__preloader__cut"> 3460 <div class="pswp__preloader__donut"></div> 3461 </div> 3462 </div> 3463 </div> 3464 </div> 3465 3466 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 3467 <div class="pswp__share-tooltip"></div> 3468 </div> 3469 3470 <button class="pswp__button pswp__button--arrow--left" title="Precedente (freccia sinistra)"> 3471 </button> 3472 3473 <button class="pswp__button pswp__button--arrow--right" title="Successivo (freccia destra)"> 3474 </button> 3475 3476 <div class="pswp__caption"> 3477 <div class="pswp__caption__center"></div> 3478 </div> 3479 3480 </div> 3481 3482 </div> 3483 3484</div> 3485<div id="fb-root" 3486 data-locale="it_IT"></div> 3487<!-- Alias: 566717a8bcee4f818ca00935d828c7e1 -->
3488<script id="d_track_personalization"> 3489 window?.waitForDeferred?.('dmAjax', () => { 3490 // Collects client data and updates cookies used by smart sites 3491 window.expireDays = 365; 3492 window.visitLength = 30 * 60000; 3493 $.setCookie("dm_timezone_offset", (new Date()).getTimezoneOffset(), window.expireDays); 3494 setSmartSiteCookiesInternal("dm_this_page_view","dm_last_page_view","dm_total_visits","dm_last_visit"); 3495 }); 3496</script>
vendor: 1 bytes, line 3496
3496
3497<script type="text/javascript"> 3498 3499 Parameters.NavigationAreaParams.MoreButtonText = 'MORE'; 3500 3501 Parameters.NavigationAreaParams.LessButtonText = 'LESS'; 3502 Parameters.HomeLinkText = 'Home'; 3503 </script>
3503 3504<!-- End Script tags --> 3505<!-- Site Wide Html Markup --> 3506<!-- Site Wide Html Markup --> 3507</body> 3508</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.