PageSourceSearch

https://www.oostwegelcollection.nl/

html oostwegelcollection.nl collected 2026-09-24 23:03:51 UTC 303,922 bytes, 6,522 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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&#160;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&amp;gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQIRiPAjIHCAIQIRiPAjIHCAMQIRiPAtIBBzIzNWowajeoAgCwAgA&amp;um=1&amp;ie=UTF-8&amp;fb=1&amp;gl=nl&amp;sa=X&amp;geocode=KaNzz3InwMBHMTUnOQcbtK2g&amp;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.