1<!doctype html> 2<html lang="nl" class="antialiased"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/> 7 <link rel="preconnect" href="https://oostwegel.ams3.cdn.digitaloceanspaces.com" crossorigin> 8 <link rel="dns-prefetch" href="https://oostwegel.ams3.cdn.digitaloceanspaces.com" crossorigin> 9 10 <meta name="csrf-token" content="KUKiCBIAfoU9x6KEhKf0mqPFd1AjBV28DikIDXYK" /> 11 12 <link rel="preload" as="style" href="https://www.oostwegelcollection.nl/build/assets/style-iZnHfH69.css" /><link rel="preload" as="style" href="https://www.oostwegelcollection.nl/build/assets/swiper-BWkL-aa6.css" /><link rel="preload" as="style" href="https://www.oostwegelcollection.nl/build/assets/photoswipe-DSulWsr7.css" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/app-J2xdETqV.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/alpinejs-CwKKyv8g.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/axios-42ANG6Sg.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/swiper-BdkU3ygl.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/@vimeo-EinTcMRE.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/@alpinejs-DUd3sQ38.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/@marker.io-eNe9PIOY.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/jquery-BgmBCXhN.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/plyr-tglQVFWy.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/@easepick-Beo4gH1q.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/photoswipe-DhHSv863.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/masonry-layout-BdA9irR9.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/outlayer-DvsQ-oUs.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/ev-emitter-BecwoVc6.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/get-size-BQJdugVl.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/fizzy-ui-utils-DTYmUUfV.js" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/build/assets/desandro-matches-selector-DfCxWy69.js" /><link rel="stylesheet" href="https://www.oostwegelcollection.nl/build/assets/style-iZnHfH69.css" /><link rel="stylesheet" href="https://www.oostwegelcollection.nl/build/assets/swiper-BWkL-aa6.css" /><link rel="stylesheet" href="https://www.oostwegelcollection.nl/build/assets/photoswipe-DSulWsr7.css" />
12<script type="module" src="https://www.oostwegelcollection.nl/build/assets/app-J2xdETqV.js"></script>
12 13 14 15
15<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
15 16 17 18 <title>Oostwegel Collection | Luxe Hotels Zuid-Limburg</title> 19 20 21 22 <meta name="description" content="Ontdek de collectie hotels van Oostwegel Collection in Zuid-Limburg: Château Neercanne, Château St. Gerlach en Kruisherenhotel Maastricht"> 23 24 25 26 27 28 29 <link rel='alternate' href="https://www.oostwegelcollection.nl" hreflang="nl-NL" > 30 31 <link rel='alternate' href="https://www.oostwegelcollection.nl/en" hreflang="en-US" > 32 33 <link rel='alternate' href="https://www.oostwegelcollection.nl/de" hreflang="de-DE" > 34 35 <link rel='alternate' href="https://www.oostwegelcollection.nl" hreflang="x-default" > 36 37 38 39 40 41 42 <link rel="canonical" href="https://www.oostwegelcollection.nl"> 43 44 45 46 47 48 49 50 51 52 <link rel="icon" href="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/favicons/favicon-square.svg" type="image/svg+xml"> 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
70<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","name":"Oostwegel Collection","url":"https:\/\/www.oostwegelcollection.nl","logo":{"@type":"ImageObject","url":"https:\/\/oostwegel.ams3.cdn.digitaloceanspaces.com\/website\/logos\/oostwegel_logo_black_not_cropped.svg","width":101,"height":68}}</script>
70 71 72 73 74 75 76 77 78 79 80 81<meta property="og:type" content="website"> 82 83 84 <meta property="og:site_name" content="Oostwegel Collection"> 85 86 87 88 <meta property="og:locale" content="nl-NL"> 89 90 91 92 <meta property="og:title" content="Oostwegel Collection | Luxe Hotels Zuid-Limburg"> 93 94 95 96 <meta property="og:url" content="https://www.oostwegelcollection.nl"> 97 98 99 100 101 <meta property='og:locale:alternate' content="nl-NL" > 102 103 <meta property='og:locale:alternate' content="en-US" > 104 105 <meta property='og:locale:alternate' content="de-DE" > 106 107 <meta property='og:locale:alternate' content="x-default" > 108 109 110 111 112 <meta property="og:description" content="Ontdek de collectie hotels van Oostwegel Collection in Zuid-Limburg: Château Neercanne, Château St. Gerlach en Kruisherenhotel Maastricht"> 113 114 115 116 <meta property="og:image" content="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/http/website/logos/oc-logo-2023-black-1.jpg/3fef7b45f7094d55398485c562496a67/oc-logo-2023-black-1.jpg"> 117 <meta property="og:image:width" content="1200" /> 118 <meta property="og:image:height" content="628" /> 119 120 121 122 123 124 <meta name="twitter:card" content="summary"> 125 126 127 128 <meta name="twitter:title" content="Oostwegel Collection | Luxe Hotels Zuid-Limburg"> 129 130 131 132 <meta name="twitter:description" content="Ontdek de collectie hotels van Oostwegel Collection in Zuid-Limburg: Château Neercanne, Château St. Gerlach en Kruisherenhotel Maastricht"> 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155
155<script>
vendor: 324 bytes, line 155
155(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
155GTM-KXNQB3N
vendor: 3 bytes, line 155
155');
155</script>
155 156 157 158 159 160 161 162 163 164 <meta name="google-site-verification" content="bJxw71WHBaai9PbBneR0l1cCgIT7TFeLI-7JkaBBHBQ" /> 165 166 167 168 169 <meta name="msvalidate.01" content="6FBAA26279BB3477B1809CF61F0C3648" /> 170 171 172 173 174 175 176<link rel="preload" as="style" href="https://www.oostwegelcollection.nl/vendor/popup-manager/build/assets/popup-manager-0bb28c72.css" /><link rel="modulepreload" as="script" href="https://www.oostwegelcollection.nl/vendor/popup-manager/build/assets/popup-manager-f7dd4528.js" /><link rel="stylesheet" href="https://www.oostwegelcollection.nl/vendor/popup-manager/build/assets/popup-manager-0bb28c72.css" />
176<script type="module" src="https://www.oostwegelcollection.nl/vendor/popup-manager/build/assets/popup-manager-f7dd4528.js"></script>
176 177 178 179 180
180<script defer src="/vendor/orange-addon/js/visual-editor.js"></script>
180 181
181<script defer src="https://insights.theorangestudio.com/script.js" data-website-id="c3c27793-ef18-4d5d-93ab-da483dac4efd"></script>
181 182 183 </head> 184 <body class="ohm-body bg-beige ">
vendor: 90 bytes, lines 184-187
184 185 186 <noscript> 187 <iframe src="https://www.googletagmanager.com/ns.html?id=
187GTM-KXNQB3N
vendor: 140 bytes, lines 187-194
187" height="0" width="0" style="display: none; visibility: hidden"></iframe> 188 </noscript> 189 190 191 192 193 194
194<script>;(function (d, s, id) {const el = d.getElementsByTagName(s)[0]; if (d.getElementById(id) || el.parentNode == null) {return;} var js = d.createElement(s); js.id = id; js.async = true; js.src = 'https://sdk.zenchef.com/v1/sdk.min.js'; el.parentNode.insertBefore(js, el); })(document, 'script', 'zenchef-sdk')</script>
194 195 196<div 197 class="zc-widget-config" 198 data-multivenue="opid_P82WQTKQ" 199 data-lang="nl"> 200</div> 201 202 203 204 205 206 207 208 209 210 211 212 213<header class="w-full fixed lg:absolute z-50 top-0 transition-colors duration-300 text-white 214 brand-header lg:border-b border-white 215 " 216 x-data="Header" 217 x-ref="header"> 218 <div class="ohm-inner !max-w-none py-6 lg:py-0 lg:pt-2 lg:pb-0 flex justify-between flex-wrap h-16 lg:h-36" 219 x-ref="inner" @mouseover="hoverHeader" @mouseleave="leaveHeader"> 220 221 222 <div class=" flex lg:static w-full px-[17px] lg:px-[55px]"> 223 <div class="flex justify-between mx-auto max-w-[1500px] w-full lg:h-16"> 224 <div class="flex items-top" x-ref="hamburger_wrapper"> 225 <div class="block lg:hidden"> 226 <a href="#open-popup-35fb1f51-4fc8-4260-9384-314f051b4728" x-ref="hamburger_menu"> 227 <svg class="ohm-icon" xmlns="http://www.w3.org/2000/svg" width="30" height="15" viewBox="0 0 30 15" fill="none"><line y1="0.5" x2="30" y2="0.5" stroke="white"/><line y1="7.5" x2="30" y2="7.5" stroke="white"/><line y1="14.5" x2="30" y2="14.5" stroke="white"/></svg> 228 </a> 229 </div> 230 <div class="hidden lg:flex items-center w-[150px]" x-ref="main_logo"> 231 232 <a href="https://www.oostwegelcollection.nl/" class='z-10'> 233 234 235 236 237 238 239 <picture> 240 241 <img class="ohm-logo-white h-[60px] w-full object-contain " src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/logos/new-footer/oostwegel_logo_white_not_cropped.svg" alt="" /> 242 243</picture> 244 245 246 247 248 249 250 251 252 253 254 255 <picture> 256 257 <img class="ohm-logo-black hidden h-[60px] w-full object-contain" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/logos/oostwegel_logo_black_not_cropped.svg" alt="Logo Oostwegel Collection | Oostwegel Collection" /> 258 259</picture> 260 261 262 263 264 265 </a> 266 267 268 269 270 271 272 273 <picture> 274 275 <img class="hidden h-8 object-contain mobile-logo" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/logos/oc-logo-2023-black_2-_1_-cropped.svg" alt="" /> 276 277</picture> 278 279 280 281 282 283 </div> 284 </div> 285 286 287 288 289 <div class="ohm-middle-col absolute left-1/2 transform -translate-x-1/2" x-ref="logo_col"> 290 <a href="https://www.oostwegelcollection.nl/"> 291 292 293 294 295 296 297 <picture> 298 299 <img class="h-16 w-full object-contain " src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/logos/new-footer/oostwegel_logo_white_not_cropped.svg" alt="" /> 300 301</picture> 302 303 304 305 306 307 308 309 310 311 312 313 <picture> 314 315 <img class="hidden h-16 w-full object-contain" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/logos/oostwegel_logo_black_not_cropped.svg" alt="Logo Oostwegel Collection | Oostwegel Collection" /> 316 317</picture> 318 319 320 321 322 323 324 325 326 327 328 329 <picture> 330 331 <img class="h-8 w-full object-contain hidden" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/logos/oc-logo-2023-black_2-_1_-cropped.svg" alt="" /> 332 333</picture> 334 335 336 337 338 339 </a> 340 </div> 341 342 343 344 345 <div class="lg:hidden flex items-top" x-ref="mobile-book"> 346 <a href="https://be.synxis.com/?adult=2&chain=32893&dest=OOSTWEGEL&level=chain&locale=nl-NL" class="font-body text:md lg:text-sm uppercase rr_opener"> 347 Boek 348 </a> 349 </div> 350 351 352 <div class="hidden lg:flex gap-6" x-ref='button_container'> 353 <div class="flex items-center" x-ref="headerContactCta"> 354 <a href="#open-popup-ab6c9c7e-4bdd-445d-89d6-9e90684c1f37" class="font-body text-xs uppercase"> 355 Contact 356 </a> 357 </div> 358 <div class="flex gap-1 items-center"> 359 <ul> 360 <li class="font-body text-xs uppercase relative cursor-pointer" 361 @mouseover="hoverLanguageSwitcher" @mouseleave='unhoverLanguageSwitcher'> 362 363 364 NL 365 366 367 368 369 370 371 <ul class="ohm-submenu absolute -left-3 hidden transition-all duration-300 bg-white px-3 py-1" 372 x-ref='language_submenu'> 373 374 375 376 377 <li><a href="https://www.oostwegelcollection.nl/en">EN</a></li> 378 379 380 381 <li><a href="https://www.oostwegelcollection.nl/de">DE</a></li> 382 383 384 <li><a href="https://www.oostwegelcollection.nl"></a></li> 385 </ul> 386 </li> 387 </ul> 388 <div @mouseover="hoverLanguageSwitcher" class='cursor-pointer'> 389 <svg class="language_arrow" x-ref="language_arrow" xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="white"/></svg> 390 </div> 391 </div> 392 <div class="flex items-center"> 393 394 <a 395 396 397 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 398 399 400 401 402 border border-white text-white rounded-full md:hover:bg-white md:hover:text-black transition-all ease-in-out duration-300 403 404 405 406 407 408 availability_btn rr_opener 409 " 410 href="https://be.synxis.com/?adult=2&chain=32893&dest=OOSTWEGEL&level=chain&locale=nl-NL" 411rel="noopener" target="_blank" 412 413 414 415 416><span x-ref="btn-text" >Bekijk beschikbaarheid</span></a> 417 418 419 420 </div> 421 </div> 422 </div> 423 </div> 424 <div class="border-b 425 border-white w-full hidden lg:block h-[1px]" 426 x-ref="middle_line"></div> 427 428 429 <div class="hidden lg:flex w-full justify-center relative transition-all duration-300 " 430 @mouseleave="hideSubmenu" x-ref='header_menu'> 431 <ul class="flex gap-10" x-ref="menu_list"> 432 433 <li class="font-body text-xs uppercase tracking-widest" x-ref="menu_item-0" 434 data-order="0"> 435 <a class="text-white" href="#" 436 437 @mouseover="showSubmenu" > 438 Stay & Dine 439 </a> 440 </li> 441 442 <li class="font-body text-xs uppercase tracking-widest" x-ref="menu_item-1" 443 data-order="1"> 444 <a class="text-white" href="#" 445 446 @mouseover="showSubmenu" > 447 Meet & Celebrate 448 </a> 449 </li> 450 451 <li class="font-body text-xs uppercase tracking-widest" x-ref="menu_item-2" 452 data-order="2"> 453 <a class="text-white" href="#" 454 455 @mouseover="showSubmenu" > 456 Discover 457 </a> 458 </li> 459 460 <li class="font-body text-xs uppercase tracking-widest" x-ref="menu_item-3" 461 data-order="3"> 462 <a class="text-white" href="#" 463 464 @mouseover="showSubmenu" > 465 About us 466 </a> 467 </li> 468 469 </ul> 470 471 472 <div class="hidden w-2/3 bg-white h-70 absolute bottom-0 translate-y-full py-6 px-4" 473 x-ref="submenu_wrapper"> 474 <div class="w-1/3 pl-10 pt-6"> 475 <ul class="flex gap-10 text-black" @mouseleave="subMenuLeave"> 476 477 <li class=" 478 flex flex-col" 479 x-ref="menu_sub_item-0" 480 > 481 <a href="#" class=" 482 text-lg font-heading uppercase mb-8 main 483 " 484 > 485 Stay & Dine 486 </a> 487 488 <ul class="" x-ref="submenu"> 489 490 <li class=" 491 " 492 493 data-order="0" > 494 <a href="/onze-huizen" class=" 495 496 text-sm font-body uppercase " 497 @mouseover="subMenuItemHover" > 498 Onze huizen 499 </a> 500 501 </li> 502 503 <li class=" 504 " 505 506 data-order="1" > 507 <a href="/chateau-neercanne/" class=" 508 509 text-sm font-body uppercase " 510 @mouseover="subMenuItemHover" > 511 Château Neercanne 512 </a> 513 514 </li> 515 516 <li class=" 517 " 518 519 data-order="2" > 520 <a href="/chateau-st-gerlach" class=" 521 522 text-sm font-body uppercase " 523 @mouseover="subMenuItemHover" > 524 Château St. Gerlach 525 </a> 526 527 </li> 528 529 <li class=" 530 " 531 532 data-order="3" > 533 <a href="/kruisherenhotel-maastricht" class=" 534 535 text-sm font-body uppercase " 536 @mouseover="subMenuItemHover" > 537 Kruisherenhotel Maastricht 538 </a> 539 540 </li> 541 542 <li class=" 543 " 544 545 data-order="4" > 546 <a href="/arrangementen" class=" 547 548 text-sm font-body uppercase " 549 @mouseover="subMenuItemHover" > 550 Arrangementen 551 </a> 552 553 </li> 554 555 <li class=" 556 " 557 558 data-order="5" > 559 <a href="https://www.oostwegelcollection.nl/feestdagen-arrangementen" class=" 560 561 text-sm font-body uppercase " 562 @mouseover="subMenuItemHover" > 563 Feestdagen 564 </a> 565 566 </li> 567 568 </ul> 569 570 </li> 571 572 <li class=" 573 flex flex-col" 574 x-ref="menu_sub_item-1" 575 > 576 <a href="#" class=" 577 text-lg font-heading uppercase mb-8 main 578 " 579 > 580 Meet & Celebrate 581 </a> 582 583 <ul class="" x-ref="submenu"> 584 585 <li class=" 586 " 587 588 data-order="0" > 589 <a href="/meetings-celebrations" class=" 590 591 text-sm font-body uppercase " 592 @mouseover="subMenuItemHover" > 593 Overzicht 594 </a> 595 596 </li> 597 598 <li class=" 599 " 600 601 data-order="1" > 602 <a href="/meetings-celebrations/zakelijke-bijeenkomsten" class=" 603 604 text-sm font-body uppercase " 605 @mouseover="subMenuItemHover" > 606 Zakelijke bijeenkomsten 607 </a> 608 609 </li> 610 611 <li class=" 612 " 613 614 data-order="2" > 615 <a href="/meetings-celebrations/bruiloften" class=" 616 617 text-sm font-body uppercase " 618 @mouseover="subMenuItemHover" > 619 Bruiloften 620 </a> 621 622 </li> 623 624 <li class=" 625 " 626 627 data-order="3" > 628 <a href="/meetings-celebrations/vieringen" class=" 629 630 text-sm font-body uppercase " 631 @mouseover="subMenuItemHover" > 632 Vieringen 633 </a> 634 635 </li> 636 637 <li class=" 638 " 639
639 640 data-order="4" > 641 <a href="/meetings-celebrations/herdenkingen" class=" 642 643 text-sm font-body uppercase " 644 @mouseover="subMenuItemHover" > 645 Herdenkingen 646 </a> 647 648 </li> 649 650 </ul> 651 652 </li> 653 654 <li class=" 655 flex flex-col" 656 x-ref="menu_sub_item-2" 657 > 658 <a href="#" class=" 659 text-lg font-heading uppercase mb-8 main 660 " 661 > 662 Discover 663 </a> 664 665 <ul class="" x-ref="submenu"> 666 667 <li class=" 668 " 669 670 data-order="0" > 671 <a href="/stories" class=" 672 673 text-sm font-body uppercase " 674 @mouseover="subMenuItemHover" > 675 Stories 676 </a> 677 678 </li> 679 680 <li class=" 681 " 682 683 data-order="1" > 684 <a href="/events-experiences/#blocks-experiences" class=" 685 686 text-sm font-body uppercase " 687 @mouseover="subMenuItemHover" > 688 Experiences 689 </a> 690 691 </li> 692 693 <li class=" 694 " 695 696 data-order="2" > 697 <a href="/events-experiences/#blocks-events" class=" 698 699 text-sm font-body uppercase " 700 @mouseover="subMenuItemHover" > 701 Events Calendar 702 </a> 703 704 </li> 705 706 <li class=" 707 " 708 709 data-order="3" > 710 <a href="https://www.boutique.oostwegelcollection.nl/nl/" target="_blank" class=" 711 712 text-sm font-body uppercase " 713 @mouseover="subMenuItemHover" > 714 Boutique 715 </a> 716 717 </li> 718 719 <li class=" 720 " 721 722 data-order="4" > 723 <a href="/galerij" class=" 724 725 text-sm font-body uppercase " 726 @mouseover="subMenuItemHover" > 727 Galerij 728 </a> 729 730 </li> 731 732 </ul> 733 734 </li> 735 736 <li class=" 737 flex flex-col" 738 x-ref="menu_sub_item-3" 739 > 740 <a href="#" class=" 741 text-lg font-heading uppercase mb-8 main 742 " 743 > 744 About us 745 </a> 746 747 <ul class="" x-ref="submenu"> 748 749 <li class=" 750 " 751 752 data-order="0" > 753 <a href="/ons-verhaal" class=" 754 755 text-sm font-body uppercase " 756 @mouseover="subMenuItemHover" > 757 Ons verhaal 758 </a> 759 760 </li> 761 762 <li class=" 763 " 764 765 data-order="1" > 766 <a href="/duurzaamheid" class=" 767 768 text-sm font-body uppercase " 769 @mouseover="subMenuItemHover" > 770 Duurzaamheid 771 </a> 772 773 </li> 774 775 <li class=" 776 " 777 778 data-order="2" > 779 <a href="/pers-media" class=" 780 781 text-sm font-body uppercase " 782 @mouseover="subMenuItemHover" > 783 Pers & Media 784 </a> 785 786 </li> 787 788 <li class=" 789 " 790 791 data-order="3" > 792 <a href="/werken-bij" class=" 793 794 text-sm font-body uppercase " 795 @mouseover="subMenuItemHover" > 796 Werken bij 797 </a> 798 799 </li> 800 801 <li class=" 802 " 803 804 data-order="4" > 805 <a href="/contactgegevens" class=" 806 807 text-sm font-body uppercase " 808 @mouseover="subMenuItemHover" > 809 Contact 810 </a> 811 812 </li> 813 814 </ul> 815 816 </li> 817 818 </ul> 819 </div> 820 <div class="w-1/3 pl-10 pt-6 pr-8"> 821 <ul class="flex gap-10 text-black"> 822 823 824 825 <li class="font-body hidden" 826 x-ref="menu_content-0"> 827 <div class="text-lg mb-8 uppercase font-heading"> </div> 828 829 830 <ul class="" x-ref="submenu"> 831 832 <li class="font-body hidden" 833 x-ref="sub_item_content-0-0"> 834 <div class="text-lg mb-8 font-heading uppercase"> <p>
834Buitengewone hotels in de regio Maastricht</p></div> 835 <div class="text-sm"><p>Ontdek onze collectie luxe hotels en restaurants in het mooie Zuid-Limburg.</p></div> 836 </li> 837 838 <li class="font-body hidden" 839 x-ref="sub_item_content-0-1"> 840 <div class="text-lg mb-8 font-heading uppercase"> <p>Discover the unexpected</p></div> 841 <div class="text-sm"><p>Vijfsterrenhotel Château Neercanne biedt innovatieve gastronomie en luxe overnachtingen naar de regio.</p></div> 842 </li> 843 844 <li class="font-body hidden" 845 x-ref="sub_item_content-0-2"> 846 <div class="text-lg mb-8 font-heading uppercase"> <p>Transcend the ordinary</p></div> 847 <div class="text-sm"><p>Een hoogwaardig vijfsterren superior landgoed dat gasten aanmoedigt om op te laden en te verbinden.</p></div> 848 </li> 849 850 <li class="font-body hidden" 851 x-ref="sub_item_content-0-3"> 852 <div class="text-lg mb-8 font-heading uppercase"> <p>Designed for discovery</p></div> 853 <div class="text-sm"><p>Een spectaculair vijfsterrendesignhotel, getransformeerd vanuit een voormalig klooster en een gotische kerk.</p></div> 854 </li> 855 856 <li class="font-body hidden" 857 x-ref="sub_item_content-0-4"> 858 <div class="text-lg mb-8 font-heading uppercase"> <p>Exclusieve arrangementen</p></div> 859 <div class="text-sm"><p>Ontdek onze selectie speciale arrangementen en profiteer van exclusieve voordelen.</p></div> 860 </li> 861 862 <li class="font-body hidden" 863 x-ref="sub_item_content-0-5"> 864 <div class="text-lg mb-8 font-heading uppercase"> <h1>Exclusieve arrangementen</h1></div> 865 <div class="text-sm"><p>Vier het feestelijk seizoen bij Oostwegel Collection, waar onze historische locaties in Zuid-Limburg de sfeer van Kerstmis en Oud & Nieuw tot leven brengen.</p></div> 866 </li> 867 868 </ul> 869 870 </li> 871 872 873 874 875 <li class="font-body hidden" 876 x-ref="menu_content-1"> 877 <div class="text-lg mb-8 uppercase font-heading"> </div> 878 879 880 <ul class="" x-ref="submenu"> 881 882 <li class="font-body hidden" 883 x-ref="sub_item_content-1-0"> 884 <div class="text-lg mb-8 font-heading uppercase"> <p>Inspirerende omgevingen</p></div> 885 <div class="text-sm"><p>Onze historische huizen bieden de perfecte omgeving om elk bedrijf en elke sociale bijeenkomst te verrijken.</p></div> 886 </li> 887 888 <li class="font-body hidden" 889 x-ref="sub_item_content-1-1"> 890 <div class="text-lg mb-8 font-heading uppercase"> <p>Where business thrives</p></div> 891 <div class="text-sm"><p>Een succesvol evenement begint met de perfecte locatie, die elke zakelijke of sociale bijeenkomst naar een hoger niveau tilt.</p></div> 892 </li> 893 894 <li class="font-body hidden" 895 x-ref="sub_item_content-1-2"> 896 <div class="text-lg mb-8 font-heading uppercase"> <p>Bijzondere mijlpalen</p></div> 897 <div class="text-sm"><p>Onze karakteristieke huizen zijn de perfecte ambiance voor het vieren van bruiloften in een prachtige omgeving.</p></div> 898 </li> 899 900 <li class="font-body hidden" 901 x-ref="sub_item_content-1-3"> 902 <div class="text-lg mb-8 font-heading uppercase"> <p>Sprankelende feesten</p></div> 903 <div class="text-sm"><p>Vier elke gelegenheid in stijl met eersteklas accommodatie, verfijnde gerechten en betekenisvolle service.</p></div> 904 </li> 905 906 <li class="font-body hidden" 907 x-ref="sub_item_content-1-4"> 908 <div class="text-lg mb-8 font-heading uppercase"> <p>Sta stil bij het leven</p></div> 909 <div class="text-sm"><p>Dankzij onze zorgvuldige service zijn onze huizen een natuurlijke keuze voor wie afscheid wil nemen van hun dierbaren.</p></div> 910 </li> 911 912 </ul> 913 914 </li> 915 916 917 918 919 <li class="font-body hidden" 920 x-ref="menu_content-2"> 921 <div class="text-lg mb-8 uppercase font-heading"> </div> 922 923 924 <ul class="" x-ref="submenu"> 925 926 <li class="font-body hidden" 927 x-ref="sub_item_content-2-0"> 928 <div class="text-lg mb-8 font-heading uppercase"> <p>Lees, kijk of luister</p></div> 929 <div class="text-sm"><p>Kom meer te weten over de mensen, plaatsen en gastronomie.</p></div> 930 </li> 931 932 <li class="font-body hidden" 933 x-ref="sub_item_content-2-1"> 934 <div class="text-lg mb-8 font-heading uppercase"> <p>Ontdek verrijkende recreatieve activiteiten</p></div> 935 <div class="text-sm"><p>Ontdek een scala aan culinaire en culturele activiteiten, geïnspireerd door elke bestemming.</p></div> 936 </li> 937 938 <li class="font-body hidden" 939 x-ref="sub_item_content-2-2"> 940 <div class="text-lg mb-8 font-heading uppercase"> <p>Inspirerende activiteiten</p></div> 941 <div class="text-sm"><p>Bekijk wat er wordt georganiseerd. Kies uit een verzameling inspirerende evenementen en geniet optimaal van uw verblijf.</p></div> 942 </li> 943 944 <li class="font-body hidden" 945 x-ref="sub_item_content-2-3"> 946 <div class="text-lg mb-8 font-heading uppercase"> <p>Neem een kijkje</p></div> 947 <div class="text-sm"><p>Bekijk onze zorgvuldig samengestelde selectie ambachtelijke producten met zelfgekweekte ingrediënten.</p></div> 948 </li> 949 950 <li class="font-body hidden" 951 x-ref="sub_item_content-2-4"> 952 <div class="text-lg mb-8 font-heading uppercase"> <p>Ontdek onze galerij</p></div> 953 <div class="text-sm"><p>Een impressie van Oostwegel Collection</p></div> 954 </li> 955 956 </ul> 957 958 </li> 959 960 961 962 963 <li class="font-body hidden" 964 x-ref="menu_content-3"> 965 <div class="text-lg mb-8 uppercase font-heading"> </div> 966 967 968 <ul class="" x-ref="submenu"> 969 970 <li class="font-body hidden" 971 x-ref="sub_item_content-3-0"> 972 <div class="text-lg mb-8 font-heading uppercase"> <p>Het Oostwegel erfgoed</p></div> 973 <div class="text-sm"><p>Oostwegel Collection creëert inspirerende ervaringen die betekenisvolle luxe toevoegt aan elke interactie.</p></div> 974 </li> 975 976 <li class="font-body hidden" 977 x-ref="sub_item_content-3-1"> 978 <div class="text-lg mb-8 font-heading uppercase"> </div> 979 <div class="text-sm"></div> 980 </li> 981 982 <li class="font-body hidden" 983 x-ref="sub_item_content-3-2"> 984 <div class="text-lg mb-8 font-heading uppercase"> <p>Laatste nieuws</p></div> 985 <div class="text-sm"><p>Bekijk onze persberichten en blijf op de hoogte van Oostwegel Collection nieuws en aankondigingen.</p></div> 986 </li> 987 988 <li class="font-body hidden" 989 x-ref="sub_item_content-3-3"> 990 <div class="text-lg mb-8 font-heading uppercase"> <p>Join our family</p></div> 991 <div class="text-sm"><p>We zijn altijd op zoek naar getalenteerde, gepassioneerde mensen om samen met ons te groeien bij Oostwegel Collection. Neem een kijkje.</p></div> 992 </li> 993 994 <li class="font-body hidden" 995 x-ref="sub_item_content-3-4"> 996 <div class="text-lg mb-8 font-heading uppercase"> <p>Neem contact op</p></div> 997 <div class="text-sm"><p>Voor meer informatie of om individuele wensen te bespreken, staat ons getalenteerde team klaar om u te helpen.</p></div> 998 </li> 999 1000 </ul> 1001 1002 </li> 1003 1004 1005 </ul> 1006 </div> 1007 <div class="w-1/3 px-4"> 1008 <ul class="flex gap-10 text-black"> 1009 1010 1011 1012 <li class="font-body text-sm uppercase hidden w-full" 1013 x-ref="menu_image-0"> 1014 1015 1016 1017 1018 1019 1020 <picture> 1021 1022 <source 1023 srcset=" 1024 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-2/20240221---chateau-neercanne---%28c%29-chantal-arnts-37.jpg/4be731148ed731422e56790fccddf583/20240221---chateau-neercanne---%28c%29-chantal-arnts-37.webp 800w, 1025 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-2/20240221---chateau-neercanne---%28c%29-chantal-arnts-37.jpg/663aef193f14e2141f5cfcb7adb7c25f/20240221---chateau-neercanne---%28c%29-chantal-arnts-37.webp 1200w, 1026 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-2/20240221---chateau-neercanne---%28c%29-chantal-arnts-37.jpg/3b1f9709d3602dfe7d97f6472417e552/20240221---chateau-neercanne---%28c%29-chantal-arnts-37.webp 2000w 1027 "
1028 sizes="(max-width: 790px) 100vw, 80vw" 1029 type="image/webp" /> 1030 <img 1031 class="h-[20rem] w-full object-cover " 1032 style="object-position: 50% 50%" 1033 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-2/20240221---chateau-neercanne---%28c%29-chantal-arnts-37.jpg/c4805065f896961863bf00eeba883644/20240221---chateau-neercanne---%28c%29-chantal-arnts-37.jpg" 1034 alt="suite chateau neercanne." 1035 width="1067" 1036 height="1600" 1037 loading="lazy" /> 1038 1039</picture> 1040 1041 1042 1043 1044 1045 1046 <ul class="" x-ref="submenu"> 1047 1048 <li class="font-body text-sm uppercase hidden w-full" 1049 x-ref="sub_item_image-0-0"> 1050 1051 1052 1053 1054 1055 1056 <picture> 1057 1058 <source 1059 srcset=" 1060 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--1.jpg/339c0b5ef34ce25962a02739ca71f560/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--1.webp 800w, 1061 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--1.jpg/9fd4ba7da50878f37b9a6e97f8c6aad5/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--1.webp 1200w, 1062 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--1.jpg/4dccc02db2be0d1e0ba7aebfbe1090a9/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--1.webp 2000w 1063 " 1064 sizes="(max-width: 790px) 100vw, 80vw" 1065 type="image/webp" /> 1066 <img 1067 class="h-[20rem] w-full object-cover " 1068 style="object-position: 50% 50%" 1069 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--1.jpg/327da247c6be22301960aef251dc192b/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--1.jpg" 1070 alt="." 1071 width="1600" 1072 height="1066" 1073 loading="lazy" /> 1074 1075</picture> 1076 1077 1078 1079 1080 1081 </li> 1082 1083 <li class="font-body text-sm uppercase hidden w-full" 1084 x-ref="sub_item_image-0-1"> 1085 1086 1087 1088 1089 1090 1091 <picture> 1092 1093 <source 1094 srcset=" 1095 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20221101---chateau-neercane---%28c%29-chantal-arnts--11.jpg/e3daa6a831a3d3d9316a681ed02976c2/20221101---chateau-neercane---%28c%29-chantal-arnts--11.webp 800w, 1096 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20221101---chateau-neercane---%28c%29-chantal-arnts--11.jpg/ce53469ef74f63aa1376f72dfafa9e79/20221101---chateau-neercane---%28c%29-chantal-arnts--11.webp 1200w, 1097 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20221101---chateau-neercane---%28c%29-chantal-arnts--11.jpg/44e692edae18d53289018c62d0434212/20221101---chateau-neercane---%28c%29-chantal-arnts--11.webp 2000w 1098 " 1099 sizes="(max-width: 790px) 100vw, 80vw" 1100 type="image/webp" /> 1101 <img 1102 class="h-[20rem] w-full object-cover " 1103 style="object-position: 53% 46%" 1104 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20221101---chateau-neercane---%28c%29-chantal-arnts--11.jpg/4d437b0de72f5ae439290114987f2cb1/20221101---chateau-neercane---%28c%29-chantal-arnts--11.jpg" 1105 alt="Exterieur | Château Neercanne." 1106 width="1600" 1107 height="1067" 1108 loading="lazy" /> 1109 1110</picture> 1111 1112 1113 1114 1115 1116 </li> 1117 1118 <li class="font-body text-sm uppercase hidden w-full" 1119 x-ref="sub_item_image-0-2"> 1120 1121 1122 1123 1124 1125 1126 <picture> 1127 1128 <source 1129 srcset=" 1130 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--14.jpg/8bd29c7b1687873875f937ec1e53eedb/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--14.webp 800w, 1131 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--14.jpg/482bec08810238223eaaecc2031262d9/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--14.webp 1200w, 1132 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--14.jpg/1327aacbb26d0ade8c542843cc3857de/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--14.webp 2000w 1133 "
1134 sizes="(max-width: 790px) 100vw, 80vw" 1135 type="image/webp" /> 1136 <img 1137 class="h-[20rem] w-full object-cover " 1138 style="object-position: 50% 50%" 1139 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--14.jpg/9855353bfa67432e190ab1831eab8cdd/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--14.jpg" 1140 alt="Château St. Gerlach." 1141 width="1600" 1142 height="1067" 1143 loading="lazy" /> 1144 1145</picture> 1146 1147 1148 1149 1150 1151 </li> 1152 1153 <li class="font-body text-sm uppercase hidden w-full" 1154 x-ref="sub_item_image-0-3"> 1155 1156 1157 1158 1159 1160 1161 <picture> 1162 1163 <source 1164 srcset=" 1165 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/exterior/summer/20230906---kruisheren---%28c%29-chantal-arnts-43.jpg/68ce5fc15ba44ceee0b37736287f350d/20230906---kruisheren---%28c%29-chantal-arnts-43.webp 800w, 1166 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/exterior/summer/20230906---kruisheren---%28c%29-chantal-arnts-43.jpg/7b76e85e225bf3fc1df1b99d6aad6e27/20230906---kruisheren---%28c%29-chantal-arnts-43.webp 1200w, 1167 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/exterior/summer/20230906---kruisheren---%28c%29-chantal-arnts-43.jpg/fa584c54beb32e28c8cd729ecb070f8b/20230906---kruisheren---%28c%29-chantal-arnts-43.webp 2000w 1168 " 1169 sizes="(max-width: 790px) 100vw, 80vw" 1170 type="image/webp" /> 1171 <img 1172 class="h-[20rem] w-full object-cover " 1173 style="object-position: 50% 50%" 1174 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/exterior/summer/20230906---kruisheren---%28c%29-chantal-arnts-43.jpg/cd70f92b80d09af26a342002d6906fad/20230906---kruisheren---%28c%29-chantal-arnts-43.jpg" 1175 alt="Exterieur | Kruisherenhotel Maastricht." 1176 width="1067" 1177 height="1600" 1178 loading="lazy" /> 1179 1180</picture> 1181 1182 1183 1184 1185 1186 </li> 1187 1188 <li class="font-body text-sm uppercase hidden w-full" 1189 x-ref="sub_item_image-0-4"> 1190 1191 1192 1193 1194 1195 1196 <picture> 1197 1198 <source 1199 srcset=" 1200 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-%5Bcrop%5D-1600px.jpg/ea6c6520e21a0e82de07ed5a7871aa19/rv2401-roelfien-vos-chateau-neercanne-124-%5Bcrop%5D-1600px.webp 800w, 1201 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-%5Bcrop%5D-1600px.jpg/7eabfa461a079e3acca7949403c1ec57/rv2401-roelfien-vos-chateau-neercanne-124-%5Bcrop%5D-1600px.webp 1200w, 1202 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-%5Bcrop%5D-1600px.jpg/26a79e9ac4fb78a1af878bc4341947d1/rv2401-roelfien-vos-chateau-neercanne-124-%5Bcrop%5D-1600px.webp 2000w 1203 " 1204 sizes="(max-width: 790px) 100vw, 80vw" 1205 type="image/webp" /> 1206 <img 1207 class="h-[20rem] w-full object-cover " 1208 style="object-position: 50% 50%" 1209 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-%5Bcrop%5D-1600px.jpg/f74c3b9564392d5c24cf4e178b9c786f/rv2401-roelfien-vos-chateau-neercanne-124-%5Bcrop%5D-1600px.jpg" 1210 alt="Suite nabij Maastricht | Château Neercanne." 1211 width="1600" 1212 height="1200" 1213 loading="lazy" /> 1214 1215</picture> 1216 1217 1218 1219 1220 1221 </li> 1222 1223 <li class="font-body text-sm uppercase hidden w-full" 1224 x-ref="sub_item_image-0-5"> 1225 1226 1227 1228 1229 1230 1231 <picture> 1232 1233 <source 1234 srcset=" 1235 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/holidays/kruisheren_20181216_011a-web.jpg/89d7d7420aed2ff4a220c355676e84b0/kruisheren_20181216_011a-web.webp 800w, 1236 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/holidays/kruisheren_20181216_011a-web.jpg/a6e57ac6c38beca3e0a5bd85e0e7e7bd/kruisheren_20181216_011a-web.webp 1200w, 1237 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/holidays/kruisheren_20181216_011a-web.jpg/b8bea072b3af889349bee5a856838891/kruisheren_20181216_011a-web.webp 2000w 1238 "
1239 sizes="(max-width: 790px) 100vw, 80vw" 1240 type="image/webp" /> 1241 <img 1242 class="h-[20rem] w-full object-cover " 1243 style="object-position: 50% 50%" 1244 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/holidays/kruisheren_20181216_011a-web.jpg/f50513114d62a651d8b5417f17372b26/kruisheren_20181216_011a-web.jpg" 1245 alt="Feestdagen | Kruisherenhotel Maastricht." 1246 width="3000" 1247 height="1681" 1248 loading="lazy" /> 1249 1250</picture> 1251 1252 1253 1254 1255 1256 </li> 1257 1258 </ul> 1259 1260 </li> 1261 1262 1263 1264 1265 <li class="font-body text-sm uppercase hidden w-full" 1266 x-ref="menu_image-1"> 1267 1268 1269 1270 1271 1272 1273 <picture> 1274 1275 <source 1276 srcset=" 1277 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/001_enriquemeesters_rti-za-gerlach_web_20240921.jpg/b0b676d96b0d5dde247c70ac14a37e5d/001_enriquemeesters_rti-za-gerlach_web_20240921.webp 800w, 1278 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/001_enriquemeesters_rti-za-gerlach_web_20240921.jpg/a2dc356c0db225cc9a37cc867013716a/001_enriquemeesters_rti-za-gerlach_web_20240921.webp 1200w, 1279 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/001_enriquemeesters_rti-za-gerlach_web_20240921.jpg/79402b7059b8feed61818428eac4b4e4/001_enriquemeesters_rti-za-gerlach_web_20240921.webp 2000w 1280 " 1281 sizes="(max-width: 790px) 100vw, 80vw" 1282 type="image/webp" /> 1283 <img 1284 class="h-[20rem] w-full object-cover " 1285 style="object-position: 50% 50%" 1286 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/001_enriquemeesters_rti-za-gerlach_web_20240921.jpg/d52d09a587cdf038f681db8d49b18c91/001_enriquemeesters_rti-za-gerlach_web_20240921.jpg" 1287 alt="Celebrate at Château St. Gerlach." 1288 width="2048" 1289 height="1365" 1290 loading="lazy" /> 1291 1292</picture> 1293 1294 1295 1296 1297 1298 1299 <ul class="" x-ref="submenu"> 1300 1301 <li class="font-body text-sm uppercase hidden w-full" 1302 x-ref="sub_item_image-1-0"> 1303 1304 1305 1306 1307 1308 1309 <picture> 1310 1311 <source 1312 srcset=" 1313 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/20230906---chateau-st.-gerlach----chantal-arnts-293-%281%29.jpg/baaa3d4da0b69ebf6a6059744f00d731/20230906---chateau-st.-gerlach----chantal-arnts-293-%281%29.webp 800w, 1314 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/20230906---chateau-st.-gerlach----chantal-arnts-293-%281%29.jpg/3218fd56943a9fb013dbb095b55ddde2/20230906---chateau-st.-gerlach----chantal-arnts-293-%281%29.webp 1200w, 1315 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/20230906---chateau-st.-gerlach----chantal-arnts-293-%281%29.jpg/27f8e8118fc073acda3724088e45b77b/20230906---chateau-st.-gerlach----chantal-arnts-293-%281%29.webp 2000w 1316 " 1317 sizes="(max-width: 790px) 100vw, 80vw" 1318 type="image/webp" /> 1319 <img 1320 class="h-[20rem] w-full object-cover " 1321 style="object-position: 35% 49%" 1322 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/20230906---chateau-st.-gerlach----chantal-arnts-293-%281%29.jpg/e5b1d3df7d001693f6923da2b3282692/20230906---chateau-st.-gerlach----chantal-arnts-293-%281%29.jpg" 1323 alt="Celebrate at Château St. Gerlach." 1324 width="1067" 1325 height="1600" 1326 loading="lazy" /> 1327 1328</picture> 1329 1330 1331 1332 1333 1334 </li> 1335 1336 <li class="font-body text-sm uppercase hidden w-full" 1337 x-ref="sub_item_image-1-1"> 1338 1339 1340 1341 1342 1343 1344 <picture> 1345 1346 <source 1347 srcset=" 1348 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/rsz_gerlach_paviljoen_201704
134819_111-pano.jpg/7cb50dec0943e32c56b34a9c08848727/rsz_gerlach_paviljoen_20170419_111-pano.webp 800w, 1349 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/rsz_gerlach_paviljoen_20170419_111-pano.jpg/6e7f17fd0a741a10ec10652373ec08e9/rsz_gerlach_paviljoen_20170419_111-pano.webp 1200w, 1350 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/rsz_gerlach_paviljoen_20170419_111-pano.jpg/82ce8651339794a18ee4f436f204e5d6/rsz_gerlach_paviljoen_20170419_111-pano.webp 2000w 1351 " 1352 sizes="(max-width: 790px) 100vw, 80vw" 1353 type="image/webp" /> 1354 <img 1355 class="h-[20rem] w-full object-cover " 1356 style="object-position: 48% 46%" 1357 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/meet-celebrate/rsz_gerlach_paviljoen_20170419_111-pano.jpg/9fe49c0f11eb060cf0e4a25df8511c53/rsz_gerlach_paviljoen_20170419_111-pano.jpg" 1358 alt="Meet at Château St. Gerlach." 1359 width="1361" 1360 height="1768" 1361 loading="lazy" /> 1362 1363</picture> 1364 1365 1366 1367 1368 1369 </li> 1370 1371 <li class="font-body text-sm uppercase hidden w-full" 1372 x-ref="sub_item_image-1-2"> 1373 1374 1375 1376 1377 1378 1379 <picture> 1380 1381 <source 1382 srcset=" 1383 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/weddings/neercanne/www.guyhouben.com_melvin&bente_moody_fullres-461.jpg/5926ff8029565d56c554c97c770c8445/www.guyhouben.com_melvin&bente_moody_fullres-461.webp 800w, 1384 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/weddings/neercanne/www.guyhouben.com_melvin&bente_moody_fullres-461.jpg/8fa36f169188b56852af4d2bcd7549d4/www.guyhouben.com_melvin&bente_moody_fullres-461.webp 1200w, 1385 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/weddings/neercanne/www.guyhouben.com_melvin&bente_moody_fullres-461.jpg/782e20f217546f4e6f3261cfe2920a6f/www.guyhouben.com_melvin&bente_moody_fullres-461.webp 2000w 1386 " 1387 sizes="(max-width: 790px) 100vw, 80vw" 1388 type="image/webp" /> 1389 <img 1390 class="h-[20rem] w-full object-cover " 1391 style="object-position: 50% 50%" 1392 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/weddings/neercanne/www.guyhouben.com_melvin&bente_moody_fullres-461.jpg/ba2999792f25b16c2c22afc0bfa5c39b/www.guyhouben.com_melvin&bente_moody_fullres-461.jpg" 1393 alt="Wedding at Château Neercanne." 1394 width="1024" 1395 height="684" 1396 loading="lazy" /> 1397 1398</picture> 1399 1400 1401 1402 1403 1404 </li> 1405 1406 <li class="font-body text-sm uppercase hidden w-full" 1407 x-ref="sub_item_image-1-3"> 1408 1409 1410 1411 1412 1413 1414 <picture> 1415 1416 <source 1417 srcset=" 1418 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/weddings/kruisheren/cara&max_kimcapteinphotography-128.jpg/5acd17f9eb18de4ce768ff0e9d1a629b/cara&max_kimcapteinphotography-128.webp 800w, 1419 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/weddings/kruisheren/cara&max_kimcapteinphotography-128.jpg/daa0713991bf1994950539b1c5b8781d/cara&max_kimcapteinphotography-128.webp 1200w, 1420 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/weddings/kruisheren/cara&max_kimcapteinphotography-128.jpg/faaf79d4bf6bf617d950761604664fc5/cara&max_kimcapteinphotography-128.webp 2000w 1421 " 1422 sizes="(max-width: 790px) 100vw, 80vw" 1423 type="image/webp" /> 1424 <img 1425 class="h-[20rem] w-full object-cover " 1426 style="object-position: 50% 50%" 1427 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/weddings/kruisheren/cara&max_kimcapteinphotography-128.jpg/219e820d2d3d42ff69bce656f5bcc992/cara&max_kimcapteinphotography-128.jpg" 1428 alt="Vieringen | Kruisherenhotel Maastricht." 1429 width="1600" 1430 height="1067" 1431 loading="lazy" /> 1432 1433</picture> 1434 1435 1436 1437 1438 1439 </li> 1440 1441 <li class="font-body text-sm uppercase hidden w-full" 1442 x-ref="sub_item_image-1-4"> 1443 1444 1445 1446 1447 1448 1449 <picture> 1450 1451 <source 1452 srcset=" 1453 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/venues/paviljoen-en-hoeve/gerlach_paviljoen_201704
145319_077.jpg/ee79901dfbce81e96c58c105d412c147/gerlach_paviljoen_20170419_077.webp 800w, 1454 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/venues/paviljoen-en-hoeve/gerlach_paviljoen_20170419_077.jpg/d437d2b8e256ffaf59506f00a9ae741a/gerlach_paviljoen_20170419_077.webp 1200w, 1455 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/venues/paviljoen-en-hoeve/gerlach_paviljoen_20170419_077.jpg/e0c3a3d02ef5869b3ae4afb2435fd9ca/gerlach_paviljoen_20170419_077.webp 2000w 1456 " 1457 sizes="(max-width: 790px) 100vw, 80vw" 1458 type="image/webp" /> 1459 <img 1460 class="h-[20rem] w-full object-cover " 1461 style="object-position: 50% 50%" 1462 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/venues/paviljoen-en-hoeve/gerlach_paviljoen_20170419_077.jpg/e47528b15f5145bd24073a6428fbbf42/gerlach_paviljoen_20170419_077.jpg" 1463 alt="." 1464 width="1381" 1465 height="2000" 1466 loading="lazy" /> 1467 1468</picture> 1469 1470 1471 1472 1473 1474 </li> 1475 1476 </ul> 1477 1478 </li> 1479 1480 1481 1482 1483 <li class="font-body text-sm uppercase hidden w-full" 1484 x-ref="menu_image-2"> 1485 1486 1487 1488 1489 1490 1491 <picture> 1492 1493 <source 1494 srcset=" 1495 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/winselerhof/hotel/front-office/winselerhof_oct_2022_lt-73.jpg/8313b5ad5550f5ade398aa58943064d4/winselerhof_oct_2022_lt-73.webp 800w, 1496 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/winselerhof/hotel/front-office/winselerhof_oct_2022_lt-73.jpg/9c4643de5ef69b5cbaa13e40a52da9fa/winselerhof_oct_2022_lt-73.webp 1200w, 1497 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/winselerhof/hotel/front-office/winselerhof_oct_2022_lt-73.jpg/b97de0ff220a45eb64ae5a43e0589b52/winselerhof_oct_2022_lt-73.webp 2000w 1498 " 1499 sizes="(max-width: 790px) 100vw, 80vw" 1500 type="image/webp" /> 1501 <img 1502 class="h-[20rem] w-full object-cover " 1503 style="object-position: 50% 50%" 1504 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/winselerhof/hotel/front-office/winselerhof_oct_2022_lt-73.jpg/6989f7cb7fd4364da8d997129b759152/winselerhof_oct_2022_lt-73.jpg" 1505 alt="Sleutels hotel | Winselerhof." 1506 width="2000" 1507 height="1125" 1508 loading="lazy" /> 1509 1510</picture> 1511 1512 1513 1514 1515 1516 1517 <ul class="" x-ref="submenu"> 1518 1519 <li class="font-body text-sm uppercase hidden w-full" 1520 x-ref="sub_item_image-2-0"> 1521 1522 1523 1524 1525 1526 1527 <picture> 1528 1529 <source 1530 srcset=" 1531 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/8b8306dc6ed81b9cee48736e96c37915/20221101-chateau-neercane--chantal-arnts-345.webp 800w, 1532 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/ca6975ec900ee56586985c5b629646ec/20221101-chateau-neercane--chantal-arnts-345.webp 1200w, 1533 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/d3416fcb81bfb40a2c8e00dfbcce7509/20221101-chateau-neercane--chantal-arnts-345.webp 2000w 1534 "
1535 sizes="(max-width: 790px) 100vw, 80vw" 1536 type="image/webp" /> 1537 <img 1538 class="h-[20rem] w-full object-cover " 1539 style="object-position: 50% 50%" 1540 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/a542255b5f655e97ea97eae59ca455ba/20221101-chateau-neercane--chantal-arnts-345.jpg" 1541 alt="Sommelier | Château Neercanne." 1542 width="1067" 1543 height="1600" 1544 loading="lazy" /> 1545 1546</picture> 1547 1548 1549 1550 1551 1552 </li> 1553 1554 <li class="font-body text-sm uppercase hidden w-full" 1555 x-ref="sub_item_image-2-1"> 1556 1557 1558 1559 1560 1561 1562 <picture> 1563 1564 <source 1565 srcset=" 1566 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/exterior/wijland/20230906-chateau-st.-gerlach--chantal-arnts-3581.jpg/24231388b4d3b9203603e7a64780ccc5/20230906-chateau-st.-gerlach--chantal-arnts-3581.webp 800w, 1567 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/exterior/wijland/20230906-chateau-st.-gerlach--chantal-arnts-3581.jpg/c011e0edc7ab08742381dbc2938fb003/20230906-chateau-st.-gerlach--chantal-arnts-3581.webp 1200w, 1568 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/exterior/wijland/20230906-chateau-st.-gerlach--chantal-arnts-3581.jpg/da1a06eb10145f17ad60cc599b3ccc19/20230906-chateau-st.-gerlach--chantal-arnts-3581.webp 2000w 1569 " 1570 sizes="(max-width: 790px) 100vw, 80vw" 1571 type="image/webp" /> 1572 <img 1573 class="h-[20rem] w-full object-cover " 1574 style="object-position: 50% 50%" 1575 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/exterior/wijland/20230906-chateau-st.-gerlach--chantal-arnts-3581.jpg/adca95b899351e9c414d430ca32ce041/20230906-chateau-st.-gerlach--chantal-arnts-3581.jpg" 1576 alt="." 1577 width="1600" 1578 height="1067" 1579 loading="lazy" /> 1580 1581</picture> 1582 1583 1584 1585 1586 1587 </li> 1588 1589 <li class="font-body text-sm uppercase hidden w-full" 1590 x-ref="sub_item_image-2-2"> 1591 1592 1593 1594 1595 1596 1597 <picture> 1598 1599 <source 1600 srcset=" 1601 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20230823---oostwegel-collection---%28c%29-chantal-arnts-169.jpg/f2d70ae47aa49df2cfa56d06268ed913/20230823---oostwegel-collection---%28c%29-chantal-arnts-169.webp 800w, 1602 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20230823---oostwegel-collection---%28c%29-chantal-arnts-169.jpg/7b96fc279307c3bdbe24b1bdb8ff7a67/20230823---oostwegel-collection---%28c%29-chantal-arnts-169.webp 1200w, 1603 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20230823---oostwegel-collection---%28c%29-chantal-arnts-169.jpg/b16412911751752dca1242f22e8692ab/20230823---oostwegel-collection---%28c%29-chantal-arnts-169.webp 2000w 1604 " 1605 sizes="(max-width: 790px) 100vw, 80vw" 1606 type="image/webp" /> 1607 <img 1608 class="h-[20rem] w-full object-cover " 1609 style="object-position: 50% 50%" 1610 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20230823---oostwegel-collection---%28c%29-chantal-arnts-169.jpg/bf760bae4d1e085ba4dd53ee08c1ca54/20230823---oostwegel-collection---%28c%29-chantal-arnts-169.jpg" 1611 alt="Dineren op het terras | Château Neercanne." 1612 width="1600" 1613 height="1067" 1614 loading="lazy" /> 1615 1616</picture> 1617 1618 1619 1620 1621 1622 </li> 1623 1624 <li class="font-body text-sm uppercase hidden w-full" 1625 x-ref="sub_item_image-2-3"> 1626 1627 1628 1629 1630 1631 1632 <picture> 1633 1634 <source 1635 srcset=" 1636 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/rooms/ingendael-suite/20240222---chateau-st-gerlach---%28c%29-chantal-arnts-30.jpg/3ed33f1f095c171aab57e3dc4c6fd37a/20240222---chateau-st-gerlach---%28c%29-chantal-arnts-30.webp 800w, 1637 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/rooms/ingendael-suite/20240222---chateau-st-gerlach---%28c%29-chantal-arnts-30.jpg/0520efc49a561401ae0bd83f1827d967/20240222---chateau-st-gerlach---%28c%29-chantal-arnts-30.webp 1200w, 1638 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/rooms/ingendael-suite/20240222---chateau-st-gerlach---%28c%29-chantal-arnts-30.jpg/fb8d4a598bc3159aa462956155fb15cb/20240222---chateau-st-gerlach---%28c%29-chantal-arnts-30.webp 2000w 1639 "
1640 sizes="(max-width: 790px) 100vw, 80vw" 1641 type="image/webp" /> 1642 <img 1643 class="h-[20rem] w-full object-cover " 1644 style="object-position: 50% 50%" 1645 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/rooms/ingendael-suite/20240222---chateau-st-gerlach---%28c%29-chantal-arnts-30.jpg/db046d1dc0c3e6b5801afc3262d06edf/20240222---chateau-st-gerlach---%28c%29-chantal-arnts-30.jpg" 1646 alt="." 1647 width="1600" 1648 height="1067" 1649 loading="lazy" /> 1650 1651</picture> 1652 1653 1654 1655 1656 1657 </li> 1658 1659 <li class="font-body text-sm uppercase hidden w-full" 1660 x-ref="sub_item_image-2-4"> 1661 1662 1663 1664 1665 1666 1667 <picture> 1668 1669 <source 1670 srcset=" 1671 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/www.guyhouben.com_chateauneercanne-34.jpg/cc59daa88a37d4271612c261589580cd/www.guyhouben.com_chateauneercanne-34.webp 800w, 1672 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/www.guyhouben.com_chateauneercanne-34.jpg/b33d2653fde5897971baf5ec25d05712/www.guyhouben.com_chateauneercanne-34.webp 1200w, 1673 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/www.guyhouben.com_chateauneercanne-34.jpg/d3886f9f901952df50662f2a245d3c5f/www.guyhouben.com_chateauneercanne-34.webp 2000w 1674 " 1675 sizes="(max-width: 790px) 100vw, 80vw" 1676 type="image/webp" /> 1677 <img 1678 class="h-[20rem] w-full object-cover " 1679 style="object-position: 50% 50%" 1680 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/www.guyhouben.com_chateauneercanne-34.jpg/acd56fd3defd68ed0862bdd6c02850c3/www.guyhouben.com_chateauneercanne-34.jpg" 1681 alt="Restaurant Château Neercanne." 1682 width="2048" 1683 height="3072" 1684 loading="lazy" /> 1685 1686</picture> 1687 1688 1689 1690 1691 1692 </li> 1693 1694 </ul> 1695 1696 </li> 1697 1698 1699 1700 1701 <li class="font-body text-sm uppercase hidden w-full" 1702 x-ref="menu_image-3"> 1703 1704 1705 1706 1707 1708 1709 <picture> 1710 1711 <source 1712 srcset=" 1713 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20230823---oostwegel-collection---%28c%29-chantal-arnts-19.jpg/6b0e784a9ad821fe7e1c10637c3a4780/20230823---oostwegel-collection---%28c%29-chantal-arnts-19.webp 800w, 1714 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20230823---oostwegel-collection---%28c%29-chantal-arnts-19.jpg/749161e1c185b16b1de4fd375fe8e139/20230823---oostwegel-collection---%28c%29-chantal-arnts-19.webp 1200w, 1715 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20230823---oostwegel-collection---%28c%29-chantal-arnts-19.jpg/98a833adcff849c7e3d5bfeb2a29cab4/20230823---oostwegel-collection---%28c%29-chantal-arnts-19.webp 2000w 1716 " 1717 sizes="(max-width: 790px) 100vw, 80vw" 1718 type="image/webp" /> 1719 <img 1720 class="h-[20rem] w-full object-cover " 1721 style="object-position: 50% 50%" 1722 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20230823---oostwegel-collection---%28c%29-chantal-arnts-19.jpg/36547636a470d8761e0fed1086e1bb3b/20230823---oostwegel-collection---%28c%29-chantal-arnts-19.jpg" 1723 alt="." 1724 width="1600" 1725 height="1067" 1726 loading="lazy" /> 1727 1728</picture> 1729 1730 1731 1732 1733 1734 1735 <ul class="" x-ref="submenu"> 1736 1737 <li class="font-body text-sm uppercase hidden w-full" 1738 x-ref="sub_item_image-3-0"> 1739 1740 1741 1742 1743 1744 1745 <picture> 1746 1747 <source 1748 srcset=" 1749 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/team/coverfotoambw_cocosr_2021-scaled.jpg/c247a781a9cd66d62520beee8e605d01/coverfotoambw_cocosr_2021-scaled.webp 800w, 1750 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/team/coverfotoambw_cocosr_2021-scaled.jpg/53194626552d81a18ff0ff510789fc11/coverfotoambw_cocosr_2021-scaled.webp 1200w, 1751 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/team/coverfotoambw_cocosr_2021-scaled.jpg/f72b72b4b6e457667a46898be7aa95cd/coverfotoambw_cocosr_2021-scaled.webp 2000w 1752 "
1753 sizes="(max-width: 790px) 100vw, 80vw" 1754 type="image/webp" /> 1755 <img 1756 class="h-[20rem] w-full object-cover " 1757 style="object-position: 50% 50%" 1758 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/team/coverfotoambw_cocosr_2021-scaled.jpg/298306d28521a4c90e5da9fe5ce8b242/coverfotoambw_cocosr_2021-scaled.jpg" 1759 alt="." 1760 width="1800" 1761 height="2560" 1762 loading="lazy" /> 1763 1764</picture> 1765 1766 1767 1768 1769 1770 </li> 1771 1772 <li class="font-body text-sm uppercase hidden w-full" 1773 x-ref="sub_item_image-3-1"> 1774 1775 1776 1777 1778 1779 1780 <picture> 1781 1782 <source 1783 srcset=" 1784 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/exterior/wijland/20230906-chateau-st.-gerlach--chantal-arnts-3831.jpg/6488f03afba615e7e00a430f24ed0135/20230906-chateau-st.-gerlach--chantal-arnts-3831.webp 800w, 1785 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/exterior/wijland/20230906-chateau-st.-gerlach--chantal-arnts-3831.jpg/4dcea92290963174ddce716dbf2e4261/20230906-chateau-st.-gerlach--chantal-arnts-3831.webp 1200w, 1786 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/exterior/wijland/20230906-chateau-st.-gerlach--chantal-arnts-3831.jpg/bd4aea995c540fecb1ead6aaddf2e4f1/20230906-chateau-st.-gerlach--chantal-arnts-3831.webp 2000w 1787 " 1788 sizes="(max-width: 790px) 100vw, 80vw" 1789 type="image/webp" /> 1790 <img 1791 class="h-[20rem] w-full object-cover " 1792 style="object-position: 50% 50%" 1793 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/exterior/wijland/20230906-chateau-st.-gerlach--chantal-arnts-3831.jpg/723d780cfe4902a7749c51a39cf23dfb/20230906-chateau-st.-gerlach--chantal-arnts-3831.jpg" 1794 alt="." 1795 width="1600" 1796 height="1067" 1797 loading="lazy" /> 1798 1799</picture> 1800 1801 1802 1803 1804 1805 </li> 1806 1807 <li class="font-body text-sm uppercase hidden w-full" 1808 x-ref="sub_item_image-3-2"> 1809 1810 1811 1812 1813 1814 1815 <picture> 1816 1817 <source 1818 srcset=" 1819 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/stories/dsc_3648.jpg/ba8a078b87b28f4e0c241a5fff3ad7f0/dsc_3648.webp 800w, 1820 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/stories/dsc_3648.jpg/e6b0ad00df16f95ed850e114d5aa3bc5/dsc_3648.webp 1200w, 1821 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/stories/dsc_3648.jpg/2d0a083f33fc0bb774f249ff42c8332b/dsc_3648.webp 2000w 1822 " 1823 sizes="(max-width: 790px) 100vw, 80vw" 1824 type="image/webp" /> 1825 <img 1826 class="h-[20rem] w-full object-cover " 1827 style="object-position: 50% 50%" 1828 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/stories/dsc_3648.jpg/a8694b575d40fe356a67789e8d062fec/dsc_3648.jpg" 1829 alt="." 1830 width="1504" 1831 height="1003" 1832 loading="lazy" /> 1833 1834</picture> 1835 1836 1837 1838 1839 1840 </li> 1841 1842 <li class="font-body text-sm uppercase hidden w-full" 1843 x-ref="sub_item_image-3-3"> 1844 1845 1846 1847 1848 1849 1850 <picture> 1851 1852 <source 1853 srcset=" 1854 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118--kruisheren--chantal-arnts-165.1.jpg/c006cb42727ea7b6de7e6f07a9173dc9/20221118--kruisheren--chantal-arnts-165.1.webp 800w, 1855 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118--kruisheren--chantal-arnts-165.1.jpg/508941e001afd90f19980e40d56abcd2/20221118--kruisheren--chantal-arnts-165.1.webp 1200w, 1856 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118--kruisheren--chantal-arnts-165.1.jpg/e0d833b1f45498a6cc5218600eec5fe8/20221118--kruisheren--chantal-arnts-165.1.webp 2000w 1857 "
1858 sizes="(max-width: 790px) 100vw, 80vw" 1859 type="image/webp" /> 1860 <img 1861 class="h-[20rem] w-full object-cover " 1862 style="object-position: 50% 50%" 1863 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118--kruisheren--chantal-arnts-165.1.jpg/3ed345f8ae5186679a209fe97da51423/20221118--kruisheren--chantal-arnts-165.1.jpg" 1864 alt="." 1865 width="1600" 1866 height="1067" 1867 loading="lazy" /> 1868 1869</picture> 1870 1871 1872 1873 1874 1875 </li> 1876 1877 <li class="font-body text-sm uppercase hidden w-full" 1878 x-ref="sub_item_image-3-4"> 1879 1880 1881 1882 1883 1884 1885 <picture> 1886 1887 <source 1888 srcset=" 1889 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/lobby/20240529---chateau-neercanne---%28c%29-chantal-arnts-87.jpg/76760180763cb5d6a1fad7fdf10e1286/20240529---chateau-neercanne---%28c%29-chantal-arnts-87.webp 800w, 1890 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/lobby/20240529---chateau-neercanne---%28c%29-chantal-arnts-87.jpg/17675cdb123ce57e63f6529a8aa73ae4/20240529---chateau-neercanne---%28c%29-chantal-arnts-87.webp 1200w, 1891 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/lobby/20240529---chateau-neercanne---%28c%29-chantal-arnts-87.jpg/28dee7e09f6b612d5bec5d5363b4c9bd/20240529---chateau-neercanne---%28c%29-chantal-arnts-87.webp 2000w 1892 " 1893 sizes="(max-width: 790px) 100vw, 80vw" 1894 type="image/webp" /> 1895 <img 1896 class="h-[20rem] w-full object-cover " 1897 style="object-position: 50% 50%" 1898 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/lobby/20240529---chateau-neercanne---%28c%29-chantal-arnts-87.jpg/e77f9f53f268a4de5b404c063835a364/20240529---chateau-neercanne---%28c%29-chantal-arnts-87.jpg" 1899 alt="." 1900 width="1600" 1901 height="1067" 1902 loading="lazy" /> 1903 1904</picture> 1905 1906 1907 1908 1909 1910 </li> 1911 1912 </ul> 1913 1914 </li> 1915 1916 1917 </ul> 1918 </div> 1919 </div> 1920 </div> 1921 </div> 1922</header> 1923 1924 1925 <div class="relative" x-data="PromoBannerSlider" x-ref='banner_component' x-show="showBanner" x-transition.duration.300ms x-cloak> 1926 <div class="py-2 bg-black min-h-12 md:min-h-14 flex"> 1927 <div class='swiper w-[90%] lg:w-[60%] xl:w-[40%] relative' x-ref='slider'> 1928 <div class='swiper-wrapper'> 1929 1930 <div class='swiper-slide !flex flex-row justify-center items-center gap-2 md:gap-4 px-6 py-4 md:py-0'> 1931 <div class='text-xs md:text-base font-body text-white flex w-fit'> 1932 Kruisherenhotel Maastricht is momenteel gesloten en gaat in oktober 2026 weer open 1933 </div> 1934 1935 <div class="flex flex-row items-center gap-2 md:gap-4"> 1936 <div class="w-[1px] h-[16px] bg-white"></div> 1937 1938<div class="flex flex-row flex-wrap gap-x-3 gap-y-4 "> 1939 1940 <a 1941 1942 1943 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 1944 1945 1946 1947 1948 1949 ohm-underlined 1950 1951 !pl-0 border border-transparent text-white rounded-full !w-auto !px-0 lg:!pb-[.2rem] 1952 relative 1953 [&::after]:content-[''] 1954 [&::after]:block 1955 [&::after]:absolute 1956 [&::after]:bottom-0 1957 [&::after]:left-0 1958 [&::after]:w-0 1959 [&::after]:h-[1px] 1960 [&::after]:bg-white 1961 [&::after]:transition-all 1962 [&::after]:duration-300 1963 [&::after]:ease-in-out 1964 lg:hover:[&::after]:w-full 1965 lg:hover:[&::after]:opacity-100 1966 1967 1968 1969 !text-xs !py-1 1970 " 1971 href="https://www.oostwegelcollection.nl/kruisherenhotel-maastricht/renovatie" 1972 1973 1974 1975 1976 1977><span x-ref="btn-text" >Lees meer</span></a> 1978 1979 1980 1981</div> 1982 1983 1984 </div> 1985 1986 </div> 1987 1988 </div> 1989 <div class="swiper-navigation">
1990 <span class="swiper-button-prev" x-ref="ohmPrevButton"></span> 1991 <span class="swiper-button-next" x-ref="ohmNextButton"></span> 1992 </div> 1993 </div> 1994 </div> 1995 <div class='absolute cursor-pointer top-2 right-2 md:top-1/2 md:-translate-y-1/2 md:right-4'> 1996 <svg class='' @click='closeButtonClick' xmlns="http://www.w3.org/2000/svg" width="11" height="10" viewBox="0 0 11 10" fill="none"> 1997 <line y1="-0.5" x2="12.3741" y2="-0.5" transform="matrix(-0.686292 0.727326 -0.686292 -0.727326 9.49219 0)" stroke="white"/> 1998 <line y1="-0.5" x2="12.3741" y2="-0.5" transform="matrix(0.686292 0.727326 0.686292 -0.727326 1.50781 0)" stroke="white"/> 1999 </svg> 2000 </div> 2001</div> 2002 2003 2004 2005 2006 2007 2008 2009 <main id="content" class='overflow-x-hidden'> 2010 2011 2012 <section 2013 data-id='lzlbpsse' 2014 id='' 2015 class='ohm-component-HeroSection' 2016 > 2017 <div class="ohm-outer relative h-[100svh] w-full !mb-0 md:!mb-[3rem] z-10" x-data="HeroSection"> 2018 <div class="absolute overflow-hidden left-0 right-0 top-0 bottom-0 z-[-1]"> 2019 <div class="absolute left-0 right-0 top-0 bottom-0 w-full h-full bg-black/30 z-[3]"></div> 2020 2021 2022 2023 2024 2025 <div video-data="https://vimeo.com/1022017221" autoplay="1" class="absolute top-0 bottom-0 left-0 right-0 opacity-0 transition-all duration-300" x-ref="videoWrapper"> 2026 </div> 2027 <div class="absolute top-0 bottom-0 left-0 right-0 opacity-1 transition-all duration-300" x-ref="videoPreviewImg"> 2028 2029 2030 2031 2032 2033 2034 <picture> 2035 2036 <source 2037 srcset=" 2038 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--16.jpg/fe8d0bd9965aec153fac11ec1d563dac/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--16.webp 800w, 2039 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--16.jpg/4f101d13cbab532b988c7c414cc84005/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--16.webp 1200w, 2040 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--16.jpg/18c5bac1bfdcb461174ec1a201d4eb5c/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--16.webp 2000w 2041 " 2042 sizes="(max-width: 790px) 100vw, 80vw" 2043 type="image/webp" /> 2044 <img 2045 class="w-full h-full object-cover absolute" 2046 style="object-position: 50% 50%" 2047 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--16.jpg/a1bd7a296341c638714058ecb3b37ab1/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--16.jpg" 2048 alt="Château St. Gerlach." 2049 width="1600" 2050 height="1066" 2051 loading="eager" fetchpriority="high" /> 2052 2053</picture> 2054 2055 2056 2057 2058 2059 </div> 2060 2061 2062 2063 </div> 2064 <div class="ohm-inner relative h-full flex flex-col justify-end pb-8 pt-16 md:pt-36"> 2065 <div x-ref="mainHeading" class="relative px-4 max-w-full md:max-w-4xl mx-auto w-full text-center h-full flex items-center justify-center font-heading font-normal text-white"> 2066 2067 <div class="text-7xl"> 2068 2069 </div> 2070 2071 2072 2073 2074 </div> 2075 2076 <!-- Bottom Content --> 2077 <div class="flex flex-row md:items-end justify-between w-full"> 2078 2079 <!-- video controls --> 2080 <div class="h-full w-[12.5%] xl:w-1/5 flex flex-grow justify-center flex-col"> 2081 <div class="md:flex-grow md:h-full"></div> 2082 <div class="md:h-full flex items-center"> 2083 2084 <div class="flex flex-col md:flex-row gap-2 xl:gap-4 opacity-0 transition-all duration-150" x-show="initialPlay" x-ref="videoControls"> 2085 2086 2087 <span class="flex border border-white/50 rounded-full w-10 h-10 xl:w-10 xl:h-10 justify-center items-center cursor-pointer" x-on:click="togglePlay($event)" x-ref="togglePlay"> 2088 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="13" viewBox="0 0 10 13" fill="none" x-s
2088how="play"> 2089 <line x1="1.32715" y1="0.707031" x2="1.32715" y2="12.4134" stroke="white" stroke-width="2"/> 2090 <line x1="8.15601" y1="0.707031" x2="8.15601" y2="12.4134" stroke="white" stroke-width="2"/> 2091 </svg> 2092 <svg height="13" viewBox="0 0 512 512" width="10" xmlns="http://www.w3.org/2000/svg" x-show="!play"> 2093 <path class="fill-white" d="m468.8 235.007-401.359-231.73a24.2 24.2 0 0 0 -12.087-3.285h-.07a24.247 24.247 0 0 0 -12.094 3.287 24 24 0 0 0 -12.11 20.992v463.456a24.186 24.186 0 0 0 36.36 20.994l401.36-231.731a24.238 24.238 0 0 0 0-41.983z" fill-rule="evenodd"/> 2094 </svg> 2095 </span> 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 <span class="flex border border-white/50 rounded-full w-10 h-10 xl:w-10 xl:h-10 justify-center items-center cursor-pointer" x-on:click="toggleMuted($event)" x-ref="toggleMuted"> 2106 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none" x-show="!sound"> 2107 <g clip-path="url(#clip0_22_1485)"> 2108 <path d="M9.73178 5.96685C9.73178 4.77348 9.01355 3.77901 7.9362 3.31492V4.77348L9.73178 6.43094C9.73178 6.23204 9.73178 6.09945 9.73178 5.96685ZM11.5274 5.96685C11.5274 6.56354 11.3837 7.16022 11.1682 7.69061L12.2456 8.68508C12.7484 7.8895 12.9638 6.89503 12.9638 5.90055C12.9638 3.04972 10.8091 0.662983 7.9362 0.0662984V1.45856C10.0191 2.12155 11.5274 3.8453 11.5274 5.96685ZM0.969346 0L0.0356445 0.861879L3.41134 3.9779H0.0356445V7.9558H2.90857L6.49973 11.2707V6.82873L9.58813 9.67956C9.08534 10.0111 8.58261 10.2762 7.9362 10.4752V11.8674C8.94172 11.6685 9.8036 11.2707 10.5937 10.6741L12.0301 12L12.9638 11.1382L6.49973 5.17132L0.969346 0ZM6.49973 0.662983L4.99145 2.05525L6.49973 3.44751V0.662983Z" fill="white"/> 2109 </g> 2110 <defs> 2111 <clipPath id="clip0_22_1485"> 2112 <rect width="13" height="12" fill="white"/> 2113 </clipPath> 2114 </defs> 2115 </svg> 2116 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" x="0" y="0" viewBox="0 0 384 384" style="enable-background:new 0 0 512 512" xml:space="preserve" class="" x-show="sound"><g><path d="M288 192c0-37.653-21.76-70.187-53.333-85.867v171.84C266.24 262.187 288 229.653 288 192zM0 128v128h85.333L192 362.667V21.333L85.333 128z" fill="#ffffff" opacity="1" data-original="#000000" class=""></path><path d="M234.667 4.907V48.96C296.32 67.307 341.333 124.373 341.333 192S296.32 316.693 234.667 335.04v44.053C320.107 359.68 384 283.413 384 192S320.107 24.32 234.667 4.907z" fill="#ffffff" opacity="1" data-original="#000000" class=""></path></g></svg> 2117 </span> 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 <span class="hidden md:flex border border-white/50 rounded-full w-10 h-10 xl:w-10 xl:h-10 justify-center items-center cursor-pointer" x-on:click="toggleFullscreen($event)" x-ref="fullscreen"> 2128 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" x="0" y="0" viewBox="0 0 384.97 384.97" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M384.97 12.03c0-6.713-5.317-12.03-12.03-12.03H264.847c-6.833 0-11.922 5.39-11.934 12.223 0 6.821 5.101 11.838 11.934 11.838h96.062l-.193 96.519c0 6.833 5.197 12.03 12.03 12.03 6.833-.012 12.03-5.197 12.03-12.03l.193-108.369c0-.036-.012-.06-.012-.084.001-.037.013-.061.013-.097zM120.496 0H12.403c-.036 0-.06.012-.096.012-.024 0-.06-.012-.084-.012C5.51 0 .192 5.317.192 12.03L0 120.399c0 6.833 5.39 11.934 12.223 11.934 6.821 0 11.838-5.101 11.838-11.934l.192-96.339h96.242c6.833 0 12.03-5.197 12.03-12.03C132.514 5.197 127.317 0 120.496 0zM120.123 360.909H24.061v-96.242c0-6.833-5.197-12.03-12.03-12.03S0 257.833 0 264.667v108.092c0 .036.012.06.012.084 0 .036-.012.06-.012.096 0 6.713 5.317 12.03 12.03 12.03h108.092c6.833 0 11.922-5.39 11.934-12.223.001-6.82-5.1-11.837-11.933-11.837zM372.747 252.913c-6.833 0-11.85 5.101-11.838 11.934v96.062h-96.242c-6.833 0-12.03 5.197-12.03 12.03s5.197 12.03 12.03 12.03h108.092c.036 0 .06-.012.084-.012.036-.012.06.012.096.012 6.713 0 12.03-5.317 12.03-12.03V264.847c.001-6.833-5.389-11.934-12.222-11.934z" fill="#ffffff" op
2128acity="1" data-original="#000000" class=""></path></g></svg> 2129 </span> 2130 2131 2132</div> 2133 2134 2135 </div> 2136 </div> 2137 2138 <!-- booking widget & scroll down --> 2139 <div class="h-full w-full justify-start md:justify-center lg:justify-normal items-center flex flex-col-reverse md:flex-col"> 2140 2141 2142 <!-- wrapper --> 2143 <div class="flex flex-col gap-10 w-full"> 2144 2145 <!-- scroll down --> 2146 <div> 2147 <div class="swiper-pagination !relative flex items-center justify-center mx-auto !bottom-0" x-ref="swiperPagination"></div> 2148 2149 2150 <span 2151 class="border border-white/50 rounded-full mx-auto w-10 h-10 xl:w-10 xl:h-10 flex justify-center items-center cursor-pointer group md:hover:bg-white transition-all ease-in-out duration-300" 2152 x-ref="scrollDown" 2153 > 2154 <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"> 2155 <path class="md:group-hover:stroke-[black] transition-all ease-in-out duration-300" d="M13 15L17 19L21 15" stroke="white"/> 2156 </svg> 2157 </span> 2158 2159 2160 </div> 2161 2162 <!-- booking widget --> 2163 <div class="hidden md:flex justify-center relative" x-ref="bookingWidgetWrapper"> 2164 <div class="ohm-component-BookingWidget" x-data="BookingWidget"> 2165 <div class="bg-white py-2 pr-3 pl-4 xl:pl-6 rounded-full inline-flex" x-cloak> 2166 <div class="ohm-inner"> 2167 2168 2169 <div x-data="{ activeTab: 0 }" class="flex w-full justify-between items-center"> 2170 <div class="flex gap-4 items-center"> 2171 2172 <div 2173 @click="activeTab = 0" 2174 :class="{ 'text-black border-b-[1px] border-black': activeTab === 0, 'border-none border-transparent text-black/40': activeTab !== 0 }" 2175 class="cursor-pointer p-0" 2176 > 2177 <div class="whitespace-nowrap text-xs uppercase font-body tracking-normal lg:tracking-widest"> 2178 Vind een hotelkamer 2179 </div> 2180 </div> 2181 2182 <div 2183 @click="activeTab = 1" 2184 :class="{ 'text-black border-b-[1px] border-black': activeTab === 1, 'border-none border-transparent text-black/40': activeTab !== 1 }" 2185 class="cursor-pointer p-0" 2186 > 2187 <div class="whitespace-nowrap text-xs uppercase font-body tracking-normal lg:tracking-widest"> 2188 Reserveer een tafel 2189 </div> 2190 </div> 2191 2192 </div> 2193 <div class="flex justify-end"> 2194 2195 2196 <div x-show="activeTab === 0"> 2197 <!-- x-transition:enter="transition ease-out duration-300" 2198 x-transition:enter-start="w-[0%]" 2199 x-transition:enter-end="w-full" 2200 x-transition:leave="transition ease-in duration-300" 2201 x-transition:leave-start="w-[0%]" 2202 x-transition:leave-end="w-full"> --> 2203 <div class="flex ml-4"> 2204 2205 2206 <form method="get" action="https://be.synxis.com/" class="flex mb-0" target="_blank"> 2207 <input type="hidden" name="locale" value="nl"> 2208 <input type="hidden" name="dest" value="OOSTWEGEL"> 2209 <input type="hidden" name="chain" value="32893"> 2210 <input type="hidden" name="adult" value="2"> 2211 2212 <div class="w-full flex items-center justify-center"> 2213 2214 <div class="w-auto"> 2215 <div x-data="{ open: false, selected: 'Bekijk onze huizen', selectedValue: '' }" class="relative"> 2216 <button 2217 @click="open = !open" 2218 @keydown.escape="open = false" 2219 type="button" 2220 class="w-full cursor-pointer flex items-center justify-between py-2 pl-6 pr-6 xl:pl-6 xl:pr-6 xl:py-2 bg-white text-left focus:outline-none focus:ring-0 border-l border-l-black/10 " 2221 > 2222 <label x-text="selected" for="" class="font-body cursor-pointer whitespace-nowrap text-sm text-black/40"></label> 2223 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" class="cursor-pointer ml-2 w-2 h-2 mt-[.2rem]" xmlns="http://www.w3.org/2000/svg"> 2224 <path d="M1 1L5 5L9 1" stroke="black" stroke-opacity="0.4"/> 2225 </svg> 2226 </button> 2227 <div 2228 x-show="open" 2229 x-cloak 2230 @click.away="open = false" 2231 class="absolute z-10 mt-1 w-auto bg-white max-h-60 py-1 overflow-auto font-body text-sm text-black" 2232 > 2233 2234 <div 2235 @click="selected = 'Main Corporate'; selectedValue = ''; open = false" 2236 class="whitespace-nowrap cursor-pointer hover:text-black/40 transition-colors duration-200 select-none relative py-2 pl-3 pr-9 hidden" 2237 > 2238 Main Corporate 2239 </div> 2240 2241 <div 2242 @click="selected = 'Chateau Neercanne'; selectedValue = '47590'; open = false" 2243 class="whitespace-nowrap cursor-pointer hover:text-black/40 transition-colors duration-200 select-none relative py-2 pl-3 pr-9 " 2244 > 2245 Chateau Neercanne 2246 </div> 2247 2248 <div 2249 @click="selected = 'Chateau St. Gerlach'; selectedValue = '47592'; open = false" 2250 class="whitespace-nowrap cursor-pointer hover:text-black/40 transition-colors duration-200 select-none relative py-2 pl-3 pr-9 " 2251 > 2252 Chateau St. Gerlach 2253 </div> 2254 2255 <div 2256 @click="selected = 'Kruisherenhotel Maastricht'; selectedValue = '47593'; open = false" 2257 class="whitespace-nowrap cursor-pointer hover:text-black/40 transition-colors duration-200 select-none relative py-2 pl-3 pr-9 " 2258 > 2259 Kruisherenhotel Maastricht 2260 </div> 2261 2262 </div> 2263 <input type="hidden" name="hotel" x-bind:value="selectedValue"> 2264</div> 2265 2266 </div> 2267 2268 2269 <button type="submit" 2270 class="ohm-btn p-2 lg:px-6 ml-2 xl:ml-0 whitespace-nowrap text-center flex flex-column items-center justify-center uppercase font-body text-xs tracking-widest border border-black rounded-full bg-black text-white md:hover:bg-white md:hover:text-black transition-all ease-in-out duration-300" 2271 >
2272 <span> 2273 <div class="hidden lg:block"> 2274 Vind een hotelkamer 2275 </div> 2276 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" class="-rotate-90 w-3 h-3 block lg:hidden" xmlns="http://www.w3.org/2000/svg"> 2277 <path d="M1 1L5 5L9 1" stroke="white" /> 2278 </svg> 2279 </span> 2280 </button> 2281 </div> 2282 </form> 2283 2284 2285 2286 </div> 2287 </div> 2288 2289 <div x-show="activeTab === 1"> 2290 <!-- x-transition:enter="transition ease-out duration-300" 2291 x-transition:enter-start="w-[0%]" 2292 x-transition:enter-end="w-full" 2293 x-transition:leave="transition ease-in duration-300" 2294 x-transition:leave-start="w-[0%]" 2295 x-transition:leave-end="w-full"> --> 2296 <div class="flex ml-4"> 2297 2298 2299<div class="flex mb-0" x-data="RestaurantWidget"> 2300 <input type="hidden" name="locale" value="nl"> 2301 <div class="w-full flex items-center justify-center"> 2302 2303 <div class="w-auto"> 2304 <div class="relative"> 2305 <button 2306 @click="open = !open" 2307 @keydown.escape="open = false" 2308 type="button" 2309 class="w-full cursor-pointer flex items-center justify-between py-2 pl-6 pr-6 xl:pl-6 xl:pr-6 xl:py-2 bg-white text-left focus:outline-none focus:ring-0 border-l border-l-black/10 " 2310 > 2311 <label x-text="selected" for="" class="font-body cursor-pointer whitespace-nowrap text-sm text-black/40"></label> 2312 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" class="cursor-pointer ml-2 w-2 h-2 mt-[.2rem]" xmlns="http://www.w3.org/2000/svg"> 2313 <path d="M1 1L5 5L9 1" stroke="black" stroke-opacity="0.4"/> 2314 </svg> 2315 </button> 2316 <div 2317 x-show="open" 2318 x-cloak 2319 @click.away="open = false" 2320 class="absolute z-10 mt-1 w-auto bg-white py-1 overflow-auto font-body text-sm text-black" 2321 > 2322 2323 2324 <div 2325 @click="selected = 'Restaurant Château Neercanne'; selectedValue = '368700'; open = false" 2326 class="whitespace-nowrap cursor-pointer hover:text-black/40 transition-colors duration-200 select-none relative py-2 pl-3 pr-9" 2327 > 2328 Restaurant Château Neercanne 2329 </div> 2330 2331 <div 2332 @click="selected = 'LâAuberge'; selectedValue = '368702'; open = false" 2333 class="whitespace-nowrap cursor-pointer hover:text-black/40 transition-colors duration-200 select-none relative py-2 pl-3 pr-9" 2334 > 2335 LâAuberge 2336 </div> 2337 2338 <div 2339 @click="selected = 'Spencerâs Restaurant & Bar'; selectedValue = '368703'; open = false" 2340 class="whitespace-nowrap cursor-pointer hover:text-black/40 transition-colors duration-200 select-none relative py-2 pl-3 pr-9" 2341 > 2342 Spencerâs Restaurant & Bar 2343 </div> 2344 2345 <div 2346 @click="selected = 'Restaurant Les Salons'; selectedValue = '368704'; open = false" 2347 class="whitespace-nowrap cursor-pointer hover:text-black/40 transition-colors duration-200 select-none relative py-2 pl-3 pr-9" 2348 > 2349 Restaurant Les Salons 2350 </div> 2351 2352 <div 2353 @click="selected = 'Burgemeester Quicx'; selectedValue = '368701'; open = false" 2354 class="whitespace-nowrap cursor-pointer hover:text-black/40 transition-colors duration-200 select-none relative py-2 pl-3 pr-9" 2355 > 2356 Burgemeester Quicx 2357 </div> 2358 2359 2360 </div> 2361 <input type="hidden" name="restaurant" x-bind:value="selectedValue"> 2362</div> 2363 2364 </div> 2365 2366 2367 <button type="submit" 2368 class="ohm-btn p-2 lg:px-6 ml-2 xl:ml-0 whitespace-nowrap text-center flex flex-column items-center justify-center uppercase font-body text-xs tracking-widest border border-black rounded-full bg-black text-white md:hover:bg-white md:hover:text-black transition-all ease-in-out duration-300" 2369 data-zc-action="open" 2370 >
2371 <span data-zc-action="open"> 2372 <div class="hidden lg:block" data-zc-action="open"> 2373 Reserveer 2374 </div> 2375 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" class="-rotate-90 w-3 h-3 block lg:hidden" xmlns="http://www.w3.org/2000/svg"> 2376 <path d="M1 1L5 5L9 1" stroke="white" /> 2377 </svg> 2378 </span> 2379 </button> 2380 </div> 2381</div> 2382 2383 2384 2385 </div> 2386 </div> 2387 2388 </div> 2389 </div> 2390 2391 2392 </div> 2393 </div> 2394 </div> 2395 2396 </div> 2397 </div> 2398 2399 </div> 2400 2401 <!-- property logo --> 2402 <div class="h-full w-[12.5%] xl:w-1/5 flex flex-grow flex-col items-end"> 2403 <div class="flex-grow"></div> 2404 <div> 2405 <a href='https://www.oostwegelcollection.nl/duurzaamheid'> 2406 2407 2408 2409 2410 2411 2412 <picture> 2413 2414 <source 2415 srcset=" 2416 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/logos/new-footer/b-corp-logo-white-rgb.png/9b72956dbce9798d5610e111d79cd022/b-corp-logo-white-rgb.webp 800w, 2417 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/logos/new-footer/b-corp-logo-white-rgb.png/e997b76da47ca7fdb3479b66ad3b2da1/b-corp-logo-white-rgb.webp 1200w, 2418 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/logos/new-footer/b-corp-logo-white-rgb.png/06d33c973f4a1ee47452cacdc0b84a6e/b-corp-logo-white-rgb.webp 2000w 2419 " 2420 sizes="(max-width: 790px) 100vw, 80vw" 2421 type="image/webp" /> 2422 <img 2423 class="h-[70px] w-[70px] object-contain" 2424 style="object-position: 50% 50%" 2425 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/logos/new-footer/b-corp-logo-white-rgb.png/3c1d2ea247a58bfe1c01f427f6b7dc3e/b-corp-logo-white-rgb.png" 2426 alt="B corp logo | Oostwegel Collection." 2427 width="404" 2428 height="680" 2429 loading="lazy" /> 2430 2431</picture> 2432 2433 2434 2435 2436 2437 </a> 2438 </div> 2439 </div> 2440 </div> 2441 </div> 2442 </div> 2443 2444 2445 2446 2447 </section> 2448 2449 2450 <section 2451 data-id='lzlbs56g' 2452 id='' 2453 class='ohm-component-IntroSection ohm-extra-big-margin-bottom' 2454 > 2455 <div class="ohm-outer" x-data="IntroSection"> 2456 <div class="ohm-inner"> 2457 <div class="flex flex-col md:flex-row md:justify-between my-0 md:my-6"> 2458 2459 <div class="w-full my-4 md:pb-32"> 2460 <div> 2461 2462 2463 <div class="font-body font-medium my-4 text-sm"> 2464 <h1>Een collectie van luxe hotels en restaurants</h1> 2465 </div> 2466 2467 2468 2469 <div class="font-heading text-5xl uppercase leading-none my-4 hyphens-auto break-words"> 2470 <h2>Where memories are made</h2> 2471 </div> 2472 2473 2474 2475 <div class="intro-section-rich-text font-body my-4 text-xl"> 2476 <p></p> 2477 </div> 2478 2479 2480 </div> 2481 </div> 2482 2483 2484 2485 <div class="md:w-1/5 md:flex md:flex-col md:items-center"> 2486 <div class="h-[1px] bg-black/15 w-full md:h-full md:w-[1px] md:my-0" x-ref="divider"></div> 2487 </div> 2488 2489 2490 <div class="w-full my-4"> 2491 <div> 2492 2493 2494 <div class="intro-section-rich-text font-body my-4 text-xl"> 2495 <p>Ontdek ons buitengewone portfolio van hotels en restaurants op de mooiste locaties van Zuid-Limburg. Bij het gerespecteerde Château Neercanne, het statige Château St. Gerlach en het prachtige Kruisherenhotel Maastricht creëert Oostwegel Collection een betekenisvolle verbinding tussen cultuur, gastronomie en gastvrijheid.</p> 2496 </div> 2497 2498 2499 </div> 2500 </div> 2501 2502 2503 2504 </div> 2505 </div> 2506 </div> 2507 2508 </section> 2509 2510 2511 <section 2512 data-id='lzlbti5w' 2513 id=''
2514 class='ohm-component-BlockSlider' 2515 > 2516 2517 2518<div class="ohm-outer" x-data="BlockSlider"> 2519 <div class="ohm-inner"> 2520 2521 <div class='flex flex-col md:flex-row md:min-h-[600px]'> 2522 2523 <div class='h-96 relative p-6 md:px-16 md:py-12 md:w-1/2 md:h-auto ' x-ref="img-col"> 2524 <div class='text-white font-body font-medium text-sm mb-2' x-ref="heading"> 2525 <h3>Ontdek Oostwegel Collection</h3> 2526 </div> 2527 <div class='text-white font-heading uppercase text-3xl' x-ref="subheading"> 2528 <p>Ons verhaal</p> 2529 </div> 2530 <div class='absolute top-0 left-0 w-full -z-10 md:h-full'> 2531 2532 2533 2534 2535 2536 2537 <picture> 2538 2539 <source 2540 srcset=" 2541 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/food-drinks/les-salons/www.guyhouben.com_lessalons_finals-20.jpg/a02b0407e21137226cc71b763062b5e8/www.guyhouben.com_lessalons_finals-20.webp 800w, 2542 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/food-drinks/les-salons/www.guyhouben.com_lessalons_finals-20.jpg/ddb057cfd78b46db247ff381797f0499/www.guyhouben.com_lessalons_finals-20.webp 1200w, 2543 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/food-drinks/les-salons/www.guyhouben.com_lessalons_finals-20.jpg/d35d8c7572113a2092df5dc4856a974d/www.guyhouben.com_lessalons_finals-20.webp 2000w 2544 " 2545 sizes="(max-width: 790px) 100vw, 80vw" 2546 type="image/webp" /> 2547 <img 2548 class="h-96 w-full object-cover md:h-full brightness-75 " 2549 style="object-position: 50% 50%" 2550 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/food-drinks/les-salons/www.guyhouben.com_lessalons_finals-20.jpg/9b1bfcd5d1027130d684a52c4122ed61/www.guyhouben.com_lessalons_finals-20.jpg" 2551 alt="Les Salons." 2552 width="2048" 2553 height="1362" 2554 loading="lazy" /> 2555 2556</picture> 2557 2558 2559 2560 2561 2562 </div> 2563 2564 </div> 2565 2566 2567 <div class='relative md:w-1/2 ' x-ref="content-col"> 2568 <div class='swiper !overflow-y-visible md:h-full' x-ref="slider"> 2569 <div class='swiper-wrapper'> 2570 2571 2572 <div class='swiper-slide font-body mb-8 md:mb-0 p-6 md:p-0 md:px-16 md:py-12 bg-white !h-auto md:!flex !flex-col'> 2573 <div class="text-sm font-body mb-2 font-medium"> 2574 <p>Een voortdurende nalatenschap</p> 2575 </div> 2576 <div class='font-heading uppercase text-3xl mb-4'> 2577 <h4>Meaningful luxury</h4> 2578 </div> 2579 2580 <div class='font-body text-base mb-4 font-normal [&>ul]:!list-disc [&>ul]:!pl-4'> 2581 <p>We hebben een nalatenschap opgebouwd die ver boven de verwachting uitstijgt. We zijn toegewijd aan het behouden van het erfgoed van onze huizen en het ondersteunen van de natuur en cultuur. We zetten ons in voor een betere toekomst.</p> 2582 </div> 2583 <div class='mt-auto pt-6'> 2584 2585<div class="flex flex-row flex-wrap gap-x-3 gap-y-4 flex-wrap"> 2586 2587 <a 2588 2589 2590 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 2591 2592 2593 border border-black rounded-full bg-black text-white md:hover:bg-transparent md:hover:text-black transition-all ease-in-out duration-300 2594 2595 2596 2597 2598 2599 2600 2601 2602 " 2603 href="/ons-verhaal" 2604 2605 2606 2607 2608 2609><span x-ref="btn-text" >Ons verhaal</span></a> 2610 2611 2612 2613</div> 2614 2615 2616 </div> 2617 </div> 2618 2619 2620 </div> 2621 <div class="swiper-scrollbar absolute !bottom-[-10px] top-auto md:!bottom-[-64px] !h-[2px] !w-4/5 md:!w-[88%] !ml-[10%]" x-ref="scrollbar"></div> 2622 <div class="swiper-pagination absolute !bottom-[-10px] top-auto md:!bottom-[-64px] !h-[2px] !w-4/5 md:!w-[88%] !ml-[10%]" x-ref="bullets"></div> 2623 </div> 2624 </div> 2625 2626 2627 </div> 2628 </div> 2629</div> 2630 2631 2632 2633 </section> 2634 2635 2636 <section 2637 data-id='lzlcaxeu' 2638 id='' 2639 class='ohm-component-Slider' 2640 > 2641 <div class="ohm-outer" x-data="Slider"> 2642 <div class="ohm-inner"> 2643 <div class="text-3xl font-heading uppercase mb-4"> 2644 <p>Ontdek de collectie</p> 2645 </div> 2646 <div class="swiper relative !overflow-visible" x-ref="slider"> 2647 2648 <div class="swiper-wrapper relative pb-4"> 2649 2650 2651 <div class="swiper-slide" x-ref="slide" > 2652 <div class="aspect-[3.15/4] flex flex-col justify-end items-center relative mb-4 px-4 lg:px-8"> 2653 2654 2655 <div class="absolute inset-0 -z-10"> 2656 2657 2658 2659 2660 2661 2662 <picture> 2663 2664 <source 2665 srcset=" 2666 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20221101---chateau-neercane---%28c%29-chantal-arnts--21.jpg/08a2b17f97ccc8efe93665d523f31907/20221101---chateau-neercane---%28c%29-chantal-arnts--21.webp 800w, 2667 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20221101---chateau-neercane---%28c%29-chantal-arnts--21.jpg/9e2501c8742907381abf5384e46562f5/20221101---chateau-neercane---%28c%29-chantal-arnts--21.webp 1200w, 2668 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20221101---chateau-neercane---%28c%29-chantal-arnts--21.jpg/2c66a7f906616d34e8418a42651c5d21/20221101---chateau-neercane---%28c%29-chantal-arnts--21.webp 2000w 2669 "
2670 sizes="(max-width: 790px) 100vw, 80vw" 2671 type="image/webp" /> 2672 <img 2673 class="h-full w-full object-cover object-center !brightness-75" 2674 style="object-position: 50% 50%" 2675 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/exterior/autumn/20221101---chateau-neercane---%28c%29-chantal-arnts--21.jpg/811c4bd37369b4f231f53163fe91dd04/20221101---chateau-neercane---%28c%29-chantal-arnts--21.jpg" 2676 alt="Château Neercanne." 2677 width="1067" 2678 height="1600" 2679 loading="lazy" /> 2680 2681</picture> 2682 2683 2684 2685 2686 2687 </div> 2688 2689 2690 2691 2692 <div x-ref="heading" class="text-white text-2xl font-heading uppercase text-center absolute top-1/2 -translate-y-1/2 mx-4 z-[2]"> 2693 <p>Château Neercanne</p> 2694 </div> 2695 <div x-ref="buttons" class="mb-6 md:mb-12 mx-4 z-[2]"> 2696 2697<div class="flex flex-row flex-wrap gap-x-3 gap-y-4 flex flex-wrap gap-4 justify-center buttons"> 2698 2699 <a 2700 2701 2702 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 2703 2704 2705 2706 2707 border border-white text-white rounded-full md:hover:bg-white md:hover:text-black transition-all ease-in-out duration-300 2708 2709 2710 2711 2712 2713 2714 " 2715 href="https://be.synxis.com/?adult=2&chain=32893&hotel=47590&locale=nl-NL" 2716rel="noopener" target="_blank" 2717 2718 2719 2720 2721><span x-ref="btn-text" >Boek</span></a> 2722 2723 2724 2725 <a 2726 2727 2728 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 2729 2730 2731 2732 2733 2734 ohm-underlined 2735 2736 !pl-0 border border-transparent text-white rounded-full !w-auto !px-0 lg:!pb-[.2rem] 2737 relative 2738 [&::after]:content-[''] 2739 [&::after]:block 2740 [&::after]:absolute 2741 [&::after]:bottom-0 2742 [&::after]:left-0 2743 [&::after]:w-0 2744 [&::after]:h-[1px] 2745 [&::after]:bg-white 2746 [&::after]:transition-all 2747 [&::after]:duration-300 2748 [&::after]:ease-in-out 2749 lg:hover:[&::after]:w-full 2750 lg:hover:[&::after]:opacity-100 2751 2752 2753 2754 2755 " 2756 href="/chateau-neercanne" 2757 2758 2759 2760 2761 2762><span x-ref="btn-text" >Ontdek meer</span></a> 2763 2764 2765 2766</div> 2767 2768 2769 </div> 2770 </div> 2771 <div class="font-body text-base md:text-sm pr-2 bard"> 2772 <p>Het enige vijfsterrenchâteau met terras van Maastricht, met Baroktuinen die op de Werelderfgoedlijst van UNESCO staan, is getransformeerd tot een bekende culinaire bestemming met zeven luxe suites en uitzicht op het prachtige platteland.</p> 2773 </div> 2774 </div> 2775 2776 <div class="swiper-slide" x-ref="slide" > 2777 <div class="aspect-[3.15/4] flex flex-col justify-end items-center relative mb-4 px-4 lg:px-8"> 2778 2779 2780 <div class="absolute inset-0 -z-10"> 2781 2782 2783 2784 2785 2786 2787 <picture> 2788 2789 <source 2790 srcset=" 2791 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--20.jpg/baf2a9bb6bd03a391d5f3ba488c01016/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--20.webp 800w, 2792 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--20.jpg/62c462a7993a5e6d7a5d52bc3a1b3c80/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--20.webp 1200w, 2793 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--20.jpg/41b0faaff33ea753bba5644a690eb377/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--20.webp 2000w 2794 "
2795 sizes="(max-width: 790px) 100vw, 80vw" 2796 type="image/webp" /> 2797 <img 2798 class="h-full w-full object-cover object-center !brightness-75" 2799 style="object-position: 50% 50%" 2800 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--20.jpg/bf8c24146a328941219e08b12b173474/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--20.jpg" 2801 alt="Exterior Château St. Gerlach." 2802 width="1600" 2803 height="1066" 2804 loading="lazy" /> 2805 2806</picture> 2807 2808 2809 2810 2811 2812 </div> 2813 2814 2815 2816 2817 <div x-ref="heading" class="text-white text-2xl font-heading uppercase text-center absolute top-1/2 -translate-y-1/2 mx-4 z-[2]"> 2818 <p>Château St. Gerlach</p> 2819 </div> 2820 <div x-ref="buttons" class="mb-6 md:mb-12 mx-4 z-[2]"> 2821 2822<div class="flex flex-row flex-wrap gap-x-3 gap-y-4 flex flex-wrap gap-4 justify-center buttons"> 2823 2824 <a 2825 2826 2827 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 2828 2829 2830 2831 2832 border border-white text-white rounded-full md:hover:bg-white md:hover:text-black transition-all ease-in-out duration-300 2833 2834 2835 2836 2837 2838 2839 " 2840 href="https://be.synxis.com/?adult=2&chain=32893&hotel=47592&locale=nl-NL" 2841rel="noopener" target="_blank" 2842 2843 2844 2845 2846><span x-ref="btn-text" >Boek</span></a> 2847 2848 2849 2850 <a 2851 2852 2853 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 2854 2855 2856 2857 2858 2859 ohm-underlined 2860 2861 !pl-0 border border-transparent text-white rounded-full !w-auto !px-0 lg:!pb-[.2rem] 2862 relative 2863 [&::after]:content-[''] 2864 [&::after]:block 2865 [&::after]:absolute 2866 [&::after]:bottom-0 2867 [&::after]:left-0 2868 [&::after]:w-0 2869 [&::after]:h-[1px] 2870 [&::after]:bg-white 2871 [&::after]:transition-all 2872 [&::after]:duration-300 2873 [&::after]:ease-in-out 2874 lg:hover:[&::after]:w-full 2875 lg:hover:[&::after]:opacity-100 2876 2877 2878 2879 2880 " 2881 href="/chateau-st-gerlach/" 2882rel="noopener" target="_blank" 2883 2884 2885 2886 2887><span x-ref="btn-text" >Ontdek meer</span></a> 2888 2889 2890 2891</div> 2892 2893 2894 </div> 2895 </div> 2896 <div class="font-body text-base md:text-sm pr-2 bard"> 2897 <p>Ons schitterende vijfsterren superior landgoed is met zorg gerestaureerd om een complete ervaring te bieden en beschikt over luxe kamers en suites, state-of-the-art evenementenfaciliteiten, uitstekende restaurants en een boetiekspa.</p> 2898 </div> 2899 </div> 2900 2901 <div class="swiper-slide" x-ref="slide" > 2902 <div class="aspect-[3.15/4] flex flex-col justify-end items-center relative mb-4 px-4 lg:px-8"> 2903 2904 2905 <div class="absolute inset-0 -z-10"> 2906 2907 2908 2909 2910 2911 2912 <picture> 2913 2914 <source 2915 srcset=" 2916 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/exterior/autumn/20221118---kruisheren---%28c%29-chantal-arnts--4.jpg/ef20edd658513a505a8dec39de439200/20221118---kruisheren---%28c%29-chantal-arnts--4.webp 800w, 2917 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/exterior/autumn/20221118---kruisheren---%28c%29-chantal-arnts--4.jpg/e7fe87fc1257d11bda32404937068640/20221118---kruisheren---%28c%29-chantal-arnts--4.webp 1200w, 2918 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/exterior/autumn/20221118---kruisheren---%28c%29-chantal-arnts--4.jpg/cacbf9d5ed1a75c8086b6037c5d08207/20221118---kruisheren---%28c%29-chantal-arnts--4.webp 2000w 2919 "
2920 sizes="(max-width: 790px) 100vw, 80vw" 2921 type="image/webp" /> 2922 <img 2923 class="h-full w-full object-cover object-center !brightness-75" 2924 style="object-position: 76% 48%" 2925 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/exterior/autumn/20221118---kruisheren---%28c%29-chantal-arnts--4.jpg/ed3db49fa1673194c4060c0490db1fd5/20221118---kruisheren---%28c%29-chantal-arnts--4.jpg" 2926 alt="Exterieur| Kruisherenhotel Maastricht." 2927 width="1600" 2928 height="1066" 2929 loading="lazy" /> 2930 2931</picture> 2932 2933 2934 2935 2936 2937 </div> 2938 2939 2940 2941 2942 <div x-ref="heading" class="text-white text-2xl font-heading uppercase text-center absolute top-1/2 -translate-y-1/2 mx-4 z-[2]"> 2943 <p>Kruisherenhotel Maastricht</p> 2944 </div> 2945 <div x-ref="buttons" class="mb-6 md:mb-12 mx-4 z-[2]"> 2946 2947<div class="flex flex-row flex-wrap gap-x-3 gap-y-4 flex flex-wrap gap-4 justify-center buttons"> 2948 2949 <a 2950 2951 2952 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 2953 2954 2955 2956 2957 border border-white text-white rounded-full md:hover:bg-white md:hover:text-black transition-all ease-in-out duration-300 2958 2959 2960 2961 2962 2963 2964 " 2965 href="https://be.synxis.com/?adult=2&chain=32893&hotel=47593&locale=nl-NL" 2966rel="noopener" target="_blank" 2967 2968 2969 2970 2971><span x-ref="btn-text" >Boek</span></a> 2972 2973 2974 2975 <a 2976 2977 2978 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 2979 2980 2981 2982 2983 2984 ohm-underlined 2985 2986 !pl-0 border border-transparent text-white rounded-full !w-auto !px-0 lg:!pb-[.2rem] 2987 relative 2988 [&::after]:content-[''] 2989 [&::after]:block 2990 [&::after]:absolute 2991 [&::after]:bottom-0 2992 [&::after]:left-0 2993 [&::after]:w-0 2994 [&::after]:h-[1px] 2995 [&::after]:bg-white 2996 [&::after]:transition-all 2997 [&::after]:duration-300 2998 [&::after]:ease-in-out 2999 lg:hover:[&::after]:w-full 3000 lg:hover:[&::after]:opacity-100 3001 3002 3003 3004 3005 " 3006 href="/kruisherenhotel-maastricht/" 3007rel="noopener" target="_blank" 3008 3009 3010 3011 3012><span x-ref="btn-text" >Ontdek meer</span></a> 3013 3014 3015 3016</div> 3017 3018 3019 </div> 3020 </div> 3021 <div class="font-body text-base md:text-sm pr-2 bard"> 3022 <p>Ons vijfsterrenhotel in het centrum van de stad combineert klassieke architectuur met hedendaags design en is een creatieve bestemming waar unieke kamers en suites samen komen met spectaculair dineren.</p> 3023 </div> 3024 </div> 3025 3026 3027 </div> 3028 <!-- <span class="swiper-button-prev absolute bottom-0 left-0" x-ref="ohmPrevButton"></span> 3029 <span class="swiper-button-next" x-ref="ohmNextButton"></span> --> 3030 <div class="flex flex-row relative justify-start gap-2 mt-8 md:mt-6"> 3031 <div class="swiper-button-prev !static !md:absolute" x-ref="ohmPrevButton"></div> 3032 <div class="swiper-button-next !static !md:absolute" x-ref="ohmNextButton"></div> 3033 </div> 3034 </div> 3035 <div class='my-4 flex justify-center'> 3036 3037<div class="flex flex-row flex-wrap gap-x-3 gap-y-4 "> 3038 3039 <a 3040 3041 3042 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 3043 3044 3045 border border-black rounded-full bg-black text-white md:hover:bg-transparent md:hover:text-black transition-all ease-in-out duration-300 3046 3047 3048 3049 3050 3051 3052 3053 3054 " 3055 href="/onze-huizen" 3056 3057 3058 3059 3060 3061><span x-ref="btn-text" >Bekijk onze huizen</span></a> 3062 3063 3064 3065</div> 3066 3067 3068 </div> 3069 </div> 3070</div> 3071 </section> 3072 3073 3074 <section 3075 data-id='lzldwdhd' 3076 id='events' 3077 class='ohm-component-Blocks ohm-big-margin-bottom' 3078 >
3079 <div class="md:ohm-outer my-8" x-data="Blocks" data-type="Blocks"> 3080 <div class="ohm-inner"> 3081 <div class="rounded-md bg-white p-6"> 3082 3083 <div class="flex flex-col justify-between gap-4 md:flex-row md:flex-wrap"> 3084 <div class="pt-4 md:w-full lg:w-4/12"> 3085 3086 <div id="tab-intro-events" data-index="0" x-show="isActive(0)" class="md:pr-8" x-cloak> 3087 <div class="mb-2 bard heading text-xl md:text-3xl"><p>Events Calendar</p></div> 3088 <div class="bard content hidden md:block font-body text-base"><p>Bekijk onze selectie evenementen die plaatsvinden in onze huizen.</p></div> 3089</div> 3090 3091 3092 <div id="tab-intro-experiences" data-index="1" x-show="isActive(1)" class="md:pr-8" x-cloak> 3093 <div class="mb-2 bard heading text-xl md:text-3xl"><p>Experiences</p></div> 3094 <div class="bard content hidden md:block font-body text-base"><p>Ontdek culinaire en culturele activiteiten geïnspireerd op de bestemming met ons gevarieerde aanbod aan verrijkende ervaringen.</p></div> 3095</div> 3096 3097 3098 </div> 3099 3100 <!-- Mobile Tab Swiper --> 3101 <div class="md:hidden w-full"> 3102 <div class="ohm-slider swiper-container tabs-mobile-swiper" data-initialized="false"> 3103 <!-- Navigation arrows positioned to the right --> 3104 <div class="flex justify-end my-4"> 3105 <div class="flex gap-2"> 3106 <div class="swiper-button-prev !static !md:absolute"></div> 3107 <div class="swiper-button-next !static !md:absolute"></div> 3108 </div> 3109 </div> 3110 <div class="swiper-wrapper"> 3111 3112 <div class="swiper-slide"> 3113 <div 3114 id="tab-events" 3115 data-index="0" 3116 @click="switchTab(0)" 3117 :class="getTabClasses(0)" 3118 class="group h-auto cursor-pointer px-4 py-8 transition duration-200 ease-in-out min-w-[140px] md:min-w-0 flex-shrink-0 md:flex-shrink rounded-l-md"> 3119 <div class="flex items-center justify-center"> 3120 <h5 class="font-heading text-base uppercase decoration-1 underline-offset-4 group-hover:underline whitespace-nowrap" :class="isActive(0) ? 'underline' : ''"> 3121 Events Calendar 3122 </h5> 3123 </div> 3124</div> 3125 3126 3127 </div> 3128 3129 <div class="swiper-slide"> 3130 <div 3131 id="tab-experiences" 3132 data-index="1" 3133 @click="switchTab(1)" 3134 :class="getTabClasses(1)" 3135 class="group h-auto cursor-pointer px-4 py-8 transition duration-200 ease-in-out min-w-[140px] md:min-w-0 flex-shrink-0 md:flex-shrink rounded-r-md"> 3136 <div class="flex items-center justify-center"> 3137 <h5 class="font-heading text-base uppercase decoration-1 underline-offset-4 group-hover:underline whitespace-nowrap" :class="isActive(1) ? 'underline' : ''"> 3138 Experiences 3139 </h5> 3140 </div> 3141</div> 3142 3143 3144 </div> 3145 3146 </div> 3147 </div> 3148 </div> 3149 3150 <!-- Desktop Tab Grid --> 3151 <div 3152 class="hidden md:grid md:grid-cols-2 md:w-7/12 lg:w-6/12 max-w-[800px] mb-auto gap-0"> 3153 3154 <div 3155 id="tab-events" 3156 data-index="0" 3157 @click="switchTab(0)" 3158 :class="getTabClasses(0)" 3159 class="group h-auto cursor-pointer px-4 py-8 transition duration-200 ease-in-out min-w-[140px] md:min-w-0 flex-shrink-0 md:flex-shrink rounded-l-md"> 3160 <div class="flex items-center justify-center"> 3161 <h5 class="font-heading text-base uppercase decoration-1 underline-offset-4 group-hover:underline whitespace-nowrap" :class="isActive(0) ? 'underline' : ''"> 3162 Events Calendar 3163 </h5> 3164 </div> 3165</div> 3166 3167 3168 3169 <div 3170 id="tab-experiences" 3171 data-index="1" 3172 @click="switchTab(1)" 3173 :class="getTabClasses(1)" 3174 class="group h-auto cursor-pointer px-4 py-8 transition duration-200 ease-in-out min-w-[140px] md:min-w-0 flex-shrink-0 md:flex-shrink rounded-r-md"> 3175 <div class="flex items-center justify-center"> 3176 <h5 class="font-heading text-base uppercase decoration-1 underline-offset-4 group-hover:underline whitespace-nowrap" :class="isActive(1) ? 'underline' : ''"> 3177 Experiences 3178 </h5> 3179 </div> 3180</div> 3181 3182 3183 3184 </div> 3185 </div> 3186 3187 3188 <div 3189 id="tab-content-events" 3190 data-index="0" 3191 x-data="getTypeSpecificBlocks('events')" 3192 x-show="isActive(0)" 3193 data-location="corporate" 3194 data-category="" 3195 3196 3197 x-cloak> 3198 3199 <div class="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-4 pt-6"> 3200 <!-- Border div (top-left) --> 3201 <div class="border-b border-gray-300 pb-4 md:pb-0"> 3202 3203 </div> 3204 3205 <!-- Filter inputs (top-right) --> 3206 <div class="bg-white p-4 rounded-lg border border-gray-300 md:w-full"> 3207 <div class="flex flex-col md:items-end md:flex-row gap-4"> 3208 3209 <div class="relative flex-1"> 3210 <label for="date" class="block text-sm font-medium text-gray-700">Filteren op</label> 3211 <input id="date" 3212 x-ref="dateInput" 3213 class="mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-gray-300 focus:ring-0 focus:border-gray-300 hover:border-black cursor-pointer text-xs tracking-wide text-gray-500" 3214 placeholder="Selecteer datum(s)" 3215 /> 3216 </div> 3217 3218 <div class="flex-1"> 3219 3220 <select id="location" class="mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-gray-300 focus:ring-0 focus:border-gray-300 hover:border-black cursor-pointer text-xs tracking-wide text-gray-500" 3221 x-model="selectedFilters.location" @change="setFilter('location', $event.target.value)"> 3222 <option value="all" class="uppercase placeholder:uppercase">Selecteer bestemming</option> 3223 <option value="neercanne">Château Neercanne</option> 3224 <option value="gerlach">Château St. Gerlach</option> 3225 <option value="kruisheren">
3225Kruisherenhotel Maastricht</option> 3226 </select> 3227 </div> 3228 <div class="flex-1"> 3229 <select id="category" class="mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-gray-300 focus:ring-0 focus:border-gray-300 hover:border-black cursor-pointer text-xs tracking-wide text-gray-500" 3230 x-model="selectedFilters.category" @change="setFilter('category', $event.target.value)"> 3231 <option value="all" class="uppercase placeholder:uppercase">Selecteer categorie</option> 3232 3233 3234 <option value="culinair" data-id="event_category::culinair">Culinair</option> 3235 3236 <option value="cultuur" data-id="event_category::cultuur">Cultuur</option> 3237 3238 <option value="familie" data-id="event_category::familie">Familie</option> 3239 3240 <option value="outdoor" data-id="event_category::outdoor">Outdoor</option> 3241 3242 <option value="wellness" data-id="event_category::wellness">Wellness</option> 3243 3244 3245 </select> 3246 </div> 3247 </div> 3248 </div> 3249 3250 <!-- Active filters (full width below) --> 3251 <div class="col-span-full mb-4" x-ref="active-filters"> 3252 <template x-for="(value, key) in selectedFilters" :key="key"> 3253 <span x-show="value !== null && value !== '' && value !== 'all'" class="inline-flex items-center self-start rounded-full border border-black px-2 py-1 text-xs font-medium cursor-pointer mr-2 mb-2" @click="removeFilter(key)"> 3254 <span x-text="getFilterLabel(key, value)"></span> 3255 <svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 3256 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 3257 </svg> 3258 </span> 3259 </template> 3260 </div> 3261</div> 3262 3263 3264 3265 <div class="grid gap-6 md:grid-cols-4" data-selection="" x-ref='top_component'> 3266 <div x-show="isLoading" class="col-span-full text-center"> 3267 <svg class="inline w-8 h-8 mr-2 text-gray-200 animate-spin dark:text-gray-600 fill-black" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 3268 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> 3269 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> 3270 </svg> 3271 <span class="sr-only">Loading...</span> 3272 </div> 3273 <div x-show="!isLoading" class="col-span-full relative"> 3274 <template x-if="noResultsAfterLoad()"> 3275 <div class="col-span-full text-center py-8"> 3276 <p class="">Geen resultaten gevonden. Probeer andere filters.</p> 3277 </div> 3278 </template> 3279 3280 <template x-if="!noResultsAfterLoad()"> 3281 <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"> 3282 <template x-for="(result, index) in getFilteredResults()"> 3283 <div :class="getColumnSpan(getFilteredResults().length, index)" x-html="result.rendered_html"></div> 3284 </template> 3285 </div> 3286 </template> 3287 3288 <div x-show="isLoading" class="col-span-full h-full text-center mt-10"> 3289 <svg class="inline w-8 h-8 mr-2 text-gray-200 animate-spin dark:text-gray-600 fill-black" viewB
3289ox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 3290 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> 3291 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> 3292 </svg> 3293 <span class="sr-only">Loading...</span> 3294 </div> 3295 3296 <div class="flex items-center justify-center pt-6"> 3297 <button 3298 x-show="showLoadMoreButton" 3299 @click="loadMore" 3300 class="btn content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest border border-black rounded-full bg-black text-white md:hover:bg-transparent md:hover:text-black transition-all ease-in-out duration-300" 3301 :disabled="isLoading"> 3302 Meer laden 3303 </button> 3304 </div> 3305 3306 </div> 3307 </div> 3308 3309 3310 </div> 3311 3312 <div 3313 id="tab-content-experiences" 3314 data-index="1" 3315 x-data="getTypeSpecificBlocks('experiences')" 3316 x-show="isActive(1)" 3317 data-location="corporate" 3318 data-category="" 3319 3320 3321 x-cloak> 3322 3323 <div class="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-4 pt-6"> 3324 <!-- Border div (top-left) --> 3325 <div class="border-b border-gray-300 pb-4 md:pb-0"> 3326 3327 </div> 3328 3329 <!-- Filter inputs (top-right) --> 3330 <div class="bg-white p-4 rounded-lg border border-gray-300 md:w-full"> 3331 <div class="flex flex-col md:items-end md:flex-row gap-4"> 3332 3333 <div class="flex-1"> 3334 3335 <label for="location" class="block text-sm font-medium text-gray-700">Filteren op</label> 3336 3337 <select id="location" class="mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-gray-300 focus:ring-0 focus:border-gray-300 hover:border-black cursor-pointer text-xs tracking-wide text-gray-500" 3338 x-model="selectedFilters.location" @change="setFilter('location', $event.target.value)"> 3339 <option value="all" class="uppercase placeholder:uppercase">Selecteer bestemming</option> 3340 <option value="neercanne">Château Neercanne</option> 3341 <option value="gerlach">Château St. Gerlach</option> 3342 <option value="kruisheren">
3342Kruisherenhotel Maastricht</option> 3343 </select> 3344 </div> 3345 <div class="flex-1"> 3346 <select id="category" class="mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-gray-300 focus:ring-0 focus:border-gray-300 hover:border-black cursor-pointer text-xs tracking-wide text-gray-500" 3347 x-model="selectedFilters.category" @change="setFilter('category', $event.target.value)"> 3348 <option value="all" class="uppercase placeholder:uppercase">Selecteer categorie</option> 3349 3350 3351 <option value="culinair" data-id="experience_category::culinair">Culinair</option> 3352 3353 <option value="cultuur" data-id="experience_category::cultuur">Cultuur</option> 3354 3355 <option value="familie" data-id="experience_category::familie">Familie</option> 3356 3357 <option value="outdoor" data-id="experience_category::outdoor">Outdoor</option> 3358 3359 <option value="wellness" data-id="experience_category::wellness">Wellness</option> 3360 3361 3362 </select> 3363 </div> 3364 </div> 3365 </div> 3366 3367 <!-- Active filters (full width below) --> 3368 <div class="col-span-full mb-4" x-ref="active-filters"> 3369 <template x-for="(value, key) in selectedFilters" :key="key"> 3370 <span x-show="value !== null && value !== '' && value !== 'all'" class="inline-flex items-center self-start rounded-full border border-black px-2 py-1 text-xs font-medium cursor-pointer mr-2 mb-2" @click="removeFilter(key)"> 3371 <span x-text="getFilterLabel(key, value)"></span> 3372 <svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 3373 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 3374 </svg> 3375 </span> 3376 </template> 3377 </div> 3378</div> 3379 3380 3381 3382 3383 <div class="grid gap-6 md:grid-cols-4" data-selection="all" x-ref='top_component'> 3384 <div x-show="isLoading" class="col-span-full text-center"> 3385 <svg class="inline w-8 h-8 mr-2 text-gray-200 animate-spin dark:text-gray-600 fill-black" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 3386 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> 3387 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> 3388 </svg> 3389 <span class="sr-only">Loading...</span> 3390 </div> 3391 <div x-show="!isLoading" class="col-span-full relative"> 3392 <template x-if="noResultsAfterLoad()"> 3393 <div class="col-span-full text-center py-8"> 3394 <p class="">Geen resultaten gevonden. Probeer andere filters.</p> 3395 </div> 3396 </template> 3397 3398 <template x-if="!noResultsAfterLoad()"> 3399 <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"> 3400 <template x-for="(result, index) in getFilteredResults()"> 3401 <div :class="getColumnSpan(getFilteredResults().length, index)" x-html="result.rendered_html"></div> 3402 </template> 3403 </div> 3404 </template> 3405 3406 <div x-show="isLoading" class="col-span-full h-full text-center mt-10"> 3407 <svg class="inline w-8 h-8 mr-2 text-gray-200 animate-spin dark:text-gray-600 fill-black" viewB
3407ox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 3408 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> 3409 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> 3410 </svg> 3411 <span class="sr-only">Loading...</span> 3412 </div> 3413 3414 <div class="flex items-center justify-center pt-6"> 3415 <button 3416 x-show="showLoadMoreButton" 3417 @click="loadMore" 3418 class="btn content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest border border-black rounded-full bg-black text-white md:hover:bg-transparent md:hover:text-black transition-all ease-in-out duration-300" 3419 :disabled="isLoading"> 3420 Meer laden 3421 </button> 3422 </div> 3423 3424 </div> 3425 </div> 3426 3427 3428 3429 </div> 3430 3431 </div> 3432 </div> 3433</div> 3434 3435 </section> 3436 3437 3438 <section 3439 data-id='lzlckz3f' 3440 id='' 3441 class='ohm-component-DifferentImagesSlider' 3442 > 3443 <div class="ohm-outer" x-data="DifferentImagesSlider"> 3444 <div class="ohm-inner"> 3445 <div class="font-heading text-3xl uppercase leading-none mb-8"> 3446 <p>Neem een kijkje</p> 3447 </div> 3448 <div class="swiper !overflow-x-visible" x-ref="swiperContainer"> 3449 <div class="swiper-wrapper flex !h-[16rem] md:!h-[22rem] lg:!h-[30rem] xl:!h-[40rem]"> 3450 3451 3452 <div class="swiper-slide !flex-shrink-0 !w-[100%] md:!w-[55%]"> 3453 3454 3455 3456 3457 3458 3459 <picture> 3460 3461 <source 3462 srcset=" 3463 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--17.jpg/ff416dbe3e96e5e2066d5f5bbee9d97c/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--17.webp 800w, 3464 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--17.jpg/07c1d733ba27d4f9f64d8e9b728dba7c/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--17.webp 1200w, 3465 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--17.jpg/bf6013e5c26b584934723fcca91b99a0/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--17.webp 2000w 3466 " 3467 sizes="(max-width: 790px) 100vw, 80vw" 3468 type="image/webp" /> 3469 <img 3470 class="w-full h-full object-cover" 3471 style="object-position: 50% 50%" 3472 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/brand-fotos/st-gerlach/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--17.jpg/e2966610df16d827f34d0468e97276d6/20221101---exteriors-oostwegel-collection---%28c%29-chantal-arnts--17.jpg" 3473 alt="Hotel Château St. Gerlach." 3474 width="1600" 3475 height="1066" 3476 loading="lazy" /> 3477 3478</picture> 3479 3480 3481 3482 3483 3484 </div> 3485 3486 3487 3488 <div class="swiper-slide !flex-shrink-0 !w-1/2 md:!w-[28%]"> 3489 3490 3491 3492 3493 3494 3495 <picture> 3496 3497 <source 3498 srcset=" 3499 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118---kruisheren----chantal-arnts--24.jpg/4fbc370849302e02585bba755029d8c1/20221118---kruisheren----chantal-arnts--24.webp 800w, 3500 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118---kruisheren----chantal-arnts--24.jpg/385b35489844b517c282edbe2c1c1453/20221118---kruisheren----chantal-arnts--24.webp 1200w, 3501 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118---kruisheren----chantal-arnts--24.jpg/b4aeb4a2e15a5894348b75feafa98b8c/20221118---kruisheren----chantal-arnts--24.webp 2000w 3502 "
3503 sizes="(max-width: 790px) 100vw, 80vw" 3504 type="image/webp" /> 3505 <img 3506 class="w-full h-full object-cover" 3507 style="object-position: 53% 78%" 3508 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118---kruisheren----chantal-arnts--24.jpg/38da9dc1f1aaa86fc5c1827d6eea59f5/20221118---kruisheren----chantal-arnts--24.jpg" 3509 alt="Kruisherenhotel Maastricht." 3510 width="1067" 3511 height="1600" 3512 loading="lazy" /> 3513 3514</picture> 3515 3516 3517 3518 3519 3520 </div> 3521 3522 3523 3524 <div class="swiper-slide !flex-shrink-0 !w-[100%] md:!w-[55%]"> 3525 3526 3527 3528 3529 3530 3531 <picture> 3532 3533 <source 3534 srcset=" 3535 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/lauberge/20221101-chateau-neercane--chantal-arnts-473-%282%29.jpg/7ed00a5372e276c9760ed054f8b377a6/20221101-chateau-neercane--chantal-arnts-473-%282%29.webp 800w, 3536 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/lauberge/20221101-chateau-neercane--chantal-arnts-473-%282%29.jpg/e1c8b3dd78eb8329dd812d2a68e70551/20221101-chateau-neercane--chantal-arnts-473-%282%29.webp 1200w, 3537 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/lauberge/20221101-chateau-neercane--chantal-arnts-473-%282%29.jpg/61e4a6517764123c8e4a7e84bd1f24ba/20221101-chateau-neercane--chantal-arnts-473-%282%29.webp 2000w 3538 " 3539 sizes="(max-width: 790px) 100vw, 80vw" 3540 type="image/webp" /> 3541 <img 3542 class="w-full h-full object-cover" 3543 style="object-position: 50% 50%" 3544 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/lauberge/20221101-chateau-neercane--chantal-arnts-473-%282%29.jpg/3da43b269ff56f89622563e712d5b26d/20221101-chateau-neercane--chantal-arnts-473-%282%29.jpg" 3545 alt="Moestuin |Château Neercanne." 3546 width="1600" 3547 height="1067" 3548 loading="lazy" /> 3549 3550</picture> 3551 3552 3553 3554 3555 3556 </div> 3557 3558 3559 3560 <div class="swiper-slide !flex-shrink-0 !w-1/2 md:!w-[28%]"> 3561 3562 3563 3564 3565 3566 3567 <picture> 3568 3569 <source 3570 srcset=" 3571 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118-kruisheren-chantal-arnts-63-new.jpg/01ef7eed464595f21364342d23c3b58e/20221118-kruisheren-chantal-arnts-63-new.webp 800w, 3572 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118-kruisheren-chantal-arnts-63-new.jpg/932cd63984ece761d2e3831946a5c24e/20221118-kruisheren-chantal-arnts-63-new.webp 1200w, 3573 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118-kruisheren-chantal-arnts-63-new.jpg/0a07c5ff2445173db1c3afa50694b74c/20221118-kruisheren-chantal-arnts-63-new.webp 2000w 3574 " 3575 sizes="(max-width: 790px) 100vw, 80vw" 3576 type="image/webp" /> 3577 <img 3578 class="w-full h-full object-cover" 3579 style="object-position: 50% 50%" 3580 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/kruisheren/employer-branding/20221118-kruisheren-chantal-arnts-63-new.jpg/e908682b807df1f5ae805fce043fc09d/20221118-kruisheren-chantal-arnts-63-new.jpg" 3581 alt="." 3582 width="1067" 3583 height="1600" 3584 loading="lazy" /> 3585 3586</picture> 3587 3588 3589 3590 3591 3592 </div> 3593 3594 3595 3596 <div class="swiper-slide !flex-shrink-0 !w-[100%] md:!w-[55%]"> 3597 3598 3599 3600 3601 3602 3603 <picture> 3604 3605 <source 3606 srcset=" 3607 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--76-1726661338.jpg/0960d715e296a94197d48d956f27a814/20221101---chateau-neercane----chantal-arnts--76-1726661338.webp 800w, 3608 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--76-1726661338.jpg/14b56a1785ee97a1a8dfc022494548bd/20221101---chateau-neercane----chantal-arnts--76-1726661338.webp 1200w, 3609 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--76-1726661338.jpg/8e6174092d84817dbf84cd71520f69cd/20221101---chateau-neercane----chantal-arnts--76-1726661338.webp 2000w 3610 "
3611 sizes="(max-width: 790px) 100vw, 80vw" 3612 type="image/webp" /> 3613 <img 3614 class="w-full h-full object-cover" 3615 style="object-position: 50% 50%" 3616 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--76-1726661338.jpg/32af61d962a99881bfd7a23697e0961d/20221101---chateau-neercane----chantal-arnts--76-1726661338.jpg" 3617 alt="Restaurant Château Neercanne | Château Neercanne." 3618 width="1600" 3619 height="1067" 3620 loading="lazy" /> 3621 3622</picture> 3623 3624 3625 3626 3627 3628 </div> 3629 3630 3631 3632 <div class="swiper-slide !flex-shrink-0 !w-1/2 md:!w-[28%]"> 3633 3634 3635 3636 3637 3638 3639 <picture> 3640 3641 <source 3642 srcset=" 3643 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/food-drinks/les-salons/www.guyhouben.com_chateaustgerlach_11-03-2025-4.jpg/7014b061439cd9356fb78869e9bb8fc1/www.guyhouben.com_chateaustgerlach_11-03-2025-4.webp 800w, 3644 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/food-drinks/les-salons/www.guyhouben.com_chateaustgerlach_11-03-2025-4.jpg/d4c4774a587e90c9bfc8524132ab42e8/www.guyhouben.com_chateaustgerlach_11-03-2025-4.webp 1200w, 3645 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/food-drinks/les-salons/www.guyhouben.com_chateaustgerlach_11-03-2025-4.jpg/904ead6f131106300e50aa68335f64cd/www.guyhouben.com_chateaustgerlach_11-03-2025-4.webp 2000w 3646 " 3647 sizes="(max-width: 790px) 100vw, 80vw" 3648 type="image/webp" /> 3649 <img 3650 class="w-full h-full object-cover" 3651 style="object-position: 50% 50%" 3652 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/food-drinks/les-salons/www.guyhouben.com_chateaustgerlach_11-03-2025-4.jpg/5b8025eabdf8f4853f4d40994da6553a/www.guyhouben.com_chateaustgerlach_11-03-2025-4.jpg" 3653 alt="Gerecht Les Salons | Château St. Gerlach." 3654 width="2048" 3655 height="3072" 3656 loading="lazy" /> 3657 3658</picture> 3659 3660 3661 3662 3663 3664 </div> 3665 3666 3667 3668 <div class="swiper-slide !flex-shrink-0 !w-[100%] md:!w-[55%]"> 3669 3670 3671 3672 3673 3674 3675 <picture> 3676 3677 <source 3678 srcset=" 3679 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/spa-wellness/www.guyhouben.com_gerlach_december110.jpg/5accbbeb7e46425d6a6ee033b3e572e7/www.guyhouben.com_gerlach_december110.webp 800w, 3680 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/spa-wellness/www.guyhouben.com_gerlach_december110.jpg/492806bce0d66c04ab2df758b6dd5f2e/www.guyhouben.com_gerlach_december110.webp 1200w, 3681 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/spa-wellness/www.guyhouben.com_gerlach_december110.jpg/45f83e4e3e7f888b984e67f7598a47f4/www.guyhouben.com_gerlach_december110.webp 2000w 3682 " 3683 sizes="(max-width: 790px) 100vw, 80vw" 3684 type="image/webp" /> 3685 <img 3686 class="w-full h-full object-cover" 3687 style="object-position: 58% 67%" 3688 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/st-gerlach/spa-wellness/www.guyhouben.com_gerlach_december110.jpg/759159f68fff4e9ca93d1b50395be768/www.guyhouben.com_gerlach_december110.jpg" 3689 alt="Spa & Wellness Spa." 3690 width="2048" 3691 height="1362" 3692 loading="lazy" /> 3693 3694</picture> 3695 3696 3697 3698 3699 3700 </div> 3701 3702 3703 </div> 3704 <div class="flex flex-row relative justify-start gap-2 mt-8 md:mt-6"> 3705 <div class="swiper-button-prev !static !md:absolute"></div> 3706 <div class="swiper-button-next !static !md:absolute"></div> 3707 </div> 3708 </div> 3709 <div class="flex mt-4 items-center justify-center"> 3710 3711 3712 3713 </div> 3714 </div> 3715</div> 3716 3717 3718 3719 </section> 3720 3721 3722 <div class="w-full border-t border-black/20 mb-10 md:mb-20"></div> 3723 3724 <section 3725 data-id='lzlcm8xf' 3726 id='' 3727 class='ohm-component-ThreeImages' 3728 >
3729 <div class="md:ohm-outer" x-data="ThreeImages"> 3730 <div class="ohm-inner"> 3731 <div x-ref="content" class="w-full mt-4 mb-0 flex flex-col justify-center items-center gap-6 text-center px-[17px]"> 3732 3733 <div class="font-body font-medium text-sm">Ontdek</div> 3734 3735 3736 <div class="font-heading text-5xl uppercase leading-none"><h6>Oostwegel Collection</h6></div> 3737 3738 3739 <div class="font-body text-base max-w-full md:mx-auto md:max-w-[50%]"> 3740 <p>We bieden een diverse aanbod aan ervaringen en activiteiten om uw luxe verblijf onvergetelijk te maken. Laat uw reis hier beginnen.</p> 3741 </div> 3742 3743 <div class="flex flex-row gap-3 items-center"> 3744 3745 <a 3746 3747 3748 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 3749 3750 3751 border border-black rounded-full bg-black text-white md:hover:bg-transparent md:hover:text-black transition-all ease-in-out duration-300 3752 3753 3754 3755 3756 3757 3758 3759 3760 " 3761 href="/galerij" 3762 3763 3764 3765 3766 3767><span x-ref="btn-text" >Galerij</span></a> 3768 3769 3770 3771 </div> 3772 </div> 3773 3774 <div class="ohm-animate-images swiper md:!hidden" x-ref="swiperContainer"> 3775 <div class="swiper-wrapper flex pb-[5%]"> 3776 3777 <div class="swiper-slide relative !w-[70%] aspect-[3.15/4] md:!w-2/5 xl:!w-1/3 mx-[10px] md:mx-[30px]"> 3778 3779 <a href="/arrangementen" > 3780 3781 <div class="font-heading text-2xl uppercase leading-none absolute left-0 right-0 top-0 bottom-0 flex flex-col justify-center items-center text-white z-[4] px-4 text-center"><h6>Arrangementen</h6></div> 3782 <div class="absolute left-0 right-0 top-0 bottom-0 w-full h-full bg-black/30 z-[3]"></div> 3783 3784 3785 3786 3787 3788 3789 <picture> 3790 3791 <source 3792 srcset=" 3793 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-1600px.jpg/f4360553d40755a17680c12e6382e67b/rv2401-roelfien-vos-chateau-neercanne-124-1600px.webp 800w, 3794 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-1600px.jpg/d735e0845267824fc1ab501e0f6ae7c5/rv2401-roelfien-vos-chateau-neercanne-124-1600px.webp 1200w, 3795 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-1600px.jpg/6c19f613617e1cbe0451446569281a25/rv2401-roelfien-vos-chateau-neercanne-124-1600px.webp 2000w 3796 " 3797 sizes="(max-width: 790px) 100vw, 80vw" 3798 type="image/webp" /> 3799 <img 3800 class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110" 3801 style="object-position: 50% 50%" 3802 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-1600px.jpg/c1f5686546e0b9342ed9444240263b2e/rv2401-roelfien-vos-chateau-neercanne-124-1600px.jpg" 3803 alt="Deluxe Garden Suite | Château Neercanne." 3804 width="1200" 3805 height="1600" 3806 loading="lazy" /> 3807 3808</picture> 3809 3810 3811 3812 3813 3814 3815 </a> 3816 3817 </div> 3818 3819 <div class="swiper-slide relative !w-[70%] aspect-[3.15/4] md:!w-2/5 xl:!w-1/3 mx-[10px] md:mx-[30px]"> 3820 3821 <a href="/meetings-celebrations" > 3822 3823 <div class="font-heading text-2xl uppercase leading-none absolute left-0 right-0 top-0 bottom-0 flex flex-col justify-center items-center text-white z-[4] px-4 text-center"><h6>Meet & Celebrate</h6></div> 3824 <div class="absolute left-0 right-0 top-0 bottom-0 w-full h-full bg-black/30 z-[3]"></div> 3825 3826 3827 3828 3829 3830 3831 <picture> 3832 3833 <source 3834 srcset=" 3835 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--106.jpg/9a96c7d07f05d0e999b0c3d03d9c53f7/20221101---chateau-neercane----chantal-arnts--106.webp 800w, 3836 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--106.jpg/2f2b2db995c46bebed95991ed19a94ae/20221101---chateau-neercane----chantal-arnts--106.webp 1200w, 3837 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--106.jpg/44886cc40745d1fb40863adb69ca08fc/20221101---chateau-neercane----chantal-arnts--106.webp 2000w 3838 "
3839 sizes="(max-width: 790px) 100vw, 80vw" 3840 type="image/webp" /> 3841 <img 3842 class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110" 3843 style="object-position: 50% 50%" 3844 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--106.jpg/6055658b1bf0667625028a0fc8426f41/20221101---chateau-neercane----chantal-arnts--106.jpg" 3845 alt="Meet & Celebrate | Château Neercanne." 3846 width="1067" 3847 height="1600" 3848 loading="lazy" /> 3849 3850</picture> 3851 3852 3853 3854 3855 3856 3857 </a> 3858 3859 </div> 3860 3861 <div class="swiper-slide relative !w-[70%] aspect-[3.15/4] md:!w-2/5 xl:!w-1/3 mx-[10px] md:mx-[30px]"> 3862 3863 <a href="/stories" > 3864 3865 <div class="font-heading text-2xl uppercase leading-none absolute left-0 right-0 top-0 bottom-0 flex flex-col justify-center items-center text-white z-[4] px-4 text-center"><p>Stories</p></div> 3866 <div class="absolute left-0 right-0 top-0 bottom-0 w-full h-full bg-black/30 z-[3]"></div> 3867 3868 3869 3870 3871 3872 3873 <picture> 3874 3875 <source 3876 srcset=" 3877 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/8b8306dc6ed81b9cee48736e96c37915/20221101-chateau-neercane--chantal-arnts-345.webp 800w, 3878 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/ca6975ec900ee56586985c5b629646ec/20221101-chateau-neercane--chantal-arnts-345.webp 1200w, 3879 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/d3416fcb81bfb40a2c8e00dfbcce7509/20221101-chateau-neercane--chantal-arnts-345.webp 2000w 3880 " 3881 sizes="(max-width: 790px) 100vw, 80vw" 3882 type="image/webp" /> 3883 <img 3884 class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110" 3885 style="object-position: 50% 50%" 3886 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/a542255b5f655e97ea97eae59ca455ba/20221101-chateau-neercane--chantal-arnts-345.jpg" 3887 alt="Sommelier | Château Neercanne." 3888 width="1067" 3889 height="1600" 3890 loading="lazy" /> 3891 3892</picture> 3893 3894 3895 3896 3897 3898 3899 </a> 3900 3901 </div> 3902 3903 </div> 3904 <div class="flex flex-row justify-center md:justify-start relative gap-6 mb-12 mt-20 md:mb-0 md:mt-0 md:my-8"> 3905 <div class="swiper-button-prev !static !md:absolute"></div> 3906 <div class="swiper-button-next !static !md:absolute"></div> 3907 </div> 3908 </div> 3909 <div class="ohm-animate-images hidden md:flex flex-row gap-8 justify-center pb-[5%] md:mb-44"> 3910 3911 <div class="relative overflow-hidden w-1/3 aspect-[3.15/4] transform translate-y-0 group"> 3912 3913 <a href="/arrangementen" > 3914 3915 <div class="font-heading text-2xl uppercase leading-none absolute left-0 right-0 top-0 bottom-0 flex flex-col justify-center items-center text-white z-[4] text-center px-4"><h6>Arrangementen</h6></div> 3916 <div class="absolute left-0 right-0 top-0 bottom-0 w-full h-full bg-black/30 z-[3] group-hover:bg-black/50 transition-colors duration-500"></div> 3917 3918 3919 3920 3921 3922 3923 <picture> 3924 3925 <source 3926 srcset=" 3927 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-1600px.jpg/f4360553d40755a17680c12e6382e67b/rv2401-roelfien-vos-chateau-neercanne-124-1600px.webp 800w, 3928 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-1600px.jpg/d735e0845267824fc1ab501e0f6ae7c5/rv2401-roelfien-vos-chateau-neercanne-124-1600px.webp 1200w, 3929 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-1600px.jpg/6c19f613617e1cbe0451446569281a25/rv2401-roelfien-vos-chateau-neercanne-124-1600px.webp 2000w 3930 "
3931 sizes="(max-width: 790px) 100vw, 80vw" 3932 type="image/webp" /> 3933 <img 3934 class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110" 3935 style="object-position: 50% 50%" 3936 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/hotel/rooms/room-5/rv2401-roelfien-vos-chateau-neercanne-124-1600px.jpg/c1f5686546e0b9342ed9444240263b2e/rv2401-roelfien-vos-chateau-neercanne-124-1600px.jpg" 3937 alt="Deluxe Garden Suite | Château Neercanne." 3938 width="1200" 3939 height="1600" 3940 loading="lazy" /> 3941 3942</picture> 3943 3944 3945 3946 3947 3948 3949 </a> 3950 3951 </div> 3952 3953 <div class="relative overflow-hidden w-1/3 aspect-[3.15/4] transform translate-y-0 translate-y-[20%] group"> 3954 3955 <a href="/meetings-celebrations" > 3956 3957 <div class="font-heading text-2xl uppercase leading-none absolute left-0 right-0 top-0 bottom-0 flex flex-col justify-center items-center text-white z-[4] text-center px-4"><h6>Meet & Celebrate</h6></div> 3958 <div class="absolute left-0 right-0 top-0 bottom-0 w-full h-full bg-black/30 z-[3] group-hover:bg-black/50 transition-colors duration-500"></div> 3959 3960 3961 3962 3963 3964 3965 <picture> 3966 3967 <source 3968 srcset=" 3969 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--106.jpg/9a96c7d07f05d0e999b0c3d03d9c53f7/20221101---chateau-neercane----chantal-arnts--106.webp 800w, 3970 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--106.jpg/2f2b2db995c46bebed95991ed19a94ae/20221101---chateau-neercane----chantal-arnts--106.webp 1200w, 3971 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--106.jpg/44886cc40745d1fb40863adb69ca08fc/20221101---chateau-neercane----chantal-arnts--106.webp 2000w 3972 " 3973 sizes="(max-width: 790px) 100vw, 80vw" 3974 type="image/webp" /> 3975 <img 3976 class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110" 3977 style="object-position: 50% 50%" 3978 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/food-drinks/restaurant-neercanne/20221101---chateau-neercane----chantal-arnts--106.jpg/6055658b1bf0667625028a0fc8426f41/20221101---chateau-neercane----chantal-arnts--106.jpg" 3979 alt="Meet & Celebrate | Château Neercanne." 3980 width="1067" 3981 height="1600" 3982 loading="lazy" /> 3983 3984</picture> 3985 3986 3987 3988 3989 3990 3991 </a> 3992 3993 </div> 3994 3995 <div class="relative overflow-hidden w-1/3 aspect-[3.15/4] transform translate-y-0 group"> 3996 3997 <a href="/stories" > 3998 3999 <div class="font-heading text-2xl uppercase leading-none absolute left-0 right-0 top-0 bottom-0 flex flex-col justify-center items-center text-white z-[4] text-center px-4"><p>Stories</p></div> 4000 <div class="absolute left-0 right-0 top-0 bottom-0 w-full h-full bg-black/30 z-[3] group-hover:bg-black/50 transition-colors duration-500"></div> 4001 4002 4003 4004 4005 4006 4007 <picture> 4008 4009 <source 4010 srcset=" 4011 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/8b8306dc6ed81b9cee48736e96c37915/20221101-chateau-neercane--chantal-arnts-345.webp 800w, 4012 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/ca6975ec900ee56586985c5b629646ec/20221101-chateau-neercane--chantal-arnts-345.webp 1200w, 4013 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/d3416fcb81bfb40a2c8e00dfbcce7509/20221101-chateau-neercane--chantal-arnts-345.webp 2000w 4014 "
4015 sizes="(max-width: 790px) 100vw, 80vw" 4016 type="image/webp" /> 4017 <img 4018 class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110" 4019 style="object-position: 50% 50%" 4020 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/neercanne/employer-branding/20221101-chateau-neercane--chantal-arnts-345.jpg/a542255b5f655e97ea97eae59ca455ba/20221101-chateau-neercane--chantal-arnts-345.jpg" 4021 alt="Sommelier | Château Neercanne." 4022 width="1067" 4023 height="1600" 4024 loading="lazy" /> 4025 4026</picture> 4027 4028 4029 4030 4031 4032 4033 </a> 4034 4035 </div> 4036 4037 </div> 4038 4039 </div> 4040</div> 4041 4042 4043 4044 </section> 4045 4046</main> 4047 4048 4049 4050 <footer class="bg-black text-white" role="contentinfo"> 4051 <div class="ohm-inner pt-12 md:pb-0 pb-0 !max-w-[unset]"> 4052 4053 4054 <div x-data="NewsletterSignUp"> 4055 <div class="ohm-form-wrap px-12 md:pt-4"> 4056 <h5 class="font-body text-sm uppercase text-center mb-2 md:normal-case font-medium">Blijf op de hoogte</h5> 4057 <h5 class="font-heading text-2xl uppercase text-center mb-4 md:mb-12">Schrijf u in voor onze nieuwsbrief</h5> 4058 <form method="POST" action="https://www.oostwegelcollection.nl/!/forms/newsletter" x-ref="form"><input type="hidden" name="_token" value="KUKiCBIAfoU9x6KEhKf0mqPFd1AjBV28DikIDXYK" autocomplete="off"> 4059 <div class="md:w-full md:flex justify-center md:gap-4"> 4060 <input type="hidden" name="_form_lang" value="nl" class="hidden"> 4061 4062 4063 4064 4065 4066 <div class="ohm-form-field-wrapper mb-4 md:w-60 md:mb-0"> 4067 <div> 4068 <input class="font-body text-sm bg-transparent border-0 border-b border-half-white w-full p-0 pt-2 pb-3 mb-2 focus:outline-none focus:ring-0 focus:border-half-white md:mb-0 !rounded-none" 4069 id="name" 4070 required 4071 name="name" 4072 type="text" 4073 placeholder=" Voornaam 4074 " 4075 aria-label=" Voornaam 4076 " 4077 aria-describedby="name"> 4078 <p class="" data-for="name"></p> 4079 </div> 4080 </div> 4081 4082 4083 4084 4085 <div class="ohm-form-field-wrapper mb-4 md:w-60 md:mb-0"> 4086 <div> 4087 <input class="font-body text-sm bg-transparent border-0 border-b border-half-white w-full p-0 pt-2 pb-3 mb-2 focus:outline-none focus:ring-0 focus:border-half-white md:mb-0 !rounded-none" 4088 id="last_name" 4089 required 4090 name="last_name" 4091 type="text" 4092 placeholder=" Achternaam 4093 " 4094 aria-label=" Achternaam 4095 " 4096 aria-describedby="last_name"> 4097 <p class="" data-for="last_name"></p> 4098 </div> 4099 </div> 4100 4101 4102 4103 4104 <div class="ohm-form-field-wrapper mb-4 md:w-60 md:mb-0"> 4105 <div> 4106 <input class="font-body text-sm bg-transparent border-0 border-b border-half-white w-full p-0 pt-2 pb-3 mb-2 focus:outline-none focus:ring-0 focus:border-half-white md:mb-0 !rounded-none" 4107 id="email" 4108 required 4109 name="email" 4110 type="text" 4111 placeholder=" Email 4112 " 4113 aria-label=" Email 4114 " 4115 aria-describedby="email"> 4116 <p class="" data-for="email"></p> 4117 </div> 4118 </div> 4119 4120 4121 4122 4123 <div class="cf-turnstile" data-sitekey="0x4AAAAAADXK9aoJoFz8fzP4" data-theme="auto"></div> 4124 4125 4126 4127 4128 <div class="ohm-form-field-wrapper ohm-field-offset" aria-hidden="true"> 4129 <div> 4130 <input class="font-body text-sm bg-transparent border-0 border-b border-half-white w-full p-0 pt-2 pb-3 mb-2 focus:outline-none focus:ring-0 focus:border-half-white md:mb-0 !rounded-none" 4131 id="phone_confirm" 4132 name="phone_confirm" 4133 type="text" 4134 placeholder="Telefoonnummer" 4135 tabindex="-1" 4136 autocomplete="nope"> 4137 </div> 4138 </div> 4139 4140 4141 <div class="flex flex-col justify-end items-center"> 4142 <button class="btn py-[.4rem] px-16 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest border border-white text-white rounded-full md:hover:bg-white md:hover:text-black transition-all ease-in-out duration-300" type="submit"> 4143 Aanmelden 4144 </button>
4145 <p x-cloak role="status" aria-live="polite" class="ohm-text mt-2 text-xs font-bold ohm-success-message text-green-700" x-bind:class="{ 'hidden': !submitSuccess, 'block': submitSuccess }"> 4146 Formulier is verzonden! 4147 </p> 4148 <p x-cloak role="alert" aria-live="assertive" class="ohm-text mt-2 text-xs font-bold ohm-fail-message text-red-700" x-bind:class="{ 'hidden': !submitFail, 'block': submitFail }"> 4149 ohm.formSendFail 4150 </p> 4151 </div> 4152 </div> 4153 </form> 4154 </div> 4155</div> 4156 4157 4158 <div class="border-b w-full border-half-white my-6 md:my-0 md:mt-16" aria-hidden="true"></div> 4159 4160 4161 <div class="md:flex ohm-inner"> 4162 <div class="flex w-full flex-col md:pt-24 px-[17px] md:px-[55px] md:border-half-white md:pb-12"> 4163 <div class="flex flex-col md:flex-row items-center md:items-start md:justify-between mb-4 md:mb-0 gap-0 md:gap:24 md:min-h-[250px]"> 4164 4165 4166 <ul class="flex md:w-1/3 md:justify-center md:h-full md:gap-4 flex-col order-2 md:order-1 items-center md:items-start pb-4" role="list" aria-label="Footer navigation"> 4167 4168 <li class="h-auto"> 4169 <a href="/" class="font-body text-sm leading-none"> 4170 Oostwegel Collection 4171 </a> 4172 </li> 4173 4174 <li class="h-auto"> 4175 <a href="/stories" class="font-body text-sm leading-none"> 4176 Stories 4177 </a> 4178 </li> 4179 4180 <li class="h-auto"> 4181 <a href="/cadeaubonnen" class="font-body text-sm leading-none"> 4182 Cadeaubonnen 4183 </a> 4184 </li> 4185 4186 <li class="h-auto"> 4187 <a href="https://www.boutique.oostwegelcollection.nl/nl/" target="_blank" rel="noopener noreferrer" class="font-body text-sm leading-none"> 4188 Boutique 4189 </a> 4190 </li> 4191 4192 <li class="h-auto"> 4193 <a href="/pers-media" class="font-body text-sm leading-none"> 4194 Pers & Media 4195 </a> 4196 </li> 4197 4198 <li class="h-auto"> 4199 <a href="/werken-bij" class="font-body text-sm leading-none"> 4200 Werken bij 4201 </a> 4202 </li> 4203 4204 </ul> 4205 4206 4207 <div class="md:w-1/3 md:items-center order-1 md:order-2 flex flex-col md:h-full md:justify-between"> 4208 <div class="[&_picture]:flex [&_picture]:justify-center"> 4209 4210 4211 4212 4213 4214 4215 4216 <picture> 4217 4218 <img class="h-16 md:h-24 w-26 md:w-40 object-contain mb-8 md:mb-0" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/logos/new-footer/oostwegel_logo_white_not_cropped.svg" alt="" /> 4219 4220</picture> 4221 4222 4223 4224 4225 4226 4227 4228 <div class="hidden md:grid grid-cols-3 w-full gap-8 my-10"> 4229 4230 <a href="/chateau-neercanne/" class="flex justify-center" aria-label="Location logo"> 4231 4232 4233 4234 4235 4236 4237 <picture> 4238 4239 <source 4240 srcset=" 4241 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/neercanne_white-%281%29.png/101d8ecf9a2190d153bef0835617030a/neercanne_white-%281%29.webp 800w, 4242 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/neercanne_white-%281%29.png/55581c68a6860c31c7ac6a20d04a0912/neercanne_white-%281%29.webp 1200w, 4243 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/neercanne_white-%281%29.png/c4f401c7cd2e88b8dab56ff8c0b78763/neercanne_white-%281%29.webp 2000w 4244 "
4245 sizes="(max-width: 790px) 100vw, 80vw" 4246 type="image/webp" /> 4247 <img 4248 class="h-16 w-auto object-contain" 4249 style="object-position: 50% 50%" 4250 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/neercanne_white-%281%29.png/86e791b193763eb8fe68b7ecd1fd7466/neercanne_white-%281%29.png" 4251 alt="." 4252 width="1111" 4253 height="914" 4254 loading="lazy" /> 4255 4256</picture> 4257 4258 4259 4260 4261 4262 </a> 4263 4264 <a href="/chateau-st-gerlach/" class="flex justify-center" aria-label="Location logo"> 4265 4266 4267 4268 4269 4270 4271 <picture> 4272 4273 <source 4274 srcset=" 4275 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/gerlach-%281%29.png/86abf114c476b6e18d53cd714272f7f7/gerlach-%281%29.webp 800w, 4276 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/gerlach-%281%29.png/3c0c9736f919b9e49ad6e22708d9d1f1/gerlach-%281%29.webp 1200w, 4277 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/gerlach-%281%29.png/590c8b510b3ea92882417956af6dc3e8/gerlach-%281%29.webp 2000w 4278 " 4279 sizes="(max-width: 790px) 100vw, 80vw" 4280 type="image/webp" /> 4281 <img 4282 class="h-16 w-auto object-contain" 4283 style="object-position: 50% 50%" 4284 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/gerlach-%281%29.png/78c81d9a1425c33b2ce019bf22afba66/gerlach-%281%29.png" 4285 alt="." 4286 width="1072" 4287 height="723" 4288 loading="lazy" /> 4289 4290</picture> 4291 4292 4293 4294 4295 4296 </a> 4297 4298 <a href="/kruisherenhotel-maastricht/" class="flex justify-center" aria-label="Location logo"> 4299 4300 4301 4302 4303 4304 4305 <picture> 4306 4307 <source 4308 srcset=" 4309 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/kruisherenhotel-%281%29.png/e2ef3b6e1510753ccfef7fbf4589845f/kruisherenhotel-%281%29.webp 800w, 4310 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/kruisherenhotel-%281%29.png/0b81814012f64397b6b43d7c74605458/kruisherenhotel-%281%29.webp 1200w, 4311 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/kruisherenhotel-%281%29.png/7feda5061d1ea3b24f249c70b49eb910/kruisherenhotel-%281%29.webp 2000w 4312 " 4313 sizes="(max-width: 790px) 100vw, 80vw" 4314 type="image/webp" /> 4315 <img 4316 class="h-16 w-auto object-contain" 4317 style="object-position: 50% 50%" 4318 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/kruisherenhotel-%281%29.png/c13051f5f37d3819d1cb0785ee803b46/kruisherenhotel-%281%29.png" 4319 alt="." 4320 width="1526" 4321 height="797" 4322 loading="lazy" /> 4323 4324</picture> 4325 4326 4327 4328 4329 4330 </a> 4331 4332 </div> 4333 4334 4335 <div class="hidden md:flex gap-2 justify-center my-10"> 4336 4337 <div class="w-6 h-6 md:flex md:items-end md:justify-center"> 4338 <a href="https://www.facebook.com/Oostwegelcollection/" aria-label="Home" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M8.92857 0.142578C4.00538 0.142578 0 4.14796 0 9.07115C0 13.994 4.00538 17.9997 8.92857 17.9997C13.8514 17.9997 17.8571 13.994 17.8571 9.07115C17.8571 4.14796 13.8521 0.142578 8.92857 0.142578ZM11.149 9.38548H9.69641V14.5629H7.54393C7.54393 14.5629 7.54393 11.734 7.54393 9.38548H6.52074V7.5556H7.54393V6.37201C7.54393 5.52432 7.94674 4.19974 9.7162 4.19974L11.3112 4.20586V5.98215C11.3112 5.98215 10.342 5.98215 10.1535 5.98215C9.96507 5.98215 9.69713 6.07638 9.69713 6.48062V7.55596H11.3371L11.149 9.38548Z" fill="white"/></svg></a> 4339 </div> 4340 4341 <div class="w-6 h-6 md:flex md:items-end md:justify-center"> 4342 <a href="https://www.instagram.com/oostwegel_collection/?hl=nl" aria-label="Home" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M10.6367 9.07031C10.6367 10.0142 9.8716 10.7793 8.92773 10.7793C7.98387 10.7793 7.21875 10.0142 7.21875 9.07031C7.21875 8.12645 7.98387 7.36133 8.92773 7.36133C9.8716 7.36133 10.6367 8.12645 10.6367 9.07031Z" fill="white"/><path d="M12.9246 6.04856C12.8424 5.82595 12.7114 5.62445 12.5411 5.45906C12.3757 5.28876 12.1743 5.1577 11.9516 5.07554C11.7709 5.00538 11.4995 4.92187 10.9996 4.89911C10.4589 4.87445 10.2968 4.86914 8.92786 4.86914C7.55879 4.86914 7.39667 4.87432 6.85607 4.89898C6.35621 4.92187 6.08469 5.00538 5.90417 5.07554C5.68142 5.1577 5.47992 5.28876 5.31466 5.45906C5.1443
43426 5.62445 5.0133 5.82581 4.93101 6.04856C4.86085 6.22922 4.77733 6.50074 4.75458 7.0006C4.72992 7.5412 4.72461 7.70332 4.72461 9.07239C4.72461 10.4413 4.72992 10.6034 4.75458 11.1442C4.77733 11.644 4.86085 11.9154 4.93101 12.0961C5.0133 12.3188 5.14423 12.5202 5.31453 12.6856C5.47992 12.8559 5.68128 12.987 5.90403 13.0691C6.08469 13.1394 6.35621 13.2229 6.85607 13.2457C7.39667 13.2703 7.55866 13.2755 8.92772 13.2755C10.2969 13.2755 10.4591 13.2703 10.9995 13.2457C11.4994 13.2229 11.7709 13.1394 11.9516 13.0691C12.3987 12.8966 12.7521 12.5432 12.9246 12.0961C12.9947 11.9154 13.0783 11.644 13.1011 11.1442C13.1258 10.6034 13.131 10.4413 13.131 9.07239C13.131 7.70332 13.1258 7.5412 13.1011 7.0006C13.0784 6.50074 12.9949 6.22922 12.9246 6.04856ZM8.92786 11.7049C7.47378 11.7049 6.29504 10.5263 6.29504 9.07226C6.29504 7.61817 7.47378 6.43957 8.92786 6.43957C10.3818 6.43957 11.5605 7.61817 11.5605 9.07226C11.5605 10.5263 10.3818 11.7049 8.92786 11.7049ZM11.6646 6.95074C11.3249 6.95074 11.0494 6.67526 11.0494 6.33548C11.0494 5.9957 11.3249 5.72023 11.6646 5.72023C12.0044 5.72023 12.2799 5.9957 12.2799 6.33548C12.2798 6.67526 12.0044 6.95074 11.6646 6.95074Z" fill="white"/><path d="M8.92857 0.142578C3.99821 0.142578 0 4.14079 0 9.07115C0 14.0015 3.99821 17.9997 8.92857 17.9997C13.8589 17.9997 17.8571 14.0015 17.8571 9.07115C17.8571 4.14079 13.8589 0.142578 8.92857 0.142578ZM14.0246 11.1849C13.9998 11.7307 13.913 12.1033 13.7863 12.4294C13.52 13.1181 12.9756 13.6625 12.2869 13.9289C11.9608 14.0556 11.5881 14.1422 11.0425 14.1672C10.4957 14.1921 10.3211 14.1981 8.92871 14.1981C7.53621 14.1981 7.36168 14.1921 6.81482 14.1672C6.26918 14.1422 5.89643 14.0556 5.57041 13.9289C5.22818 13.8001 4.91837 13.5984 4.66224 13.3375C4.40148 13.0815 4.19971 12.7715 4.07096 12.4294C3.94426 12.1034 3.85748 11.7307 3.83268 11.185C3.80748 10.6382 3.80162 10.4635 3.80162 9.07115C3.80162 7.67879 3.80748 7.50413 3.83254 6.9574C3.85734 6.41162 3.94399 6.03901 4.07069 5.71285C4.19944 5.37076 4.40134 5.06081 4.66224 4.80482C4.91823 4.54392 5.22818 4.34215 5.57028 4.21341C5.89643 4.0867 6.26905 4.00005 6.81482 3.97512C7.36155 3.95019 7.53621 3.9442 8.92857 3.9442C10.3209 3.9442 10.4956 3.95019 11.0423 3.97526C11.5881 4.00005 11.9607 4.0867 12.2869 4.21327C12.629 4.34201 12.9389 4.54392 13.195 4.80482C13.4558 5.06095 13.6577 5.37076 13.7863 5.71285C13.9132 6.03901 13.9998 6.41162 14.0247 6.9574C14.0497 7.50413 14.0555 7.67879 14.0555 9.07115C14.0555 10.4635 14.0497 10.6382 14.0246 11.1849Z" fill="white"/></svg></a> 4343 </div> 4344 4345 <div class="w-6 h-6 md:flex md:items-end md:justify-center"> 4346 <a href="https://www.linkedin.com/company/oostwegel-collection/" aria-label="Home" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M9 0C4.0302 0 0 4.0302 0 9C0 13.9698 4.0302 18 9 18C13.9698 18 18 13.9698 18 9C18 4.0302 13.9698 0 9 0ZM6.38471 13.6055H4.19279V7.01106H6.38471V13.6055ZM5.28882 6.1106H5.27454C4.539 6.1106 4.06329 5.60426 4.06329 4.97145C4.06329 4.32436 4.55356 3.83203 5.30338 3.83203C6.05319 3.83203 6.51462 4.32436 6.5289 4.97145C6.5289 5.60426 6.05319 6.1106 5.28882 6.1106ZM14.2883 13.6055H12.0966V10.0776C12.0966 9.19102 11.7793 8.58636 10.9862 8.58636C10.3807 8.58636 10.0201 8.99423 9.8616 9.38795C9.80365 9.52885 9.78951 9.72578 9.78951 9.92285V13.6055H7.59773C7.59773 13.6055 7.62643 7.62973 7.59773 7.01106H9.78951V7.94476C10.0808 7.49542 10.6019 6.85629 11.7648 6.85629C13.2069 6.85629 14.2883 7.79878 14.2883 9.82425V13.6055Z" fill="white"/></svg></a> 4347 </div> 4348 4349 <div class="w-6 h-6 md:flex md:items-end md:justify-center"> 4350 <a href="https://www.youtube.com/@Oostwegelcollection" aria-label="Home" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M7.92383 7.27539L10.7316 8.9996L7.92383 10.725V7.27539Z" fill="white"/><path d="M9 0C7.21997 0 5.47991 0.527841 3.99987 1.51677C2.51983 2.50571 1.36628 3.91131 0.685088 5.55585C0.00389954 7.20038 -0.17433 9.00998 0.172936 10.7558C0.520203 12.5016 1.37737 14.1053 2.63604 15.364C3.89471 16.6226 5.49836 17.4798 7.24419 17.8271C8.99002 18.1743 10.7996 17.9961 12.4442 17.3149C14.0887 16.6337 15.4943 15.4802 16.4832 14.0001C17.4722 12.5201 18 10.78 18 9C18 6.61305 17.0518 4.32386 15.364 2.63604C13.6761 0.948211 11.3869 0 9 0ZM13.2892 11.1659C13.1092 11.7189 12.5136 12.0553 11.9653 12.1322C9.99398 12.3418 8.00602 12.3418 6.03474 12.1322C5.48645 12.0553 4.89079 11.7189 4.71079 11.1659C4.43014 9.73601 4.43014 8.26517 4.71079 6.83526C4.89079 6.27631 5.48645 5.94592 6.03948 5.86895C8.01076 5.65934 9.99872 5.65934 11.97 5.86895C12.5183 5.94592 13.1139 6.28105 13.2939 6.83526C13.573 8.26548 13.5714 9.73631 13.2892 11.1659Z" fill="white"/></svg></a> 4351 </div> 4352 4353 </div> 4354 </div> 4355 </div> 4356 4357 4358 <ul class="md:w-1/3 md:justify-center md:h-full md:gap-4 flex flex-col items-center md:items-end order-3 md:order-2 md:pb-4" role="list" aria-label="Footer navigation"> 4359 4360 <li> 4361 <a href="/privacyverklaring" class="font-body text-sm"> 4362 Privacyverklaring 4363 </a> 4364 </li> 4365 4366 <li> 4367 <a href="/algemene-voorwaarden" class="font-body text-sm"> 4368 Algemene Voorwaarden 4369 </a> 4370 </li> 4371 4372 <li> 4373 <a href="/duurzaamheid" class="font-body text-sm"> 4374 Duurzaamheid 4375 </a> 4376 </li> 4377 4378 <li> 4379 <a href="/reisspecialisten" class="font-body text-sm"> 4380 Reisspecialisten 4381 </a> 4382 </li> 4383 4384 <li> 4385 <a href="/contactgegevens" class="font-body text-sm"> 4386 Contact 4387 </a> 4388 </li> 4389 4390 <li> 4391 <a href="javascript: Cookiebot.renew()" class="font-body text-sm"> 4392 Cookies wijzigen 4393 </a> 4394 </li> 4395 4396 </ul> 4397 4398 4399 <div class="flex md:hidden gap-2 justify-center order-4 mt-6 mb-2"> 4400 4401 <div class="w-6 h-6"> 4402 <a href="https://www.facebook.com/Oostwegelcollection/" aria-label="Home" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M8.92857 0.142578C4.00538 0.142578 0 4.14796 0 9.07115C0 13.994 4.00538 17.9997 8.92857 17.9997C13.8514 17.9997 17.8571 13.994 17.8571 9.07115C17.8571 4.14796 13.8521 0.142578 8.92857 0.142578ZM11.149 9.38548H9.69641V14.5629H7.54393C7.54393 14.5629 7.54393 11.734 7.54393 9.38548H6.52074V7.5556H7.54393V6.37201C7.54393 5.52432 7.94674 4.19974 9.7162 4.19974L11.3112 4.20586V5.98215C11.3112 5.98215 10.342 5.98215 10.1535 5.98215C9.96507 5.98215 9.69713 6.07638 9.69713 6.48062V7.55596H11.3371L11.149 9.38548Z" fill="white"/></svg></a> 4403 </div> 4404 4405 <div class="w-6 h-6"> 4406 <a href="https://www.instagram.com/oostwegel_collection/?hl=nl" aria-label="Home" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M10.6367 9.07031C10.6367 10.0142 9.8716 10.7793 8.92773 10.7793C7.98387 10.7793 7.21875 10.0142 7.21875 9.07031C7.21875 8.12645 7.98387 7.36133 8.92773 7.36133C9.8716 7.36133 10.6367 8.12645 10.6367 9.07031Z" fill="white"/><path d="M12.9246 6.04856C12.8424 5.82595 12.7114 5.62445 12.5411 5.45906C12.3757 5.28876 12.1743 5.1577 11.9516 5.07554C11.7709 5.00538 11.4995 4.92187 10.9996 4.89911C10.4589 4.87445 10.2968 4.86914 8.92786 4.86914C7.55879 4.86914 7.39667 4.87432 6.85607 4.89898C6.35621 4.92187 6.08469 5.00538 5.90417 5.07554C5.68142 5.1577 5.47992 5.28876 5.31466 5.45906C5.1443
44066 5.62445 5.0133 5.82581 4.93101 6.04856C4.86085 6.22922 4.77733 6.50074 4.75458 7.0006C4.72992 7.5412 4.72461 7.70332 4.72461 9.07239C4.72461 10.4413 4.72992 10.6034 4.75458 11.1442C4.77733 11.644 4.86085 11.9154 4.93101 12.0961C5.0133 12.3188 5.14423 12.5202 5.31453 12.6856C5.47992 12.8559 5.68128 12.987 5.90403 13.0691C6.08469 13.1394 6.35621 13.2229 6.85607 13.2457C7.39667 13.2703 7.55866 13.2755 8.92772 13.2755C10.2969 13.2755 10.4591 13.2703 10.9995 13.2457C11.4994 13.2229 11.7709 13.1394 11.9516 13.0691C12.3987 12.8966 12.7521 12.5432 12.9246 12.0961C12.9947 11.9154 13.0783 11.644 13.1011 11.1442C13.1258 10.6034 13.131 10.4413 13.131 9.07239C13.131 7.70332 13.1258 7.5412 13.1011 7.0006C13.0784 6.50074 12.9949 6.22922 12.9246 6.04856ZM8.92786 11.7049C7.47378 11.7049 6.29504 10.5263 6.29504 9.07226C6.29504 7.61817 7.47378 6.43957 8.92786 6.43957C10.3818 6.43957 11.5605 7.61817 11.5605 9.07226C11.5605 10.5263 10.3818 11.7049 8.92786 11.7049ZM11.6646 6.95074C11.3249 6.95074 11.0494 6.67526 11.0494 6.33548C11.0494 5.9957 11.3249 5.72023 11.6646 5.72023C12.0044 5.72023 12.2799 5.9957 12.2799 6.33548C12.2798 6.67526 12.0044 6.95074 11.6646 6.95074Z" fill="white"/><path d="M8.92857 0.142578C3.99821 0.142578 0 4.14079 0 9.07115C0 14.0015 3.99821 17.9997 8.92857 17.9997C13.8589 17.9997 17.8571 14.0015 17.8571 9.07115C17.8571 4.14079 13.8589 0.142578 8.92857 0.142578ZM14.0246 11.1849C13.9998 11.7307 13.913 12.1033 13.7863 12.4294C13.52 13.1181 12.9756 13.6625 12.2869 13.9289C11.9608 14.0556 11.5881 14.1422 11.0425 14.1672C10.4957 14.1921 10.3211 14.1981 8.92871 14.1981C7.53621 14.1981 7.36168 14.1921 6.81482 14.1672C6.26918 14.1422 5.89643 14.0556 5.57041 13.9289C5.22818 13.8001 4.91837 13.5984 4.66224 13.3375C4.40148 13.0815 4.19971 12.7715 4.07096 12.4294C3.94426 12.1034 3.85748 11.7307 3.83268 11.185C3.80748 10.6382 3.80162 10.4635 3.80162 9.07115C3.80162 7.67879 3.80748 7.50413 3.83254 6.9574C3.85734 6.41162 3.94399 6.03901 4.07069 5.71285C4.19944 5.37076 4.40134 5.06081 4.66224 4.80482C4.91823 4.54392 5.22818 4.34215 5.57028 4.21341C5.89643 4.0867 6.26905 4.00005 6.81482 3.97512C7.36155 3.95019 7.53621 3.9442 8.92857 3.9442C10.3209 3.9442 10.4956 3.95019 11.0423 3.97526C11.5881 4.00005 11.9607 4.0867 12.2869 4.21327C12.629 4.34201 12.9389 4.54392 13.195 4.80482C13.4558 5.06095 13.6577 5.37076 13.7863 5.71285C13.9132 6.03901 13.9998 6.41162 14.0247 6.9574C14.0497 7.50413 14.0555 7.67879 14.0555 9.07115C14.0555 10.4635 14.0497 10.6382 14.0246 11.1849Z" fill="white"/></svg></a> 4407 </div> 4408 4409 <div class="w-6 h-6"> 4410 <a href="https://www.linkedin.com/company/oostwegel-collection/" aria-label="Home" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M9 0C4.0302 0 0 4.0302 0 9C0 13.9698 4.0302 18 9 18C13.9698 18 18 13.9698 18 9C18 4.0302 13.9698 0 9 0ZM6.38471 13.6055H4.19279V7.01106H6.38471V13.6055ZM5.28882 6.1106H5.27454C4.539 6.1106 4.06329 5.60426 4.06329 4.97145C4.06329 4.32436 4.55356 3.83203 5.30338 3.83203C6.05319 3.83203 6.51462 4.32436 6.5289 4.97145C6.5289 5.60426 6.05319 6.1106 5.28882 6.1106ZM14.2883 13.6055H12.0966V10.0776C12.0966 9.19102 11.7793 8.58636 10.9862 8.58636C10.3807 8.58636 10.0201 8.99423 9.8616 9.38795C9.80365 9.52885 9.78951 9.72578 9.78951 9.92285V13.6055H7.59773C7.59773 13.6055 7.62643 7.62973 7.59773 7.01106H9.78951V7.94476C10.0808 7.49542 10.6019 6.85629 11.7648 6.85629C13.2069 6.85629 14.2883 7.79878 14.2883 9.82425V13.6055Z" fill="white"/></svg></a> 4411 </div> 4412 4413 <div class="w-6 h-6"> 4414 <a href="https://www.youtube.com/@Oostwegelcollection" aria-label="Home" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M7.92383 7.27539L10.7316 8.9996L7.92383 10.725V7.27539Z" fill="white"/><path d="M9 0C7.21997 0 5.47991 0.527841 3.99987 1.51677C2.51983 2.50571 1.36628 3.91131 0.685088 5.55585C0.00389954 7.20038 -0.17433 9.00998 0.172936 10.7558C0.520203 12.5016 1.37737 14.1053 2.63604 15.364C3.89471 16.6226 5.49836 17.4798 7.24419 17.8271C8.99002 18.1743 10.7996 17.9961 12.4442 17.3149C14.0887 16.6337 15.4943 15.4802 16.4832 14.0001C17.4722 12.5201 18 10.78 18 9C18 6.61305 17.0518 4.32386 15.364 2.63604C13.6761 0.948211 11.3869 0 9 0ZM13.2892 11.1659C13.1092 11.7189 12.5136 12.0553 11.9653 12.1322C9.99398 12.3418 8.00602 12.3418 6.03474 12.1322C5.48645 12.0553 4.89079 11.7189 4.71079 11.1659C4.43014 9.73601 4.43014 8.26517 4.71079 6.83526C4.89079 6.27631 5.48645 5.94592 6.03948 5.86895C8.01076 5.65934 9.99872 5.65934 11.97 5.86895C12.5183 5.94592 13.1139 6.28105 13.2939 6.83526C13.573 8.26548 13.5714 9.73631 13.2892 11.1659Z" fill="white"/></svg></a> 4415 </div> 4416 4417 </div> 4418 4419 </div> 4420 </div> 4421 </div> 4422 4423 4424 <div class="w-full flex flex-wrap items-center justify-center gap-4 md:hidden order-6 pt-6 pb-16"> 4425 4426 4427 <div class="w-full text-center mb-6"> 4428 <p class="font-body text-sm text-white mb-4 font-medium">Onderdeel van Oostwegel Collection</p> 4429 <div class="grid grid-cols-3 gap-4 px-4 max-w-[350px] mx-auto"> 4430 4431 <a href="/chateau-neercanne/" class="flex justify-center" aria-label="Location logo"> 4432 4433 4434 4435 4436 4437 4438 <picture> 4439 4440 <source 4441 srcset=" 4442 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/neercanne_white-%281%29.png/101d8ecf9a2190d153bef0835617030a/neercanne_white-%281%29.webp 800w, 4443 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/neercanne_white-%281%29.png/55581c68a6860c31c7ac6a20d04a0912/neercanne_white-%281%29.webp 1200w, 4444 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/neercanne_white-%281%29.png/c4f401c7cd2e88b8dab56ff8c0b78763/neercanne_white-%281%29.webp 2000w 4445 "
4446 sizes="(max-width: 790px) 100vw, 80vw" 4447 type="image/webp" /> 4448 <img 4449 class="h-12 w-auto object-contain" 4450 style="object-position: 50% 50%" 4451 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/neercanne_white-%281%29.png/86e791b193763eb8fe68b7ecd1fd7466/neercanne_white-%281%29.png" 4452 alt="." 4453 width="1111" 4454 height="914" 4455 loading="lazy" /> 4456 4457</picture> 4458 4459 4460 4461 4462 4463 </a> 4464 4465 <a href="/chateau-st-gerlach/" class="flex justify-center" aria-label="Location logo"> 4466 4467 4468 4469 4470 4471 4472 <picture> 4473 4474 <source 4475 srcset=" 4476 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/gerlach-%281%29.png/86abf114c476b6e18d53cd714272f7f7/gerlach-%281%29.webp 800w, 4477 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/gerlach-%281%29.png/3c0c9736f919b9e49ad6e22708d9d1f1/gerlach-%281%29.webp 1200w, 4478 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/gerlach-%281%29.png/590c8b510b3ea92882417956af6dc3e8/gerlach-%281%29.webp 2000w 4479 " 4480 sizes="(max-width: 790px) 100vw, 80vw" 4481 type="image/webp" /> 4482 <img 4483 class="h-12 w-auto object-contain" 4484 style="object-position: 50% 50%" 4485 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/gerlach-%281%29.png/78c81d9a1425c33b2ce019bf22afba66/gerlach-%281%29.png" 4486 alt="." 4487 width="1072" 4488 height="723" 4489 loading="lazy" /> 4490 4491</picture> 4492 4493 4494 4495 4496 4497 </a> 4498 4499 <a href="/kruisherenhotel-maastricht/" class="flex justify-center" aria-label="Location logo"> 4500 4501 4502 4503 4504 4505 4506 <picture> 4507 4508 <source 4509 srcset=" 4510 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/kruisherenhotel-%281%29.png/e2ef3b6e1510753ccfef7fbf4589845f/kruisherenhotel-%281%29.webp 800w, 4511 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/kruisherenhotel-%281%29.png/0b81814012f64397b6b43d7c74605458/kruisherenhotel-%281%29.webp 1200w, 4512 https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/kruisherenhotel-%281%29.png/7feda5061d1ea3b24f249c70b49eb910/kruisherenhotel-%281%29.webp 2000w 4513 " 4514 sizes="(max-width: 790px) 100vw, 80vw" 4515 type="image/webp" /> 4516 <img 4517 class="h-12 w-auto object-contain" 4518 style="object-position: 50% 50%" 4519 src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/optimized/website/containers/images/icons/footer/kruisherenhotel-%281%29.png/c13051f5f37d3819d1cb0785ee803b46/kruisherenhotel-%281%29.png" 4520 alt="." 4521 width="1526" 4522 height="797" 4523 loading="lazy" /> 4524 4525</picture> 4526 4527 4528 4529 4530 4531 </a> 4532 4533 </div> 4534 </div> 4535 4536 4537 <div class="w-full text-center mb-4 mt-12"> 4538 <p class="font-body text-sm text-white font-medium">Lidmaatschappen & Onderscheidingen</p> 4539 </div> 4540 <style> 4541 @keyframes marquee-ping-pong-mobile { 4542 0% { transform: translateX(0); } 4543 100% { transform: translateX(calc(-100% + 100vw - 80px)); } 4544 } 4545 .marquee-animate-mobile { 4546 animation: marquee-ping-pong-mobile 20s ease-in-out infinite alternate; 4547 } 4548 .marquee-animate-mobile:hover { 4549 animation-play-state: paused; 4550 } 4551 </style> 4552 <div 4553 class="w-full overflow-hidden px-10" 4554 x-cloak 4555 x-data="{ isOverflowing: false }" 4556 x-init=" 4557 $nextTick(() => { 4558 const wrapper = $refs.wrapperMobile; 4559 const container = $refs.containerMobile; 4560 isOverflowing = wrapper.scrollWidth > container.offsetWidth; 4561 }); 4562 " 4563 role="region" 4564 aria-label="Lidmaatschappen & Onderscheidingen" 4565 > 4566 <div class="w-full" x-ref="containerMobile"> 4567 <div 4568 class="flex items-center gap-10" 4569 :class="isOverflowing ? 'marquee-animate-mobile w-max' : 'justify-center w-full'" 4570 x-ref="wrapperMobile" 4571 > 4572 4573 4574 4575 <a href="https://www.relaischateaux.com/gb/" class="flex-shrink-0 flex justify-center items-center" aria-label="Partner logo" target="_blank" rel="noopener noreferrer"> 4576 4577 4578 <img src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/footer/relais&chateaux.svg" class="h-[60px] w-auto object-contain brightness-0 invert" alt="Partner logo" /> 4579 4580 4581 </a> 4582 4583 4584 4585 4586 4587 <a href="https://www.bcorporation.net/en-us/" class="flex-shrink-0 flex justify-center items-center" aria-label="Partner logo" target="_blank" rel="noopener noreferrer"> 4588 4589 4590 <img src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/footer/b-corp-logo-white-rgb.svg" class="h-[60px] w-auto object-contain brightness-0 invert" alt="Partner logo" /> 4591 4592 4593 </a> 4594 4595 4596 4597 4598 4599 <a href="https://design-hotels.marriott.com/" class="flex-shrink-0 flex justify-center items-center" aria-label="Partner logo" target="_blank" rel="noopener noreferrer"> 4600 4601 4602 <img src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/footer/dhxmb-logo-notm-rgb-white-stacked-1-1.svg" class="h-[60px] w-auto object-contain brightness-0 invert" alt="Partner logo" /> 4603 4604 4605 </a> 4606 4607 4608 4609 4610 4611 <a href="https://www.greenkey.nl/" class="flex-shrink-0 flex justify-center items-center" aria-label="Partner logo" target="_blank" rel="noopener noreferrer"> 4612 4613 4614 <img src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/footer/green-key-gold-1.svg" class="h-[60px] w-auto object-contain brightness-0 invert" alt="Partner logo" /> 4615 4616 4617 </a> 4618 4619 4620 4621 4622 4623 <a href="https://guide.michelin.com/en/restaurants" class="flex-shrink-0 flex justify-center items-center" aria-label="Partner logo" target="_blank" rel="noopener noreferrer"> 4624 4625 4626 <img src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/footer/michelin-star-logo-1.svg" class="h-[60px] w-auto object-contain brightness-0 invert" alt="Partner logo" /> 4627 4628 4629 </a> 4630 4631 4632 4633 </div> 4634 </div> 4635 </div> 4636 4637 4638 <div class="md:hidden my-16"> 4639 <a class="font-body text-xs" href="https://www.theorangestudio.com" target="_blank" rel="noopener noreferrer">
4640 <span class="text-half-white">Website door</span> The Orange Studio 4641 </a> 4642 </div> 4643 4644 </div> 4645 4646 4647 <div class="border-t border-half-white py-12 hidden md:block"> 4648 <div class="ohm-inner hidden md:flex md:w-full justify-between px-[55px] h-auto w-full items-center"> 4649 4650 4651 4652 <a href="https://www.relaischateaux.com/gb/" class="flex items-center" aria-label="Partner logo" target="_blank" rel="noopener noreferrer"> 4653 4654 <img src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/footer/relais&chateaux.svg" class="h-[60px] w-auto object-contain brightness-0 invert" alt="Partner logo" /> 4655 4656 </a> 4657 4658 4659 4660 4661 4662 <a href="https://www.bcorporation.net/en-us/" class="flex items-center" aria-label="Partner logo" target="_blank" rel="noopener noreferrer"> 4663 4664 <img src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/footer/b-corp-logo-white-rgb.svg" class="h-[60px] w-auto object-contain brightness-0 invert" alt="Partner logo" /> 4665 4666 </a> 4667 4668 4669 4670 4671 4672 <a href="https://design-hotels.marriott.com/" class="flex items-center" aria-label="Partner logo" target="_blank" rel="noopener noreferrer"> 4673 4674 <img src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/footer/dhxmb-logo-rgb-black-secondary-1-(1)-1.svg" class="h-[60px] w-auto object-contain brightness-0 invert" alt="Partner logo" /> 4675 4676 </a> 4677 4678 4679 4680 4681 4682 <a href="https://www.greenkey.nl/" class="flex items-center" aria-label="Partner logo" target="_blank" rel="noopener noreferrer"> 4683 4684 <img src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/footer/green-key-gold-1.svg" class="h-[60px] w-auto object-contain brightness-0 invert" alt="Partner logo" /> 4685 4686 </a> 4687 4688 4689 4690 4691 4692 <a href="https://guide.michelin.com/en/restaurants" class="flex items-center" aria-label="Partner logo" target="_blank" rel="noopener noreferrer"> 4693 4694 <img src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/footer/michelin-star-logo-1.svg" class="h-[60px] w-auto object-contain brightness-0 invert" alt="Partner logo" /> 4695 4696 </a> 4697 4698 4699 4700 </div> 4701 </div> 4702 4703 4704 <div class="hidden px-4 md:flex items-end w-full justify-center pb-6"> 4705 <a class="font-body text-sm text-white" href="https://www.theorangestudio.com" target="_blank" rel="noopener noreferrer"> 4706 <span class="text-half-white">Website door</span> The Orange Studio 4707 </a> 4708 </div> 4709 4710 </div> 4711</footer> 4712 4713 4714 4715 4716 <div data-type='popup' data-id='35fb1f51-4fc8-4260-9384-314f051b4728' data-blueprint='main_menu_popup' data-name='main-menu-popup' data-settings='{"on_page_load":false,"close_on_overlay_click":true,"backdrop":"backdrop-light","close_on_esc_key":true,"disable_scroll":false,"on_scroll":null,"percentage_scroll":50,"on_page_exit_intent":false,"on_click_of_element":null,"after_inactivity":null}'><div class="ohm-inner w-screen h-[100svh] max-h-[100svh] overflow-y-scroll pt-6 pb-16 flex flex-col bg-white overflow-x-hidden !z-50" x-data='mainMenuPopup'> 4717 <div class='px-6 flex flex-col h-full'> 4718 <div class='flex justify-between mb-6'> 4719 <a href='https://www.oostwegelcollection.nl/'> 4720 4721 4722 4723 4724 4725 4726 <picture> 4727 4728 <img class="h-[70px] object-contain w-auto" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/logos/oostwegel_logo_black_not_cropped.svg" alt="Logo Oostwegel Collection | Oostwegel Collection" /> 4729 4730</picture> 4731 4732 4733 4734 4735 4736 </a> 4737 <div class='flex gap-5'> 4738 <div class='flex'> 4739 <div> 4740 <ul> 4741 <li class="group font-body text-sm uppercase relative cursor-pointer flex items-center"> 4742 4743 4744 NL 4745 4746 4747 4748 4749 4750 4751 <ul class="ohm-submenu group-hover:block absolute top-6 left-0 hidden transition-all duration-300" x-ref='language_submenu'> 4752 4753 4754 4755 4756 <li><a href="https://www.oostwegelcollection.nl/en" class=''>EN</a></li> 4757 4758 4759 4760 <li><a href="https://www.oostwegelcollection.nl/de" class=''>DE</a></li> 4761 4762 4763 </ul> 4764 <div class='cursor-pointer ml-1'> 4765 <svg class="language_arrow" x-ref="language_arrow" xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="black"/></svg> 4766 </div> 4767 </li> 4768 </ul> 4769 </div> 4770 </div> 4771 <div class="pt-1"> 4772 <svg class='popup-close' xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none"> 4773 <line y1="-0.5" x2="17.8737" y2="-0.5" transform="matrix(-0.686292 0.727326 -0.686292 -0.727326 12.2666 0)" stroke="black"/> 4774 <line y1="-0.5" x2="17.8737" y2="-0.5" transform="matrix(0.686292 0.727326 0.686292 -0.727326 0.734375 0)" stroke="black"/> 4775 </svg> 4776 </div> 4777 </div> 4778 </div> 4779 <div> 4780 <ul class="flex flex-col gap-2 mb-6" x-ref="menu-list"> 4781 4782 <li class="font-body text-base uppercase mb-[.15rem]"> 4783 <div class='flex gap-2 items-center'> 4784 <a href="#" class=' text-xl font-heading uppercase' @click.prevent="clickMenuItem('0')" x-ref="menu_item-0"> 4785 Onze huizen 4786 </a> 4787 4788 <div class='cursor-pointer' x-ref='menu_arrow' @click.prevent="clickMenuItem('0')"> 4789 <svg class="language_arrow" x-ref="language_arrow" xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="black"/></svg> 4790 </div> 4791 4792 </div> 4793 4794 <ul class="py-2" x-show="submenuStates[`submenu-0`]" x-transition.duration.500ms> 4795 4796 <li class="font-body text-base uppercase mb-[.15rem]"> 4797 <div class='flex gap-2 items-center'> 4798 <a href="/onze-huizen" class=' text-base font-body ' > 4799 Overzicht 4800 </a> 4801 4802 </div> 4803 4804 </li> 4805 4806 <li class="font-body text-base uppercase mb-[.15rem]"> 4807 <div class='flex gap-2 items-center'> 4808 <a href="/chateau-neercanne/" class=' text-base font-body ' > 4809 Château Neercanne 4810 </a> 4811 4812 </div> 4813 4814 </li> 4815 4816 <li class="font-body text-base uppercase mb-[.15rem]"> 4817 <div class='flex gap-2 items-center'> 4818 <a href="/chateau-st-gerlach" class=' text-base font-body ' > 4819 Château St. Gerlach 4820 </a> 4821 4822 </div> 4823 4824 </li> 4825 4826 <li class="font-body text-base uppercase mb-[.15rem]"> 4827 <div class='flex gap-2 items-center'> 4828 <a href="/kruisherenhotel-maastricht" class=' text-base font-body ' > 4829 Kruisherenhotel Maastricht 4830 </a> 4831 4832 </div> 4833 4834 </li> 4835 4836 </ul> 4837 4838 </li> 4839 4840 <li class="font-body text-base uppercase mb-[.15rem]"> 4841 <div class='flex gap-2 items-center'> 4842 <a href="/meetings-celebrations" class=' text-xl font-heading uppercase' x-ref="menu_item-1"> 4843 Meet & Celebrate 4844 </a> 4845 4846 </div> 4847 4848 </li> 4849 4850 <li class="font-body text-base uppercase mb-[.15rem]"> 4851 <div class='flex gap-2 items-center'> 4852 <a href="/arrangementen" class=' text-xl font-heading uppercase' x-ref="menu_item-2"> 4853 Arrangementen 4854 </a> 4855 4856 </div> 4857 4858 </li> 4859 4860 <li class="font-body text-base uppercase mb-[.15rem]"> 4861 <div class='flex gap-2 items-center'> 4862 <a href="/events-experiences/#blocks-events" class=' text-xl font-heading uppercase' x-ref="menu_item-3"> 4863 Events Calendar 4864 </a> 4865 4866 </div> 4867 4868 </li> 4869 4870 <li class="font-body text-base uppercase mb-[.15rem]"> 4871 <div class='flex gap-2 items-center'> 4872 <a href="/events-experiences/#blocks-experiences" class=' text-xl font-heading uppercase' x-ref="menu_item-4"> 4873 Experiences 4874 </a> 4875 4876 </div> 4877 4878 </li> 4879 4880 </ul> 4881 </div> 4882 <div class='mb-6'> 4883 <ul class="flex flex-col" x-ref="menu-list"> 4884 4885 <li class="font-body text-sm uppercase mb-[.15rem]"> 4886 <a href="/ons-verhaal" class='text-base font-body'> 4887 Ons verhaal 4888 </a> 4889 </li> 4890 4891 <li class="font-body text-sm uppercase mb-[.15rem]"> 4892 <a href="/galerij" class='text-base font-body'> 4893 Galerij 4894 </a> 4895 </li> 4896 4897 <li class="font-body text-sm uppercase mb-[.15rem]"> 4898 <a href="/stories" class='text-base font-body'> 4899 Stories 4900 </a> 4901 </li> 4902 4903 <li class="font-body text-sm uppercase mb-[.15rem]"> 4904 <a href="/pers-media" class='text-base font-body'> 4905 Pers & Media 4906 </a> 4907 </li> 4908 4909 <li class="font-body text-sm uppercase mb-[.15rem]"> 4910 <a href="https://www.boutique.oostwegelcollection.nl/nl/" target="_blank" class='text-base font-body'> 4911 Boutique 4912 </a> 4913 </li> 4914 4915 <li class="font-body text-sm uppercase mb-[.15rem]"> 4916 <a href="/werken-bij" class='text-base font-body'> 4917 Werken bij 4918 </a> 4919 </li> 4920 4921 <li class="font-body text-sm uppercase mb-[.15rem]"> 4922 <a href="/contactgegevens" class='text-base font-body'> 4923 Contact 4924 </a> 4925 </li> 4926 4927 </ul> 4928 </div> 4929 <div class="flex items-center mb-12"> 4930 4931 <a 4932 4933 4934 class="btn relative cursor-pointer content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 4935 4936 4937 border border-black rounded-full bg-black text-white md:hover:bg-transparent md:hover:text-black transition-all ease-in-out duration-300 4938 4939 4940 4941 4942 4943 4944 4945 availability_btn 4946 " 4947 href="https://be.synxis.com/?adult=2&chain=32893&dest=OOSTWEGEL&level=chain&locale=nl-NL" 4948rel="noopener" target="_blank" 4949 4950 4951 4952 4953><span x-ref="btn-text" >Bekijk beschikbaarheid</span></a> 4954 4955 4956 4957 </div> 4958 <div class='mt-auto flex gap-3'> 4959 4960 <div> 4961 <div class="w-6 h-6"><a href="https://www.instagram.com/oostwegel_collection/?hl=nl" class="[&>svg]:h-6 [&>svg]:w-6" target="_blank">
4961<svg width="571" height="571" viewBox="0 0 571 571" fill="none" xmlns="http://www.w3.org/2000/svg"> 4962 <path d="M340.074 285.498C340.074 315.679 315.609 340.145 285.428 340.145C255.247 340.145 230.781 315.679 230.781 285.498C230.781 255.317 255.247 230.852 285.428 230.852C315.609 230.852 340.074 255.317 340.074 285.498Z" fill="black"/> 4963 <path d="M413.28 188.791C410.653 181.673 406.462 175.23 401.017 169.941C395.728 164.496 389.29 160.305 382.167 157.678C376.39 155.435 367.712 152.764 351.729 152.037C334.438 151.248 329.254 151.078 285.481 151.078C241.704 151.078 236.52 151.244 219.234 152.032C203.25 152.764 194.568 155.435 188.796 157.678C181.673 160.305 175.23 164.496 169.946 169.941C164.5 175.23 160.309 181.669 157.678 188.791C155.435 194.568 152.764 203.25 152.037 219.234C151.248 236.52 151.078 241.704 151.078 285.481C151.078 329.254 151.248 334.438 152.037 351.729C152.764 367.712 155.435 376.39 157.678 382.167C160.309 389.29 164.496 395.728 169.941 401.017C175.23 406.462 181.669 410.653 188.791 413.28C194.568 415.528 203.25 418.199 219.234 418.926C236.52 419.715 241.7 419.88 285.477 419.88C329.259 419.88 334.443 419.715 351.724 418.926C367.708 418.199 376.39 415.528 382.167 413.28C396.465 407.765 407.765 396.465 413.28 382.167C415.524 376.39 418.194 367.712 418.926 351.729C419.715 334.438 419.88 329.254 419.88 285.481C419.88 241.704 419.715 236.52 418.926 219.234C418.199 203.25 415.528 194.568 413.28 188.791ZM285.481 369.66C238.986 369.66 201.294 331.973 201.294 285.477C201.294 238.981 238.986 201.294 285.481 201.294C331.973 201.294 369.664 238.981 369.664 285.477C369.664 331.973 331.973 369.66 285.481 369.66ZM372.992 217.639C362.128 217.639 353.319 208.831 353.319 197.966C353.319 187.101 362.128 178.292 372.992 178.292C383.857 178.292 392.666 187.101 392.666 197.966C392.661 208.831 383.857 217.639 372.992 217.639Z" fill="black"/> 4964 <path d="M285.5 0C127.847 0 0 127.847 0 285.5C0 443.153 127.847 571 285.5 571C443.153 571 571 443.153 571 285.5C571 127.847 443.153 0 285.5 0ZM448.451 353.089C447.658 370.541 444.883 382.456 440.831 392.885C432.315 414.906 414.906 432.315 392.885 440.831C382.46 444.883 370.54
49641 447.653 353.094 448.451C335.611 449.248 330.027 449.439 285.504 449.439C240.978 449.439 235.397 449.248 217.911 448.451C200.463 447.653 188.544 444.883 178.119 440.831C167.176 436.714 157.27 430.263 149.08 421.92C140.742 413.735 134.29 403.824 130.173 392.885C126.122 382.46 123.347 370.541 122.554 353.094C121.748 335.607 121.561 330.022 121.561 285.5C121.561 240.978 121.748 235.393 122.549 217.911C123.342 200.459 126.113 188.544 130.164 178.115C134.281 167.176 140.737 157.265 149.08 149.08C157.265 140.737 167.176 134.286 178.115 130.169C188.544 126.117 200.459 123.347 217.911 122.549C235.393 121.752 240.978 121.561 285.5 121.561C330.022 121.561 335.607 121.752 353.089 122.554C370.541 123.347 382.456 126.117 392.885 130.164C403.824 134.281 413.735 140.737 421.925 149.08C430.263 157.27 436.719 167.176 440.831 178.115C444.887 188.544 447.658 200.459 448.455 217.911C449.252 235.393 449.439 240.978 449.439 285.5C449.439 330.022 449.252 335.607 448.451 353.089Z" fill="black"/> 4965</svg> 4966</a></div> 4967 </div> 4968 4969 <div> 4970 <div class="w-6 h-6"><a href="https://www.facebook.com/Oostwegelcollection/" class="[&>svg]:h-6 [&>svg]:w-6" target="_blank"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 4971 <path d="M8.92857 0.142578C4.00538 0.142578 0 4.14796 0 9.07115C0 13.994 4.00538 17.9997 8.92857 17.9997C13.8514 17.9997 17.8571 13.994 17.8571 9.07115C17.8571 4.14796 13.8521 0.142578 8.92857 0.142578ZM11.149 9.38548H9.69641V14.5629H7.54393C7.54393 14.5629 7.54393 11.734 7.54393 9.38548H6.52074V7.5556H7.54393V6.37201C7.54393 5.52432 7.94674 4.19974 9.7162 4.19974L11.3112 4.20586V5.98215C11.3112 5.98215 10.342 5.98215 10.1535 5.98215C9.96507 5.98215 9.69713 6.07638 9.69713 6.48062V7.55596H11.3371L11.149 9.38548Z" fill="black"/> 4972</svg> 4973</a></div> 4974 </div> 4975 4976 <div> 4977 <div class="w-6 h-6"><a href="https://www.linkedin.com/company/oostwegel-collection/" class="[&>svg]:h-6 [&>svg]:w-6" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> 4978 <path d="M9 0C4.0302 0 0 4.0302 0 9C0 13.9698 4.0302 18 9 18C13.9698 18 18 13.9698 18 9C18 4.0302 13.9698 0 9 0ZM6.38471 13.6055H4.19279V7.01106H6.38471V13.6055ZM5.28882 6.1106H5.27454C4.539 6.1106 4.06329 5.60426 4.06329 4.97145C4.06329 4.32436 4.55356 3.83203 5.30338 3.83203C6.05319 3.83203 6.51462 4.32436 6.5289 4.97145C6.5289 5.60426 6.05319 6.1106 5.28882 6.1106ZM14.2883 13.6055H12.0966V10.0776C12.0966 9.19102 11.7793 8.58636 10.9862 8.58636C10.3807 8.58636 10.0201 8.99423 9.8616 9.38795C9.80365 9.52885 9.78951 9.72578 9.78951 9.92285V13.6055H7.59773C7.59773 13.6055 7.62643 7.62973 7.59773 7.01106H9.78951V7.94476C10.0808 7.49542 10.6019 6.85629 11.7648 6.85629C13.2069 6.85629 14.2883 7.79878 14.2883 9.82425V13.6055Z" fill="black"/> 4979</svg> 4980</a></div> 4981 </div> 4982 4983 <div> 4984 <div class="w-6 h-6"><a href="https://www.youtube.com/@Oostwegelcollection" class="[&>svg]:h-6 [&>svg]:w-6" target="_blank"><svg width="596" height="596" viewBox="0 0 596 596" fill="none" xmlns="http://www.w3.org/2000/svg"> 4985<path d="M262.305 240.883L355.273 297.973L262.305 355.103V240.883Z" fill="black"/> 4986<path d="M298 0C239.061 0 181.446 17.4774 132.44 50.222C83.4343 82.9667 45.2389 129.508 22.684 183.96C0.129118 238.413 -5.77227 298.33 5.72612 356.137C17.2245 413.943 45.6062 467.042 87.2823 508.718C128.958 550.394 182.057 578.775 239.863 590.274C297.669 601.772 357.587 595.871 412.04 573.316C466.492 550.761 513.033 512.566 545.778 463.56C578.523 414.554 596 356.939 596 298C596 218.965 564.604 143.168 508.718 87.2822C452.832 31.3963 377.035 0 298 0ZM440.021 369.716C434.061 388.027 414.338 399.163 396.183 401.712C330.912 408.652 265.088 408.652 199.817 401.712C181.662 399.163 161.94 388.027 155.98 369.716C146.687 322.37 146.687 273.669 155.98 226.323C161.94 207.816 181.662 196.876 199.974 194.327C265.245 187.387 331.069 187.387 396.34 194.327C414.494 196.876 434.217 207.973 440.177 226.323C449.418 273.679 449.365 322.38 440.021 369.716Z" fill="black"/> 4987</svg> 4988</a></div> 4989 </div> 4990 4991 </div> 4992 4993 </div> 4994</div> 4995</div><div data-type='popup' data-id='523a83ba-bf8c-44ae-ba86-9532f78d09a2' data-blueprint='infor_popup' data-name='rfp' data-settings='{"on_page_load":false,"close_on_overlay_click":true,"backdrop":"backdrop-dark","close_on_esc_key":true,"disable_scroll":true,"on_scroll":null,"percentage_scroll":50,"on_page_exit_intent":false,"on_click_of_element":null,"after_inactivity":null}'><div x-data="InforPopup"> 4996 <div class="ohm-inner relative w-[100vw] h-[100svh] md:w-auto md:h-auto"> 4997 <div class="bg-white max-h-[95svh] p-6 md:p-8"> 4998 <button class="popup-close absolute top-6 right-6"> 4999 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none"> 5000 <line y1="-0.5" x2="17.8737" y2="-0.5" transform="matrix(-0.686292 0.727326 -0.686292 -0.727326 12.2656 0)" stroke="black"/> 5001 <line y1="-0.5" x2="17.8737" y2="-0.5" transform="matrix(0.686292 0.727326 0.686292 -0.727326 0.734375 0)" stroke="black"/> 5002 </svg> 5003 </button> 5004 5005 <div class="overflow-y-scroll h-[95svh] md:h-[80svh]" x-ref="infor"> 5006 <div class="!max-w-[800px] w-full md:w-[80vw]" id="rc-portal" token="KERrjrxVoY3vOPHNd733A26iFhPbAEtL8AYeGyGJy6sCUA02YqUChEovoA4OcLzS"><img src="https://eu.reservecloud.com/images/loading.gif"></div> 5007 </div> 5008 </div> 5009 </div> 5010</div> 5011 5012</div><div data-type='popup' data-id='48a7d2aa-f098-4bb2-8976-179954f22fc4' data-blueprint='form_popup' data-name='press-contact-form' data-settings='{"on_page_load":false,"close_on_overlay_click":true,"backdrop":"backdrop-dark","close_on_esc_key":true,"disable_scroll":true,"on_scroll":null,"percentage_scroll":50,"on_page_exit_intent":false,"on_click_of_element":null,"after_inactivity":null}'><div class="ohm-inner relative"> 5013 <div class="flex flex-col justify-center items-center mx-auto pb-4 md:pb-0 md:my-2"> 5014 5015 5016 5017 5018 5019 5020 <picture> 5021
5022 <img class="w-40 max-h-[50px] md:max-h-[65px] object-contain md:my-8" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/logos/oostwegel_logo_black_not_cropped.svg" alt="Logo Oostwegel Collection | Oostwegel Collection" /> 5023 5024</picture> 5025 5026 5027 5028 5029 5030 </div> 5031 <button class="popup-close absolute top-6 right-6"> 5032 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none"> 5033 <line y1="-0.5" x2="17.8737" y2="-0.5" transform="matrix(-0.686292 0.727326 -0.686292 -0.727326 12.2656 0)" stroke="black"/> 5034 <line y1="-0.5" x2="17.8737" y2="-0.5" transform="matrix(0.686292 0.727326 0.686292 -0.727326 0.734375 0)" stroke="black"/> 5035 </svg> 5036 </button> 5037 <div class=""> 5038 <div x-data="Tabs"> 5039 <div class="rounded-md bg-white pt-0 pb-8 px-8"> 5040 5041 <div class="flex flex-col justify-between gap-4 md:flex-row"> 5042 <div 5043 class="md:grid-cols-2 w-full mb-auto grid gap-1"> 5044 5045 <div 5046 id="tab-collaboration" 5047 data-index="0" 5048 @click="switchTab(0)" 5049 :class="getTabClasses(0)" 5050 class="group h-auto cursor-pointer rounded-md px-4 pt-4 pb-8 transition duration-200 ease-in-out"> 5051 <p class="font-base mb-2 text-sm font-medium">Meer informatie</p> 5052 <div class="flex items-center"> 5053 <h5 class="font-heading text-base uppercase decoration-1 underline-offset-4 group-hover:underline" :class="isActive(0) ? 'underline' : ''"> 5054 Samenwerkingen 5055 </h5> 5056 <svg 5057 class="ml-2 h-4 w-4 transition-transform duration-300 ease-in-out group-hover:translate-x-1" 5058 xmlns="http://www.w3.org/2000/svg" 5059 fill="none" 5060 viewBox="0 0 24 24" 5061 stroke="currentColor"> 5062 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> 5063 </svg> 5064 </div> 5065</div> 5066 5067 5068 <div 5069 id="tab-media_request" 5070 data-index="1" 5071 @click="switchTab(1)" 5072 :class="getTabClasses(1)" 5073 class="group h-auto cursor-pointer rounded-md px-4 pt-4 pb-8 transition duration-200 ease-in-out"> 5074 <p class="font-base mb-2 text-sm font-medium">Neem contact op</p> 5075 <div class="flex items-center"> 5076 <h5 class="font-heading text-base uppercase decoration-1 underline-offset-4 group-hover:underline" :class="isActive(1) ? 'underline' : ''"> 5077 Mediakit aanvragen 5078 </h5> 5079 <svg 5080 class="ml-2 h-4 w-4 transition-transform duration-300 ease-in-out group-hover:translate-x-1" 5081 xmlns="http://www.w3.org/2000/svg" 5082 fill="none" 5083 viewBox="0 0 24 24" 5084 stroke="currentColor"> 5085 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> 5086 </svg> 5087 </div> 5088</div> 5089 5090 5091 </div> 5092 </div> 5093 5094 5095 <div 5096 id="tab-content-collaboration" 5097 class="mt-4" 5098 data-index="0" 5099 x-show="isActive(0)" 5100 x-cloak> 5101 5102 <div x-data="ContactPopup"> 5103<div class="font-body text-base"><p>Als u wilt samenwerken met Oostwegel Collection, aarzel dan niet om contact op te nemen om de mogelijkheden te bespreken.<br></p></div> 5104 5105<form method="POST" action="https://www.oostwegelcollection.nl/!/forms/collaboration" class="!flex-col" x-ref="form"><input type="hidden" name="_token" value="KUKiCBIAfoU9x6KEhKf0mqPFd1AjBV28DikIDXYK" autocomplete="off"> 5106 <div> 5107 5108 5109 <div x-data="{ open: false }" class="my-4"> 5110 <div 5111 @click="open = !open" 5112 class="cursor-pointer group h-auto rounded-md px-4 py-2 transition duration-200 ease-in-out bg-black text-white" 5113 > 5114 <div class="flex items-center justify-between"> 5115 <h5 class="font-heading text-base uppercase decoration-1 underline-offset-4 group-hover:underline"> 5116 Keuze van het huis 5117 </h5> 5118 <svg 5119 :class="{'rotate-0': open, 'rotate-180': !open}" 5120 class="w-4 h-4 transition duration-300 ease-in-out"
5121 viewBox="0 0 10 6" 5122 fill="none" 5123 > 5124 <path d="M9 5L5 1L1 5" stroke="currentColor"/> 5125 </svg> 5126 </div> 5127 </div> 5128 <div 5129 x-ref="container" 5130 x-bind:style="open ? 'max-height: ' + $refs.container.scrollHeight + 'px' : 'max-height: 0px'" 5131 class="overflow-hidden transition-all duration-300 ease-in-out" 5132 > 5133 <fieldset id="properties_of_interest" class="cursor-pointer p-6 my-4 border border-black/10 rounded-md font-body text-xs uppercase"> 5134 <div class="flex flex-col"> 5135 5136 <label class="flex items-center"> 5137 <input 5138 type="checkbox" 5139 name="properties_of_interest[]" 5140 value="all_locations" 5141 class="border border-black rounded-sm mr-2 text-black focus-within:ring-1 focus-within:ring-offset-2" 5142 5143 5144 /> 5145 5146 Alle Huizen 5147 5148 </label> 5149 5150 <label class="flex items-center"> 5151 <input 5152 type="checkbox" 5153 name="properties_of_interest[]" 5154 value="neercanne" 5155 class="border border-black rounded-sm mr-2 text-black focus-within:ring-1 focus-within:ring-offset-2" 5156 5157 5158 /> 5159 5160 Château Neercanne 5161 5162 </label> 5163 5164 <label class="flex items-center"> 5165 <input 5166 type="checkbox" 5167 name="properties_of_interest[]" 5168 value="gerlach" 5169 class="border border-black rounded-sm mr-2 text-black focus-within:ring-1 focus-within:ring-offset-2" 5170 5171 5172 /> 5173 5174 Château St. Gerlach 5175 5176 </label> 5177 5178 <label class="flex items-center"> 5179 <input 5180 type="checkbox" 5181 name="properties_of_interest[]" 5182 value="kruisheren" 5183 class="border border-black rounded-sm mr-2 text-black focus-within:ring-1 focus-within:ring-offset-2" 5184 5185 5186 /> 5187 5188 Kruisheren Hotel 5189 5190 </label> 5191 5192 </div> 5193 </fieldset> 5194 </div> 5195 </div> 5196 5197 5198 5199 5200 5201 5202 5203 5204 5205 5206 5207 5208 5209 5210 5211 5212 5213 5214 5215 <div class="px-2 py-4 my-4 border border-black/10 rounded-md"> 5216 <div class="font-body font-medium text-sm px-4">Samenwerkingsformulier</div> 5217 <div class="flex flex-wrap w-full"> 5218 5219 5220 5221 5222 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5223 <div class="font-body text-xs"> 5224 <div x-ref="input-container"><input 5225 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5225s:ring-0 5226 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5227 transition-transform duration-300 5228 placeholder:transition-transform placeholder:duration-300 5229 hover:placeholder:translate-y-[-4px] 5230 focus:placeholder:translate-y-[-4px]" 5231 id="first_name" 5232 name="first_name" 5233 type="text" 5234 placeholder="Voornaam *" 5235 aria-describedBy="first_name" 5236 5237 5238 5239 5240 5241 5242 5243 5244 5245 5246 5247 5248 required 5249 data-error-message="This field is required" 5250 5251/></div> 5252 </div> 5253 5254 </div> 5255 5256 5257 5258 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5259 <div class="font-body text-xs"> 5260 <div x-ref="input-container"><input 5261 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focus:ring-0 5262 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5263 transition-transform duration-300 5264 placeholder:transition-transform placeholder:duration-300 5265 hover:placeholder:translate-y-[-4px] 5266 focus:placeholder:translate-y-[-4px]" 5267 id="last_name" 5268 name="last_name" 5269 type="text" 5270 placeholder="Achternaam *" 5271 aria-describedBy="last_name" 5272 5273 5274 5275 5276 5277 5278 5279 5280 5281 5282 5283 5284 required 5285 data-error-message="This field is required" 5286 5287/></div> 5288 </div> 5289 5290 </div> 5291 5292 5293 5294 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5295 <div class="font-body text-xs"> 5296 <div x-ref="input-container"><input 5297 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5297s:ring-0 5298 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5299 transition-transform duration-300 5300 placeholder:transition-transform placeholder:duration-300 5301 hover:placeholder:translate-y-[-4px] 5302 focus:placeholder:translate-y-[-4px]" 5303 id="email" 5304 name="email" 5305 type="email" 5306 placeholder="Email *" 5307 aria-describedBy="email" 5308 5309 5310 5311 5312 5313 5314 pattern="[^@\s]+@[^@\s]+\.[^@\s]+" 5315 title="Please enter a valid email address (e.g., [email protected])" 5316 5317 5318 5319 5320 5321 5322 5323 required 5324 data-error-message="This field is required" 5325 5326/></div> 5327 </div> 5328 5329 </div> 5330 5331 5332 5333 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5334 <div class="font-body text-xs"> 5335 <div x-ref="input-container"><input 5336 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5336s:ring-0 5337 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5338 transition-transform duration-300 5339 placeholder:transition-transform placeholder:duration-300 5340 hover:placeholder:translate-y-[-4px] 5341 focus:placeholder:translate-y-[-4px]" 5342 id="phone_number" 5343 name="phone_number" 5344 type="tel" 5345 placeholder="Telefoonnummer *" 5346 aria-describedBy="phone_number" 5347 5348 5349 5350 5351 pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}" 5352 title="Please enter a valid phone number" 5353 5354 5355 5356 5357 5358 5359 5360 5361 5362 required 5363 data-error-message="This field is required" 5364 5365/></div> 5366 </div> 5367 5368 </div> 5369 5370 5371 5372 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5373 <div class="font-body text-xs"> 5374 <div x-ref="input-container"><input 5375 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5375s:ring-0 5376 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5377 transition-transform duration-300 5378 placeholder:transition-transform placeholder:duration-300 5379 hover:placeholder:translate-y-[-4px] 5380 focus:placeholder:translate-y-[-4px]" 5381 id="arrival_date" 5382 name="arrival_date" 5383 type="text" 5384 placeholder="Aankomstdatum *" 5385 aria-describedBy="arrival_date" 5386 5387 5388 5389 5390 5391 5392 5393 5394 5395 5396 5397 5398 required 5399 data-error-message="This field is required" 5400 5401/></div> 5402 </div> 5403 5404 </div> 5405 5406 5407 5408 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5409 <div class="font-body text-xs"> 5410 <div x-ref="input-container"><input 5411 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focus:ring-0 5412 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5413 transition-transform duration-300 5414 placeholder:transition-transform placeholder:duration-300 5415 hover:placeholder:translate-y-[-4px] 5416 focus:placeholder:translate-y-[-4px]" 5417 id="departure_date" 5418 name="departure_date" 5419 type="text" 5420 placeholder="Vertrekdatum *" 5421 aria-describedBy="departure_date" 5422 5423 5424 5425 5426 5427 5428 5429 5430 5431 5432 5433 5434 required 5435 data-error-message="This field is required" 5436 5437/></div> 5438 </div> 5439 5440 </div> 5441 5442 5443 5444 <div x-ref="field" class="field-w-100 md:field-w-100 px-4"> 5445 <div class="font-body text-xs"> 5446 <div x-ref="input-container"><textarea 5447 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5447s:ring-0 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30" 5448 id="message" 5449 name="message" 5450 rows="3" 5451 placeholder="Bericht " 5452 aria-describedBy="message" 5453 5454></textarea></div> 5455 </div> 5456 5457 </div> 5458 5459 5460 5461 <div x-ref="field" class="field-w-100 md:field-w-100 px-4"> 5462 <div class="font-body text-xs"> 5463 <div x-ref="input-container"><div class="cf-turnstile" data-sitekey="0x4AAAAAADXK9aoJoFz8fzP4" data-theme="auto"></div></div> 5464 </div> 5465 5466 </div> 5467 5468 5469 5470 <div class="mb-3 hidden ohm-middle_name" data-element="middle_name"> 5471 <input 5472 class="ohm-form-field" 5473 id="middle_name" 5474 name="middle_name" 5475 type="text" 5476 placeholder="Middle name" /> 5477 </div> 5478 </div> 5479 </div> 5480 5481 <p class="ohm-text text-xs font-bold ohm-success-message text-green-700" x-bind:class="{ 5482 'hidden': !submitSuccess, 5483 'block': submitSuccess 5484 }">Formulier is verzonden!</p> 5485 <p class="ohm-text text-xs font-bold ohm-fail-message text-red-700" x-bind:class="{ 5486 'hidden': !submitFail, 5487 'block': submitFail 5488 }">ohm.formSendFail</p> 5489 5490 <div> 5491 5492 <button class="btn relative content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 5493 5494 5495 border border-black rounded-full bg-black text-white md:hover:bg-transparent md:hover:text-black transition-all ease-in-out duration-300 5496 5497 5498 5499 " type="submit"> 5500 <span 5501 x-ref="loadingBtnIndicator" 5502 class="absolute inset-0 w-6 h-6 m-auto [&>svg]:h-6 [&>svg]:w-6" 5503 x-bind:class="{ 5504 'opacity-0 invisible': !loading, 5505 'opacity-100 visible': loading 5506 }" 5507> 5508 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="200" height="200" style="shape-rendering: auto; display: block; background: transparent;"><g><circle stroke-dasharray="164.93361431346415 56.97787143782138" r="35" stroke-width="10" stroke="#c6c6c6" fill="none" cy="50" cx="50"><animateTransform keyTimes="0;1" values="0 50 50;360 50 50" dur="0.6944444444444444s" repeatCount="indefinite" type="rotate" attributeName="transform"/></circle><g/></g></svg> 5509</span> 5510<span 5511 x-ref="successBtnIndicator" 5512 class="absolute inset-0 w-4 h-4 m-auto [&>svg]:h-4 [&>svg]:w-4" 5513 x-bind:class="{ 5514 'opacity-0 invisible': !submitSuccess, 5515 'opacity-100 visible': submitSuccess 5516 }" 5517> 5518 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" style="enable-background:new 0 0 512 512" viewBox="0 68 512 376"><g><path d="M504.502 75.496c-9.997-9.998-26.205-9.998-36.204 0L161.594 382.203 43.702 264.311c-9.997-9.998-26.205-9.997-36.204 0-9.998 9.997-9.998 26.205 0 36.203l135.994 135.992c9.994 9.997 26.214 9.99 36.204 0L504.502 111.7c9.998-9.997 9.997-26.206 0-36.204z" fill="#c6c6c6" opacity="1" data-original="#000000"/></g></svg> 5519</span> 5520 5521 <span x-bind:class="{ 5522 'opacity-0 invisible': loading || submitSuccess, 5523 'opacity-100 visible': !loading && !submitSuccess 5524 }">Verstuur</span> 5525 </button> 5526 5527 5528 5529 </div> 5530 </div> 5531</form> 5532</div> 5533 </div> 5534 5535 <div 5536 id="tab-content-media_request" 5537 class="mt-4" 5538 data-index="1" 5539 x-show="isActive(1)" 5540 x-cloak> 5541 5542 <div x-data="ContactPopup"> 5543<div class="font-body text-base"><p>Bij Oostwegel Collection delen we graag ons verhaal. Laat ons weten hoe we u kunnen helpen, dan neemt een medewerker contact met u op.</p></div> 5544 5545<form method="POST" action="https://www.oostwegelcollection.nl/!/forms/media" class="!flex-col" x-ref="form"><input type="hidden" name="_token" value="KUKiCBIAfoU9x6KEhKf0mqPFd1AjBV28DikIDXYK" autocomplete="off"> 5546 <div> 5547 5548 5549 <div x-data="{ open: false }" class="my-4"> 5550 <div 5551 @click="open = !open" 5552 class="cursor-pointer group h-auto rounded-md px-4 py-2 transition duration-200 ease-in-out bg-black text-white" 5553 > 5554 <div class="flex items-center justify-between"> 5555 <h5 class="font-heading text-base uppercase decoration-1 underline-offset-4 group-hover:underline"> 5556 Keuze van het huis 5557 </h5> 5558 <svg 5559 :class="{'rotate-180': open}" 5560 class="w-4 h-4 transition duration-300 ease-in-out"
5561 viewBox="0 0 10 6" 5562 fill="none" 5563 > 5564 <path d="M9 5L5 1L1 5" stroke="currentColor"/> 5565 </svg> 5566 </div> 5567 </div> 5568 <div 5569 x-ref="container" 5570 x-bind:style="open ? 'max-height: ' + $refs.container.scrollHeight + 'px' : 'max-height: 0px'" 5571 class="overflow-hidden transition-all duration-300 ease-in-out" 5572 > 5573 <fieldset id="properties_of_interest" class="cursor-pointer p-6 my-4 border border-black/10 rounded-md font-body text-xs uppercase"> 5574 <div class="flex flex-col"> 5575 5576 <label class="flex items-center"> 5577 <input 5578 type="checkbox" 5579 name="properties_of_interest[]" 5580 value="all_locations" 5581 class="border border-black rounded-sm mr-2 text-black focus-within:ring-1 focus-within:ring-offset-2" 5582 5583 5584 /> 5585 5586 All Locations 5587 5588 </label> 5589 5590 <label class="flex items-center"> 5591 <input 5592 type="checkbox" 5593 name="properties_of_interest[]" 5594 value="neercanne" 5595 class="border border-black rounded-sm mr-2 text-black focus-within:ring-1 focus-within:ring-offset-2" 5596 5597 5598 /> 5599 5600 Château Neercanne 5601 5602 </label> 5603 5604 <label class="flex items-center"> 5605 <input 5606 type="checkbox" 5607 name="properties_of_interest[]" 5608 value="gerlach" 5609 class="border border-black rounded-sm mr-2 text-black focus-within:ring-1 focus-within:ring-offset-2" 5610 5611 5612 /> 5613 5614 Château St. Gerlach 5615 5616 </label> 5617 5618 <label class="flex items-center"> 5619 <input 5620 type="checkbox" 5621 name="properties_of_interest[]" 5622 value="kruisheren" 5623 class="border border-black rounded-sm mr-2 text-black focus-within:ring-1 focus-within:ring-offset-2" 5624 5625 5626 /> 5627 5628 Kruisheren Hotel 5629 5630 </label> 5631 5632 </div> 5633 </fieldset> 5634 </div> 5635 </div> 5636 5637 5638 5639 5640 5641 5642 5643 5644 5645 5646 5647 5648 5649 5650 5651 5652 5653 5654 5655 5656 5657 5658 5659 <div class="px-2 py-4 my-4 border border-black/10 rounded-md"> 5660 <div class="font-body font-medium text-sm px-4">Mediakit aanvragen</div> 5661 <div class="flex flex-wrap w-full"> 5662 5663 5664 5665 5666 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5667 <div class="font-body text-xs"> 5668 <div x-ref="input-container"><input 5669 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5669s:ring-0 5670 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5671 transition-transform duration-300 5672 placeholder:transition-transform placeholder:duration-300 5673 hover:placeholder:translate-y-[-4px] 5674 focus:placeholder:translate-y-[-4px]" 5675 id="first_name" 5676 name="first_name" 5677 type="text" 5678 placeholder="Voornaam *" 5679 aria-describedBy="first_name" 5680 5681 5682 5683 5684 5685 5686 5687 5688 5689 5690 5691 5692 required 5693 data-error-message="This field is required" 5694 5695/></div> 5696 </div> 5697 5698 </div> 5699 5700 5701 5702 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5703 <div class="font-body text-xs"> 5704 <div x-ref="input-container"><input 5705 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focus:ring-0 5706 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5707 transition-transform duration-300 5708 placeholder:transition-transform placeholder:duration-300 5709 hover:placeholder:translate-y-[-4px] 5710 focus:placeholder:translate-y-[-4px]" 5711 id="last_name" 5712 name="last_name" 5713 type="text" 5714 placeholder="Achternaam *" 5715 aria-describedBy="last_name" 5716 5717 5718 5719 5720 5721 5722 5723 5724 5725 5726 5727 5728 required 5729 data-error-message="This field is required" 5730 5731/></div> 5732 </div> 5733 5734 </div> 5735 5736 5737 5738 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5739 <div class="font-body text-xs"> 5740 <div x-ref="input-container"><input 5741 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5741s:ring-0 5742 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5743 transition-transform duration-300 5744 placeholder:transition-transform placeholder:duration-300 5745 hover:placeholder:translate-y-[-4px] 5746 focus:placeholder:translate-y-[-4px]" 5747 id="email" 5748 name="email" 5749 type="email" 5750 placeholder="Email *" 5751 aria-describedBy="email" 5752 5753 5754 5755 5756 5757 5758 pattern="[^@\s]+@[^@\s]+\.[^@\s]+" 5759 title="Please enter a valid email address (e.g., [email protected])" 5760 5761 5762 5763 5764 5765 5766 5767 required 5768 data-error-message="This field is required" 5769 5770/></div> 5771 </div> 5772 5773 </div> 5774 5775 5776 5777 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5778 <div class="font-body text-xs"> 5779 <div x-ref="input-container"><input 5780 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5780s:ring-0 5781 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5782 transition-transform duration-300 5783 placeholder:transition-transform placeholder:duration-300 5784 hover:placeholder:translate-y-[-4px] 5785 focus:placeholder:translate-y-[-4px]" 5786 id="phone_number" 5787 name="phone_number" 5788 type="tel" 5789 placeholder="Telefoonnummer *" 5790 aria-describedBy="phone_number" 5791 5792 5793 5794 5795 pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}" 5796 title="Please enter a valid phone number" 5797 5798 5799 5800 5801 5802 5803 5804 5805 5806 required 5807 data-error-message="This field is required" 5808 5809/></div> 5810 </div> 5811 5812 </div> 5813 5814 5815 5816 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5817 <div class="font-body text-xs"> 5818 <div x-ref="input-container"><input 5819 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5819s:ring-0 5820 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5821 transition-transform duration-300 5822 placeholder:transition-transform placeholder:duration-300 5823 hover:placeholder:translate-y-[-4px] 5824 focus:placeholder:translate-y-[-4px]" 5825 id="writing_for" 5826 name="writing_for" 5827 type="text" 5828 placeholder="Schrijft voor *" 5829 aria-describedBy="writing_for" 5830 5831 5832 5833 5834 5835 5836 5837 5838 5839 5840 5841 5842 required 5843 data-error-message="This field is required" 5844 5845/></div> 5846 </div> 5847 5848 </div> 5849 5850 5851 5852 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5853 <div class="font-body text-xs"> 5854 <div x-ref="input-container"><input 5855 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focus:ring-0 5856 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5857 transition-transform duration-300 5858 placeholder:transition-transform placeholder:duration-300 5859 hover:placeholder:translate-y-[-4px] 5860 focus:placeholder:translate-y-[-4px]" 5861 id="street_house_number" 5862 name="street_house_number" 5863 type="text" 5864 placeholder="Straat en huisnummer *" 5865 aria-describedBy="street_house_number" 5866 5867 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 5878 required 5879 data-error-message="This field is required" 5880 5881/></div> 5882 </div> 5883 5884 </div> 5885 5886 5887 5888 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5889 <div class="font-body text-xs"> 5890 <div x-ref="input-container"><input 5891 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5891s:ring-0 5892 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5893 transition-transform duration-300 5894 placeholder:transition-transform placeholder:duration-300 5895 hover:placeholder:translate-y-[-4px] 5896 focus:placeholder:translate-y-[-4px]" 5897 id="postal_code" 5898 name="postal_code" 5899 type="text" 5900 placeholder="Postcode *" 5901 aria-describedBy="postal_code" 5902 5903 5904 5905 5906 5907 5908 5909 5910 5911 5912 5913 5914 required 5915 data-error-message="This field is required" 5916 5917/></div> 5918 </div> 5919 5920 </div> 5921 5922 5923 5924 <div x-ref="field" class="field-w-100 md:field-w-50 px-4"> 5925 <div class="font-body text-xs"> 5926 <div x-ref="input-container"><input 5927 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focus:ring-0 5928 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 5929 transition-transform duration-300 5930 placeholder:transition-transform placeholder:duration-300 5931 hover:placeholder:translate-y-[-4px] 5932 focus:placeholder:translate-y-[-4px]" 5933 id="city" 5934 name="city" 5935 type="text" 5936 placeholder="Woonplaats *" 5937 aria-describedBy="city" 5938 5939 5940 5941 5942 5943 5944 5945 5946 5947 5948 5949 5950 required 5951 data-error-message="This field is required" 5952 5953/></div> 5954 </div> 5955 5956 </div> 5957 5958 5959 5960 <div x-ref="field" class="field-w-100 md:field-w-100 px-4"> 5961 <div class="font-body text-xs"> 5962 <div x-ref="input-container"><textarea 5963 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
5963s:ring-0 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30" 5964 id="message" 5965 name="message" 5966 rows="3" 5967 placeholder="Bericht " 5968 aria-describedBy="message" 5969 5970></textarea></div> 5971 </div> 5972 5973 </div> 5974 5975 5976 5977 <div x-ref="field" class="field-w-100 md:field-w-100 px-4"> 5978 <div class="font-body text-xs"> 5979 <div x-ref="input-container"><div class="cf-turnstile" data-sitekey="0x4AAAAAADXK9aoJoFz8fzP4" data-theme="auto"></div></div> 5980 </div> 5981 5982 </div> 5983 5984 5985 5986 <div class="mb-3 hidden ohm-middle_name" data-element="middle_name"> 5987 <input 5988 class="ohm-form-field" 5989 id="middle_name" 5990 name="middle_name" 5991 type="text" 5992 placeholder="Middle name" /> 5993 </div> 5994 </div> 5995 </div> 5996 <p class="ohm-text text-xs font-bold ohm-success-message text-green-700" x-bind:class="{ 5997 'hidden': !submitSuccess, 5998 'block': submitSuccess 5999 }">Formulier is verzonden!</p> 6000 <p class="ohm-text text-xs font-bold ohm-fail-message text-red-700" x-bind:class="{ 6001 'hidden': !submitFail, 6002 'block': submitFail 6003 }">ohm.formSendFail</p> 6004 6005 <div> 6006 6007 <button class="btn relative content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 6008 6009 6010 border border-black rounded-full bg-black text-white md:hover:bg-transparent md:hover:text-black transition-all ease-in-out duration-300 6011 6012 6013 6014 " type="submit"> 6015 <span 6016 x-ref="loadingBtnIndicator" 6017 class="absolute inset-0 w-6 h-6 m-auto [&>svg]:h-6 [&>svg]:w-6" 6018 x-bind:class="{ 6019 'opacity-0 invisible': !loading, 6020 'opacity-100 visible': loading 6021 }" 6022> 6023 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="200" height="200" style="shape-rendering: auto; display: block; background: transparent;"><g><circle stroke-dasharray="164.93361431346415 56.97787143782138" r="35" stroke-width="10" stroke="#c6c6c6" fill="none" cy="50" cx="50"><animateTransform keyTimes="0;1" values="0 50 50;360 50 50" dur="0.6944444444444444s" repeatCount="indefinite" type="rotate" attributeName="transform"/></circle><g/></g></svg> 6024</span> 6025<span 6026 x-ref="successBtnIndicator" 6027 class="absolute inset-0 w-4 h-4 m-auto [&>svg]:h-4 [&>svg]:w-4" 6028 x-bind:class="{ 6029 'opacity-0 invisible': !submitSuccess, 6030 'opacity-100 visible': submitSuccess 6031 }" 6032> 6033 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" style="enable-background:new 0 0 512 512" viewBox="0 68 512 376"><g><path d="M504.502 75.496c-9.997-9.998-26.205-9.998-36.204 0L161.594 382.203 43.702 264.311c-9.997-9.998-26.205-9.997-36.204 0-9.998 9.997-9.998 26.205 0 36.203l135.994 135.992c9.994 9.997 26.214 9.99 36.204 0L504.502 111.7c9.998-9.997 9.997-26.206 0-36.204z" fill="#c6c6c6" opacity="1" data-original="#000000"/></g></svg> 6034</span> 6035 6036 <span x-bind:class="{ 6037 'opacity-0 invisible': loading || submitSuccess, 6038 'opacity-100 visible': !loading && !submitSuccess 6039 }">Verstuur</span> 6040 </button> 6041 6042 6043 6044 </div> 6045 </div> 6046</form> 6047</div> 6048 </div> 6049 6050 </div> 6051 </div> 6052 6053 </div> 6054</div> 6055</div><div data-type='popup' data-id='ab6c9c7e-4bdd-445d-89d6-9e90684c1f37' data-blueprint='form_popup' data-name='contact-form' data-settings='{"on_page_load":false,"close_on_overlay_click":true,"backdrop":"backdrop-dark","close_on_esc_key":true,"disable_scroll":true,"on_scroll":null,"percentage_scroll":50,"on_page_exit_intent":false,"on_click_of_element":null,"after_inactivity":null}'><div class="ohm-inner relative"> 6056 <div class="flex flex-col justify-center items-center mx-auto pb-4 md:pb-0 md:my-2"> 6057 6058 6059 6060 6061 6062 6063 <picture> 6064
6065 <img class="w-40 max-h-[50px] md:max-h-[65px] object-contain md:my-8" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/logos/oostwegel_logo_black_not_cropped.svg" alt="Logo Oostwegel Collection | Oostwegel Collection" /> 6066 6067</picture> 6068 6069 6070 6071 6072 6073 </div> 6074 <button class="popup-close absolute top-6 right-6"> 6075 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none"> 6076 <line y1="-0.5" x2="17.8737" y2="-0.5" transform="matrix(-0.686292 0.727326 -0.686292 -0.727326 12.2656 0)" stroke="black"/> 6077 <line y1="-0.5" x2="17.8737" y2="-0.5" transform="matrix(0.686292 0.727326 0.686292 -0.727326 0.734375 0)" stroke="black"/> 6078 </svg> 6079 </button> 6080 <div class=""> 6081 <div x-data="Tabs"> 6082 <div class="rounded-md bg-white pt-0 pb-8 px-8"> 6083 6084 <div class="flex flex-col justify-between gap-4 md:flex-row"> 6085 <div 6086 class="md:grid-cols-2 w-full mb-auto grid gap-1"> 6087 6088 <div 6089 id="tab-contact" 6090 data-index="0" 6091 @click="switchTab(0)" 6092 :class="getTabClasses(0)" 6093 class="group h-auto cursor-pointer rounded-md px-4 pt-4 pb-8 transition duration-200 ease-in-out"> 6094 <p class="font-base mb-2 text-sm font-medium">Oostwegel Collection</p> 6095 <div class="flex items-center"> 6096 <h5 class="font-heading text-base uppercase decoration-1 underline-offset-4 group-hover:underline" :class="isActive(0) ? 'underline' : ''"> 6097 Neem contact op 6098 </h5> 6099 <svg 6100 class="ml-2 h-4 w-4 transition-transform duration-300 ease-in-out group-hover:translate-x-1" 6101 xmlns="http://www.w3.org/2000/svg" 6102 fill="none" 6103 viewBox="0 0 24 24" 6104 stroke="currentColor"> 6105 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> 6106 </svg> 6107 </div> 6108</div> 6109 6110 6111 <div 6112 id="tab-directions" 6113 data-index="1" 6114 @click="switchTab(1)" 6115 :class="getTabClasses(1)" 6116 class="group h-auto cursor-pointer rounded-md px-4 pt-4 pb-8 transition duration-200 ease-in-out"> 6117 <p class="font-base mb-2 text-sm font-medium">Oostwegel Collection</p> 6118 <div class="flex items-center"> 6119 <h5 class="font-heading text-base uppercase decoration-1 underline-offset-4 group-hover:underline" :class="isActive(1) ? 'underline' : ''"> 6120 Routebeschrijving 6121 </h5> 6122 <svg 6123 class="ml-2 h-4 w-4 transition-transform duration-300 ease-in-out group-hover:translate-x-1" 6124 xmlns="http://www.w3.org/2000/svg" 6125 fill="none" 6126 viewBox="0 0 24 24" 6127 stroke="currentColor"> 6128 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> 6129 </svg> 6130 </div> 6131</div> 6132 6133 6134 </div> 6135 </div> 6136 6137 6138 <div 6139 id="tab-content-contact" 6140 class="mt-4" 6141 data-index="0" 6142 x-show="isActive(0)" 6143 x-cloak> 6144 6145 <div x-data="ContactPopup"> 6146 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 py-4 px-4" x-ref="icons"> 6147 6148 <div class="flex flex-row items-center gap-2 "> 6149 <div class="flex-shrink-0 min-w-5 w-auto h-5 flex items-center justify-center"> 6150 6151 6152 6153 6154 6155 6156 <picture> 6157 6158 <img class="object-contain object-center min-w-5 w-auto h-5" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/email-(2).svg" alt="" /> 6159 6160</picture> 6161 6162 6163 6164 6165 6166 </div> 6167 <div class="flex-grow min-w-0 font-body text-base"> 6168 <p><a href="/cdn-cgi/l/email-protection#8efdefe2ebfdcee1e1fdfaf9ebe9ebe2ede1e2e2ebedfae7e1e0a0e0e2"><u><span class="__cf_email__" data-cfemail="81f2e0ede4f2c1eeeef2f5f6e4e6e4ede2eeedede4e2f5e8eeefafefed">[email protected]</span> </u></a></p> 6169 </div> 6170 </div> 6171 6172 <div class="flex flex-row items-center gap-2 "> 6173 <div class="flex-shrink-0 min-w-5 w-auto h-5 flex items-center justify-center"> 6174 6175 6176 6177 6178 6179 6180 <picture> 6181 6182 <img class="object-contain object-center min-w-5 w-auto h-5" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/call.svg" alt="" /> 6183 6184</picture> 6185 6186 6187 6188 6189 6190 </div> 6191 <div class="flex-grow min-w-0 font-body text-base"> 6192 <p><a href="tel:+31 85 902 9030"><u>+31 85 902 9030</u></a></p> 6193 </div> 6194 </div> 6195 6196 <div class="flex flex-row items-center gap-2 sm:col-span-2"> 6197 <div class="flex-shrink-0 min-w-5 w-auto h-5 flex items-center justify-center"> 6198 6199 6200 6201 6202 6203 6204 <picture> 6205 6206 <img class="object-contain object-center min-w-5 w-auto h-5" src="https://oostwegel.ams3.cdn.digitaloceanspaces.com/website/icons/pin-(1).svg" alt="" /> 6207 6208</picture> 6209 6210 6211 6212 6213 6214 </div> 6215 <div class="flex-grow min-w-0 font-body text-base"> 6216 <p><a target="_blank" href="https://www.google.com/maps?rlz=1C5CHFA_enNL1116NL1116&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQIRiPAjIHCAIQIRiPAjIHCAMQIRiPAtIBBzIzNWowajeoAgCwAgA&um=1&ie=UTF-8&fb=1&gl=nl&sa=X&geocode=KaNzz3InwMBHMTUnOQcbtK2g&daddr=Joseph+Corneli+Allee+1,+6301+KK+Valkenburg">Château St. Gerlach<br>Joseph Corneli Allée 1<br>
62166301 KKÂ VALKENBURG AAN DE GEUL</a></p> 6217 </div> 6218 </div> 6219 6220 </div> 6221 6222 <form method="POST" action="https://www.oostwegelcollection.nl/!/forms/contact" class="gap-4 md:pb-0 mb-8 md:mb-0" x-ref="form"><input type="hidden" name="_token" value="KUKiCBIAfoU9x6KEhKf0mqPFd1AjBV28DikIDXYK" autocomplete="off"> 6223 <div class="px-2 py-4 my-4 border border-black/10 rounded-md w-full"> 6224 6225 <div class="mb-2 flex flex-wrap justify-between"> 6226 6227 <div class="mb-3 ohm-first_name field-w-100 md:field-w-50 px-4" data-element="first_name"> 6228 <input 6229 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focus:ring-0 6230 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 6231 transition-transform duration-300 6232 placeholder:transition-transform placeholder:duration-300 6233 hover:placeholder:translate-y-[-4px] 6234 focus:placeholder:translate-y-[-4px]" 6235 id="first_name" 6236 name="first_name" 6237 type="text" 6238 placeholder="Voornaam *" 6239 aria-describedBy="first_name" 6240 6241 6242 6243 6244 6245 6246 6247 6248 6249 6250 6251 6252 required 6253 data-error-message="This field is required" 6254 6255/> 6256 </div> 6257 6258 <div class="mb-3 ohm-last_name field-w-100 md:field-w-50 px-4" data-element="last_name"> 6259 <input 6260 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
6260s:ring-0 6261 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 6262 transition-transform duration-300 6263 placeholder:transition-transform placeholder:duration-300 6264 hover:placeholder:translate-y-[-4px] 6265 focus:placeholder:translate-y-[-4px]" 6266 id="last_name" 6267 name="last_name" 6268 type="text" 6269 placeholder="Achternaam *" 6270 aria-describedBy="last_name" 6271 6272 6273 6274 6275 6276 6277 6278 6279 6280 6281 6282 6283 required 6284 data-error-message="This field is required" 6285 6286/> 6287 </div> 6288 6289 <div class="mb-3 ohm-email field-w-100 md:field-w-50 px-4" data-element="email"> 6290 <input 6291 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focus:ring-0 6292 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 6293 transition-transform duration-300 6294 placeholder:transition-transform placeholder:duration-300 6295 hover:placeholder:translate-y-[-4px] 6296 focus:placeholder:translate-y-[-4px]" 6297 id="email" 6298 name="email" 6299 type="email" 6300 placeholder="Email *" 6301 aria-describedBy="email" 6302 6303 6304 6305 6306 6307 6308 pattern="[^@\s]+@[^@\s]+\.[^@\s]+" 6309 title="Please enter a valid email address (e.g., [email protected])" 6310 6311 6312 6313 6314 6315 6316 6317 required 6318 data-error-message="This field is required" 6319 6320/> 6321 </div> 6322 6323 <div class="mb-3 ohm-phone_number field-w-100 md:field-w-50 px-4" data-element="phone_number"> 6324 <input 6325 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focu
6325s:ring-0 6326 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30 6327 transition-transform duration-300 6328 placeholder:transition-transform placeholder:duration-300 6329 hover:placeholder:translate-y-[-4px] 6330 focus:placeholder:translate-y-[-4px]" 6331 id="phone_number" 6332 name="phone_number" 6333 type="text" 6334 placeholder="Telefoonnummer *" 6335 aria-describedBy="phone_number" 6336 6337 6338 6339 6340 6341 6342 6343 6344 6345 6346 6347 6348 required 6349 data-error-message="This field is required" 6350 6351/> 6352 </div> 6353 6354 <div class="mb-3 ohm-message field-w-100 md:field-w-100 px-4" data-element="message"> 6355 <textarea 6356 class="ohm-form-field mt-0 block w-full pl-0 pb-0.5 border-0 border-b border-black/15 focus:ring-0 focus:border-black/15 hover:border-black cursor-pointer text-sm tracking-wide text-black placeholder-black/30" 6357 id="message" 6358 name="message" 6359 rows="3" 6360 placeholder="Bericht " 6361 aria-describedBy="message" 6362 6363></textarea> 6364 </div> 6365 6366 <div class="mb-3 ohm-turnstile field-w-100 md:field-w-100 px-4" data-element="turnstile"> 6367 <div class="cf-turnstile" data-sitekey="0x4AAAAAADXK9aoJoFz8fzP4" data-theme="auto"></div> 6368 </div> 6369 6370 6371 6372 <div class="mb-3 hidden ohm-middle_name" data-element="middle_name"> 6373 <input 6374 class="ohm-form-field" 6375 id="middle_name" 6376 name="middle_name" 6377 type="text" 6378 placeholder="Middle name" /> 6379 </div> 6380 </div> 6381 </div> 6382 6383 <p class="ohm-text text-xs font-bold ohm-success-message text-green-700" x-bind:class="{ 6384 'hidden': !submitSuccess, 6385 'block': submitSuccess 6386 }">Formulier is verzonden!</p> 6387 <p class="ohm-text text-xs font-bold ohm-fail-message text-red-700" x-bind:class="{ 6388 'hidden': !submitFail, 6389 'block': submitFail 6390 }">ohm.formSendFail</p> 6391 6392 <div class="w-full"> 6393 6394 <button class="btn relative content-center w-auto py-[.4rem] px-8 whitespace-nowrap text-center uppercase font-body text-sm md:text-xs tracking-widest 6395 6396 6397 border border-black rounded-full bg-black text-white md:hover:bg-transparent md:hover:text-black transition-all ease-in-out duration-300 6398 6399 6400 6401 " type="submit"> 6402 <span 6403 x-ref="loadingBtnIndicator" 6404 class="absolute inset-0 w-6 h-6 m-auto [&>svg]:h-6 [&>svg]:w-6" 6405 x-bind:class="{ 6406 'opacity-0 invisible': !loading, 6407 'opacity-100 visible': loading 6408 }" 6409> 6410 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="200" height="200" style="shape-rendering: auto; display: block; background: transparent;"><g><circle stroke-dasharray="164.93361431346415 56.97787143782138" r="35" stroke-width="10" stroke="#c6c6c6" fill="none" cy="50" cx="50"><animateTransform keyTimes="0;1" values="0 50 50;360 50 50" dur="0.6944444444444444s" repeatCount="indefinite" type="rotate" attributeName="transform"/></circle><g/></g></svg> 6411</span> 6412<span 6413 x-ref="successBtnIndicator" 6414 class="absolute inset-0 w-4 h-4 m-auto [&>svg]:h-4 [&>svg]:w-4" 6415 x-bind:class="{ 6416 'opacity-0 invisible': !submitSuccess, 6417 'opacity-100 visible': submitSuccess 6418 }" 6419> 6420 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" style="enable-background:new 0 0 512 512" viewBox="0 68 512 376"><g><path d="M504.502 75.496c-9.997-9.998-26.205-9.998-36.204 0L161.594 382.203 43.702 264.311c-9.997-9.998-26.205-9.997-36.204 0-9.998 9.997-9.998 26.205 0 36.203l135.994 135.992c9.994 9.997 26.214 9.99 36.204 0L504.502 111.7c9.998-9.997 9.997-26.206 0-36.204z" fill="#c6c6c6" opacity="1" data-original="#000000"/></g></svg> 6421</span> 6422 6423 <span x-bind:class="{ 6424 'opacity-0 invisible': loading || submitSuccess, 6425 'opacity-100 visible': !loading && !submitSuccess 6426 }">Verstuur</span> 6427 </button> 6428 6429 6430 6431 </div> 6432 </form> 6433</div> 6434 6435 </div> 6436 6437 <div 6438 id="tab-content-directions" 6439 class="mt-4" 6440 data-index="1" 6441 x-show="isActive(1)" 6442 x-cloak> 6443 6444 <div> 6445 <div class="font-body text-base py-4 px-4"><p></p></div> 6446 <div class="flex flex-col border border-black/10 my-4 p-6 mx-0 rounded-md"> 6447 <div> 6448 6449 <div class='mb-4'> 6450 6451 <div x-data="{ open: false }" x-ref="item-0" class='border-b border-black/10 mt-1 '> 6452 <div 6453 @click="open = !open" 6454 class="cursor-pointer flex justify-between items-center py-2 font-body text-base" 6455 > 6456 Sales, Reservations 6457 <svg 6458 :class="{'rotate-180': !open}" 6459 class="w-3 h-3 transition duration-300 ease-in-out"
6460 viewBox="0 0 10 6" 6461 fill="none" 6462 > 6463 <path d="M9 5L5 1L1 5" stroke="currentColor"/> 6464 </svg> 6465 </div> 6466 <div 6467 x-ref="container" 6468 x-bind:style="open ? 'max-height: ' + $refs.container.scrollHeight + 'px' : 'max-height: 0px'" 6469 class="overflow-hidden transition-all duration-300 ease-in-out" 6470 > 6471 <div class="pb-8 text-sm font-body"> 6472 <p>Château St. Gerlach<br>Joseph Corneli Allée 1<br>6301 KK VALKENBURG AAN DE GEUL</p> 6473 </div> 6474 </div> 6475 </div> 6476 6477 <div x-data="{ open: false }" x-ref="item-1" class='border-b border-black/10 mt-1 '> 6478 <div 6479 @click="open = !open" 6480 class="cursor-pointer flex justify-between items-center py-2 font-body text-base" 6481 > 6482 Financiële Administratie, Human Resources, Marketing 6483 <svg 6484 :class="{'rotate-180': !open}" 6485 class="w-3 h-3 transition duration-300 ease-in-out"
6486 viewBox="0 0 10 6" 6487 fill="none" 6488 > 6489 <path d="M9 5L5 1L1 5" stroke="currentColor"/> 6490 </svg> 6491 </div> 6492 <div 6493 x-ref="container" 6494 x-bind:style="open ? 'max-height: ' + $refs.container.scrollHeight + 'px' : 'max-height: 0px'" 6495 class="overflow-hidden transition-all duration-300 ease-in-out" 6496 > 6497 <div class="pb-8 text-sm font-body"> 6498 <p>Château St. Gerlach<br>Joseph Corneli Allée 1<br>6301 KK VALKENBURG AAN DE GEUL</p> 6499 </div> 6500 </div> 6501 </div> 6502 6503 </div> 6504 6505 </div> 6506 </div> 6507</div> 6508 6509 </div> 6510 6511 </div> 6512 </div> 6513 6514 </div> 6515</div> 6516</div><div id="backdrop-light" class="backdrop"></div><div id="backdrop-dark" class="backdrop"></div>
vendor: 118 bytes, lines 6516-6518
6516 6517 6518 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
6518<script defer src="" type='text/javascript'> </script>
6518 6519 6520
6520<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f59dfd2c7bfb44e1892b1ab0937b12d5","r":1,"spa":2}' crossorigin="anonymous"></script>
6520 6521</body> 6522</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.