www.clubmed.be
Open in
urlscan Pro
104.64.119.248
Public Scan
Submitted URL: https://boletinesv3.hyperionhame.eu/c/923n7eq/_3lgckga/c_bquwr22i0
Effective URL: https://www.clubmed.be/r/alpe-d-huez/s?locale=nl-BE&utm_medium=Display&utm_source=Lovvis&utm_campaign=DY_DACQ_2023-06_E...
Submission: On June 22 via api from BE — Scanned from ES
Effective URL: https://www.clubmed.be/r/alpe-d-huez/s?locale=nl-BE&utm_medium=Display&utm_source=Lovvis&utm_campaign=DY_DACQ_2023-06_E...
Submission: On June 22 via api from BE — Scanned from ES
Form analysis 2 forms found in the DOM
<form class="relative z-2 w-full lg:px-20" id="price-remote-form">
<div class="lg:flex lg:flex-row">
<div class="flex lg:flex-2 -mx-5">
<div class="flex-1 px-5" data-testid="search-form-criteria-when">
<div class="">
<div class="relative">
<div class="w-full border flex items-center leading-normal rounded-extra text-14 text-black transition-all duration-250 ease-in w-full border-lightGrey hocus:border-black"><button class="flex gap-10 items-center flex-1 h-48 px-20 py-10"
data-testid="criteria-trigger-button" type="button"><span class="flex-none shrink-0 inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none" data-name="date" data-testid="icon"
style="height: 1.25em; width: 1.25em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M22.6296 24.991H7.37162C6.21062 24.991 5.26562 24.049 5.26562 22.89V13.726H24.7356V22.89C24.7356 24.049 23.7906 24.991 22.6296 24.991M7.37162 6.97302H8.44362V7.67602C8.44362 8.28602 8.93962 8.78102 9.55162 8.78102C10.1636 8.78102 10.6596 8.28602 10.6596 7.67602V6.97302H19.3416V7.67602C19.3416 8.28602 19.8376 8.78102 20.4496 8.78102C21.0616 8.78102 21.5586 8.28602 21.5586 7.67602V6.97302H22.6296C23.7906 6.97302 24.7356 7.91502 24.7356 9.07302V11.717H5.26562V9.07302C5.26562 7.91502 6.21062 6.97302 7.37162 6.97302M22.629 4.964H21.558V4.105C21.558 3.495 21.061 3 20.449 3C19.837 3 19.341 3.495 19.341 4.105V4.964H10.659V4.105C10.659 3.495 10.163 3 9.551 3C8.939 3 8.443 3.495 8.443 4.105V4.964H7.371C5.099 4.964 3.25 6.807 3.25 9.073V22.89C3.25 25.156 5.099 27 7.371 27H22.629C24.902 27 26.75 25.156 26.75 22.89V9.073C26.75 6.807 24.902 4.964 22.629 4.964">
</path>
</svg></span></span><span class="flex-1 text-initial"><span class="flex-1 hidden lg:inline truncate">Aankomst - Vertrek </span></span></button><button class="leading-0 ltr:pr-20 rtl:pl-20 py-10 shrink-0" type="button"><span
class="transition-all duration-250 ease-in inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="arrowDown" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M16.4135055,21.4189896 C16.0391321,21.794715 15.5400357,22 15.0120627,22 C14.4791745,22 13.9823309,21.794715 13.6079575,21.4189896 L3.58320747,11.390289 C3.20641739,11.0145637 3,10.5175788 3,9.98555012 C3,9.4559108 3.20641739,8.95653658 3.58320747,8.58320059 C3.95760139,8.20767437 4.45440396,8 4.98712835,8 C5.5151014,8 6.01440252,8.20767437 6.38877596,8.58320059 L15.0120627,17.2097508 L23.632687,8.58320059 C24.0070605,8.20767437 24.5063616,8 25.0367922,8 C25.5647653,8 26.0638616,8.20767437 26.4384398,8.58320059 C27.1871867,9.33226192 27.1871867,10.6390374 26.4384398,11.390289 L16.4135055,21.4189896 Z">
</path>
</svg></span></span></button></div>
</div>
</div>
</div>
<div class="flex-1 px-5" data-testid="search-form-criteria-who">
<div data-testid="CriteriaWho" class="">
<div class="relative">
<div class="w-full border flex items-center leading-normal rounded-extra text-14 text-black transition-all duration-250 ease-in w-full border-success text-black"><button class="flex gap-10 items-center flex-1 h-48 px-20 py-10"
data-testid="criteria-trigger-button" type="button"><span class="flex-none shrink-0 text-success inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none" data-name="peopleDouble"
data-testid="icon" style="height: 1.25em; width: 1.25em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full"
focusable="false">
<path fill-rule="evenodd"
d="M22 14.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-.7 3.78a4 4 0 0 1-2.6 0A1 1 0 0 1 18 20c-.54 0-.9.15-1.18.37-.3.23-.55.6-.78 1.1a9.79 9.79 0 0 0-.58 1.78l-.2.8-.3 1.21a1 1 0 0 1-1.93-.52l.27-1.08.22-.9c.17-.7.39-1.43.7-2.11.3-.68.73-1.35 1.36-1.85a3.78 3.78 0 0 1 2.48-.8 4 4 0 1 1 3.87 0H22c.96 0 1.76.29 2.41.8.63.5 1.06 1.17 1.37 1.85.3.68.52 1.42.7 2.11l.21.9.27 1.08a1 1 0 1 1-1.93.52l-.3-1.2-.2-.8c-.16-.67-.34-1.27-.57-1.78-.24-.51-.5-.88-.79-1.11A1.79 1.79 0 0 0 22 20a1 1 0 0 1-.7-1.72Z"
clip-rule="evenodd"></path>
<path fill-rule="evenodd"
d="M16 9.25a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-1.76 4.84a5.01 5.01 0 0 1-2.49 0 1 1 0 0 1-.75 1.66c-1 0-1.54.07-1.9.21-.27.12-.5.31-.77.85-.3.58-.57 1.45-.94 2.82l-.43 1.65c-.28 1.06-.6 2.3-1 3.74a1 1 0 1 1-1.93-.54c.4-1.42.71-2.62.98-3.67l.45-1.7c.37-1.35.69-2.41 1.08-3.2.42-.84.97-1.45 1.8-1.8a6.82 6.82 0 0 1 2.48-.36 5 5 0 1 1 6.72-2.4c-.56.43-1 1-1.26 1.67a5 5 0 0 1-1.1.73c.3 0 .6.01.88.03a4.02 4.02 0 0 0 .15 2.03c-.3-.04-.7-.06-1.21-.06a1 1 0 0 1-.76-1.66Z"
clip-rule="evenodd"></path>
</svg></span></span><span class="flex-1 text-initial"><span class="hidden lg:inline truncate">2 volwassenen</span><span class="lg:hidden">2</span></span></button><button class="leading-0 ltr:pr-20 rtl:pl-20 py-10 shrink-0"
type="button" data-testid="InputButtonClear"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="cross" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M23.0282818,3.55581844 L14.8923617,11.6949684 L6.75002775,3.55581844 C6.32236395,3.12820045 5.75542881,2.89496677 5.15298864,2.89496677 C4.54871595,2.89334041 3.98017736,3.12820045 3.55100173,3.5574448 C2.6714849,4.44026016 2.6714849,5.87535053 3.55262809,6.75633338 L11.6918697,14.8954604 L3.54937537,23.0380234 C3.1250101,23.4622512 2.89177642,24.0291864 2.89015006,24.6334591 C2.89177642,25.2375027 3.12663646,25.8060413 3.55100173,26.2304982 C3.98017736,26.6597654 4.54871595,26.8945568 5.15138519,26.8945568 C5.75703226,26.8945568 6.3239674,26.6613689 6.75323466,26.2321016 L14.8907582,18.0945781 L23.0298853,26.2337051 C23.9094937,27.1130845 25.3461876,27.111481 26.2287739,26.2321016 C26.6564377,25.8044378 26.8930615,25.2375027 26.8946649,24.6334591 C26.8930615,24.0291864 26.6580411,23.4606478 26.2303773,23.03642 L18.0912503,14.893857 L26.2287739,6.75633338 C26.6564377,6.32546267 26.8930615,5.75875659 26.8930615,5.15608736 C26.8930615,4.55364719 26.6548342,3.9851086 26.2255669,3.55258862 C25.3445841,2.67467524 23.9094937,2.67467524 23.0282818,3.55581844">
</path>
</svg></span></span></button></div>
</div>
</div>
</div>
<div class="flex-1 px-5" data-testid="search-form-criteria-transport">
<div data-testid="CriteriaTransport-trigger" class="">
<div class="relative">
<div class="w-full border flex items-center leading-normal rounded-extra text-14 text-black transition-all duration-250 ease-in w-full border-lightGrey hocus:border-black"><button class="flex gap-10 items-center flex-1 h-48 px-20 py-10"
data-testid="criteria-trigger-button" type="button"><span class="flex-none shrink-0 inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none" data-name="noTransport" data-testid="icon"
style="height: 1.25em; width: 1.25em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path fill-rule="evenodd"
d="M26.7 4.7a1 1 0 0 0-1.4-1.4l-22 22a1 1 0 1 0 1.4 1.4l22-22ZM13.55 7.2l2.71 3.01-3.2 3.2-5.14 1.04c-.39.07-.79-.02-1.1-.27L5.6 13.2l.82 1.37a3.24 3.24 0 0 0 3.42 1.5l.7-.15-2.14 2.14a5.27 5.27 0 0 1-3.7-2.47L3.2 13.1a1.34 1.34 0 0 1-.1-1.23c.18-.4.53-.69.95-.79l.68-.16c.58-.14 1.22.01 1.7.4l1.37 1.1 3.34-.69-2-3.4a1.14 1.14 0 0 1-.05-1.05c.16-.33.47-.57.84-.63l1.4-.22c.82-.14 1.65.16 2.21.78Zm10.7 5.92-4.8.98-4.54 4.54-.65 2.26h.01a.85.85 0 0 1-.63.6l-.6.04.28-1.31-2.4 2.4a1.4 1.4 0 0 0 1.33.97h.1l1.48-.1h.11a2.87 2.87 0 0 0 2.23-2.05l1.4-4.93 7.07-1.44c.9-.18 1.67-.74 2.13-1.53.28-.48.32-1.05.1-1.57h.03a1.73 1.73 0 0 0-1.2-1.04l-2.46-.64-1.66 1.67.25.05 3.04.8c-.17.16-.38.27-.61.32v-.02Zm-12.72-4.7.13-.02c.15-.02.3.03.41.14l2.3 2.54-1.14.23-1.7-2.9Z"
clip-rule="evenodd"></path>
</svg></span></span><span class="flex-1 text-initial"><span class="flex-1 hidden lg:block truncate">Zonder vlucht</span></span></button><button class="leading-0 ltr:pr-20 rtl:pl-20 py-10 shrink-0" data-testid="InputButtonClear"
type="button"><span class="bg-current border-current flex leading-0 overflow-hidden rounded-24 duration-250 ease-in transition-all text-lightGrey" style="width: calc(2.5rem); height: calc(1.5rem); padding: calc(0.125rem);"><span
aria-hidden="true" class="bg-white flex font-bold items-center justify-center leading-0 rounded-24 text-center text-10 shadow text-lightGrey" style="width: calc(1.25rem); height: calc(1.25rem);"><span
class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="off" data-testid="icon" style="height: calc(0.5rem); width: calc(0.5rem);"><span
class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 500 500" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M250,0 C388.071188,0 500,111.928812 500,250 C500,388.071188 388.071188,500 250,500 C111.928812,500 0,388.071188 0,250 C0,111.928812 111.928812,0 250,0 Z M250,111.111111 C173.293788,111.111111 111.111111,173.293788 111.111111,250 C111.111111,326.706213 173.293788,388.888888 250,388.888888 C326.706213,388.888888 388.888888,326.706213 388.888888,250 C388.888888,173.293788 326.706213,111.111111 250,111.111111 Z">
</path>
</svg></span></span></span></span></button></div>
</div>
</div>
</div>
</div>
<div class="max-w-full lg:mt-0 mt-15 lg:ltr:ml-10 lg:rtl:mr-10"><button
class="flex flex-1 justify-center items-center max-w-full inline-flex font-bold gap-10 items-center justify-center overflow-hidden rounded-extra text-14 transition-colors duration-250 ease-in bg-saffron border-saffron text-black hocus:bg-saffron-active hocus:border-saffron-active hocus:text-black-active cursor-pointer px-20 py-5"
data-testid="price-remote-button" type="submit" style="min-height:2.3rem;min-width:140px;height:48px;width:250px" tabindex="0">Doorgaan</button></div>
</div>
</form><form class="py-30 lg:py-40" id="booking">
<h2 class="air360-replay-ignore border-b-1 border-sand font-bold font-brand leading-tight mb-20 pb-10 lg:pb-20 text-black text-24 md:text-28" data-cs-mask="true">Selecteer een datum en uw vakantiewensen</h2>
<h3 class="mb-15 font-bold font-sans leading-tight text-20" data-testid="BookingCriteriaStep-title--1"><span class="text-28 lg:text-22">1<!-- -->.</span> <!-- -->Voeg vervoer toe</h3>
<div class="md:flex gap-x-100 mb-30">
<div class="mb-20 md:mb-0 md:flex-1">
<div data-testid="TransportCriteria-trigger" class="">
<div class="relative">
<div class="w-full border flex items-center leading-normal rounded-extra text-14 text-black transition-all duration-250 ease-in w-full border-lightGrey hocus:border-black"><button class="flex gap-10 items-center flex-1 h-48 px-20 py-10"
data-testid="criteria-trigger-button" type="button"><span class="flex-none shrink-0 inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none" data-name="noTransport" data-testid="icon"
style="height: 1.25em; width: 1.25em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path fill-rule="evenodd"
d="M26.7 4.7a1 1 0 0 0-1.4-1.4l-22 22a1 1 0 1 0 1.4 1.4l22-22ZM13.55 7.2l2.71 3.01-3.2 3.2-5.14 1.04c-.39.07-.79-.02-1.1-.27L5.6 13.2l.82 1.37a3.24 3.24 0 0 0 3.42 1.5l.7-.15-2.14 2.14a5.27 5.27 0 0 1-3.7-2.47L3.2 13.1a1.34 1.34 0 0 1-.1-1.23c.18-.4.53-.69.95-.79l.68-.16c.58-.14 1.22.01 1.7.4l1.37 1.1 3.34-.69-2-3.4a1.14 1.14 0 0 1-.05-1.05c.16-.33.47-.57.84-.63l1.4-.22c.82-.14 1.65.16 2.21.78Zm10.7 5.92-4.8.98-4.54 4.54-.65 2.26h.01a.85.85 0 0 1-.63.6l-.6.04.28-1.31-2.4 2.4a1.4 1.4 0 0 0 1.33.97h.1l1.48-.1h.11a2.87 2.87 0 0 0 2.23-2.05l1.4-4.93 7.07-1.44c.9-.18 1.67-.74 2.13-1.53.28-.48.32-1.05.1-1.57h.03a1.73 1.73 0 0 0-1.2-1.04l-2.46-.64-1.66 1.67.25.05 3.04.8c-.17.16-.38.27-.61.32v-.02Zm-12.72-4.7.13-.02c.15-.02.3.03.41.14l2.3 2.54-1.14.23-1.7-2.9Z"
clip-rule="evenodd"></path>
</svg></span></span><span class="flex-1 text-initial"><span class="flex-1 block truncate">Zonder vlucht</span></span></button><button class="leading-0 ltr:pr-20 rtl:pl-20 py-10 shrink-0" data-testid="InputButtonClear"
type="button"><span class="bg-current border-current flex leading-0 overflow-hidden rounded-24 duration-250 ease-in transition-all text-lightGrey" style="width: calc(2.5rem); height: calc(1.5rem); padding: calc(0.125rem);"><span
aria-hidden="true" class="bg-white flex font-bold items-center justify-center leading-0 rounded-24 text-center text-10 shadow text-lightGrey" style="width: calc(1.25rem); height: calc(1.25rem);"><span
class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="off" data-testid="icon" style="height: calc(0.5rem); width: calc(0.5rem);"><span
class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 500 500" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M250,0 C388.071188,0 500,111.928812 500,250 C500,388.071188 388.071188,500 250,500 C111.928812,500 0,388.071188 0,250 C0,111.928812 111.928812,0 250,0 Z M250,111.111111 C173.293788,111.111111 111.111111,173.293788 111.111111,250 C111.111111,326.706213 173.293788,388.888888 250,388.888888 C326.706213,388.888888 388.888888,326.706213 388.888888,250 C388.888888,173.293788 326.706213,111.111111 250,111.111111 Z">
</path>
</svg></span></span></span></span></button></div>
</div>
</div>
<div class="hidden md:block md:mt-30 px-5 leading-normal space-y-10 text-12 text-black">
<p>Staat er 'Selecteer en bekijk de prijs'? Klik dan op de door u gewenste vertrekdatum en vervolgens op 'Controleer prijs' om een voorstel inclusief vlucht te bekijken.</p>
<p>Alle prijzen zijn een indicatie per volwassene, gebaseerd op een tweepersoonsverblijf. Type kamer is gebaseerd op beschikbaarheid. Prijzen en beschikbaarheid laatste update: 24 uur geleden</p>
</div>
</div>
<div class="md:flex-2">
<aside class="border-1 border-lightGrey font-sans p-15 rounded-12 space-y-15 text-14 text-black">
<header>
<h4 class="font-bold text-16">Onze vervoerservices</h4>
<p class="font-bold">Boek uw vlucht bij Club Med en geniet van een zorgeloze reis. Transfer van en naar de luchthaven is dan inbegrepen.</p>
</header><a class="inline-block mt-15 md:mt-0 hocus:text-black-active underline" target="_blank" data-selector="DynamicLink" href="/l/vervoer-met-club-med?locale=nl-BE" rel="noopener noreferrer">Meer informatie</a>
</aside>
<div class="md:hidden mt-20 leading-normal space-y-10 text-12 text-black">
<p>Staat er 'Selecteer en bekijk de prijs'? Klik dan op de door u gewenste vertrekdatum en vervolgens op 'Controleer prijs' om een voorstel inclusief vlucht te bekijken.</p>
<p>Alle prijzen zijn een indicatie per volwassene, gebaseerd op een tweepersoonsverblijf. Type kamer is gebaseerd op beschikbaarheid. Prijzen en beschikbaarheid laatste update: 24 uur geleden</p>
</div>
</div>
</div>
<h3 class="mb-15 font-bold font-sans leading-tight text-20" data-testid="BookingCriteriaStep-title--2"><span class="text-28 lg:text-22">2<!-- -->.</span> <!-- -->Kies uw aankomst- en vertrekdata:</h3>
<div class="isolate -mx-20 md:mx-0 relative" data-scroll-anchor="PriceCalendar" id="calendar" style="min-height:450px">
<div class="isolate relative">
<div class="z-1 overflow-hidden relative" data-testid="scrollable">
<div class="overflow-hidden relative md:px-50">
<div class="scroll-x-area overflow-y-hidden tap-highlight-color-transparent">
<div class="flex mb-20 mx-5 sm:mx-15 md:mx-0">
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/2 sm:w-2/5 md:w-1/4"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-ultramarine font-bold text-white" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">juni<span> 2023</span></div>
<div class="text-10 sm:text-12 truncate uppercase w-full">vanaf</div>
<div class="sm:mt-10 text-10 sm:text-14">€ 1 297</div>
</button>
<div class="arrow-down arrow-large arrow-lightSand arrow-bg arrow-bg-large arrow-bg-ultramarine border-b-2 border-ultramarine -mb-1 bottom-0 ltr:left-0 rtl:right-0 w-full transition-opacity duration-250 ease-in"></div>
</div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">jul.</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">vanaf</div>
<div class="sm:mt-10 text-10 sm:text-14">€ 1 394</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">aug.</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">vanaf</div>
<div class="sm:mt-10 text-10 sm:text-14">€ 1 284</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">sep.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">okt.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">nov.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">dec.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">jan.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">feb.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">mrt.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">apr.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">mei</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">jun.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">jul.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">aug.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">sep.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">okt.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">nov.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">dec.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">jan.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">feb.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">mrt.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">apr.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">mei</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">jun.</div>
</button></div>
</div>
</div>
</div>
<div>
<div class="mb-20 pb-10 sm:pb-20 absolute flex items-center justify-between inset-0 pointer-events-none w-full z-1" data-testid="Scrollable-controls"><button aria-disabled="true"
class="mx-5 pointer-events-auto mr-auto sr-only focus:not-sr-only aspect-square flex items-center justify-center leading-0 rounded-full text-12 transition-colors duration-250 ease-in bg-pearl text-grey" type="button"
style="height: 46px;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="arrowLeft" data-testid="icon" style="height: 1em; width: 1em;"><span
class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M8.58101035,16.4135055 C8.20528502,16.0391321 8,15.5400357 8,15.0120627 C8,14.4791745 8.20528502,13.9823309 8.58101035,13.6079575 L18.609711,3.58320747 C18.9854363,3.20641739 19.4824212,3 20.0144499,3 C20.5440892,3 21.0434634,3.20641739 21.4167994,3.58320747 C21.7923256,3.95760139 22,4.45440396 22,4.98712835 C22,5.5151014 21.7923256,6.01440252 21.4167994,6.38877596 L12.7902492,15.0120627 L21.4167994,23.632687 C21.7923256,24.0070605 22,24.5063616 22,25.0367922 C22,25.5647653 21.7923256,26.0638616 21.4167994,26.4384398 C20.6677381,27.1871867 19.3609626,27.1871867 18.609711,26.4384398 L8.58101035,16.4135055 Z">
</path>
</svg></span></span><span class="sr-only">booking.common.previousMonths</span></button><button aria-disabled="false"
class="mx-5 pointer-events-auto ml-auto aspect-square flex items-center justify-center leading-0 rounded-full text-12 transition-colors duration-250 ease-in bg-white hocus:bg-white-active text-black hocus:text-black-active"
type="button" style="height: 46px;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="arrowLeft" data-testid="icon"
style="height: 1em; transform: rotate(180deg); width: 1em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full"
focusable="false">
<path
d="M8.58101035,16.4135055 C8.20528502,16.0391321 8,15.5400357 8,15.0120627 C8,14.4791745 8.20528502,13.9823309 8.58101035,13.6079575 L18.609711,3.58320747 C18.9854363,3.20641739 19.4824212,3 20.0144499,3 C20.5440892,3 21.0434634,3.20641739 21.4167994,3.58320747 C21.7923256,3.95760139 22,4.45440396 22,4.98712835 C22,5.5151014 21.7923256,6.01440252 21.4167994,6.38877596 L12.7902492,15.0120627 L21.4167994,23.632687 C21.7923256,24.0070605 22,24.5063616 22,25.0367922 C22,25.5647653 21.7923256,26.0638616 21.4167994,26.4384398 C20.6677381,27.1871867 19.3609626,27.1871867 18.609711,26.4384398 L8.58101035,16.4135055 Z">
</path>
</svg></span></span><span class="sr-only">booking.common.nextMonths</span></button></div>
</div>
</div>
<hr class="absolute block border-0 border-solid border-ligthGrey border-t-1 h-1 m-0 -mt-20 p-0 w-full z-0">
</div>
<div class="p-20 md:px-0 w-full">
<div class="flex gap-10 items-center justify-between">
<p class="text-16">Prijzen gebaseerd op<strong data-testid="prices-duration-label"> 7 nachten</strong></p><button aria-disabled="true"
class="inline-flex font-bold gap-10 items-center justify-center overflow-hidden rounded-extra text-14 transition-colors duration-250 ease-in disabled:bg-pearl disabled:border-pearl disabled:text-grey cursor-not-allowed px-20 py-5"
disabled="" type="button" tabindex="0" style="min-height: 2.3rem; min-width: auto;"><span class="shrink-0 inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="reload"
data-testid="icon" style="height: 1em; width: 1em;"><span class="block relative w-full" style="padding-bottom: 100%;"></span></span>Reset data</button>
</div>
<ul class="flex flex-wrap font-bold gap-15 mt-10">
<li class="flex gap-5 items-center text-12 sm:text-14 text-green"><span class="aspect-square bg-current h-[1em] inline-block rounded-full"></span>Beste prijs</li>
<li class="flex gap-5 items-center text-12 sm:text-14 text-orange"><span class="aspect-square bg-current h-[1em] inline-block rounded-full"></span>Laatste kamers</li>
<li class="flex gap-5 items-center text-12 sm:text-14 text-grey"><span class="aspect-square bg-current h-[1em] inline-block rounded-full"></span>Niet beschikbaar</li>
</ul>
</div>
<div class="md:mb-40 -mx-1 md:mx-0 font-base font-bold relative text-center">
<div class="relative sm:rounded" lang="en">
<div class="" tabindex="0">
<div class="flex -m-10">
<div class="flex-1 p-10" role="grid">
<div class="" role="rowgroup">
<div class="flex" role="row">
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Sunday">Sunday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Monday">Monday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Tuesday">Tuesday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Wednesday">Wednesday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Thursday">Thursday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Friday">Friday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Saturday">Saturday</div>
</div>
</div>
<div class="body border-l border-b border-grey" role="rowgroup">
<div class="flex" role="row">
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active disabledDays cursor-default pointer-events-none "
tabindex="-1" role="gridcell" aria-label="Sun May 28, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">28</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active disabledDays cursor-default pointer-events-none "
tabindex="-1" role="gridcell" aria-label="Mon May 29, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">29</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active disabledDays cursor-default pointer-events-none "
tabindex="-1" role="gridcell" aria-label="Tue May 30, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">30</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active disabledDays cursor-default pointer-events-none "
tabindex="-1" role="gridcell" aria-label="Wed May 31, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">31</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="0" role="gridcell" aria-label="Thu Jun 1, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">1</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Fri Jun 2, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">2</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sat Jun 3, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">3</span></div>
</div>
</div>
<div class="flex" role="row">
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sun Jun 4, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">4</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Mon Jun 5, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">5</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Tue Jun 6, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">6</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Wed Jun 7, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">7</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Thu Jun 8, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">8</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Fri Jun 9, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">9</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sat Jun 10, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">10</span></div>
</div>
</div>
<div class="flex" role="row">
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sun Jun 11, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">11</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Mon Jun 12, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">12</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Tue Jun 13, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">13</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Wed Jun 14, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">14</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Thu Jun 15, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">15</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Fri Jun 16, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">16</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sat Jun 17, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">17</span></div>
</div>
</div>
<div class="flex" role="row">
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sun Jun 18, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">18</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Mon Jun 19, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">19</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Tue Jun 20, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">20</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Wed Jun 21, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">21</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none underline"
tabindex="-1" role="gridcell" aria-label="Thu Jun 22, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">22</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Fri Jun 23, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">23</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sat Jun 24, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">24</span></div>
</div>
</div>
<div class="flex" role="row">
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sun Jun 25, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">25</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-green" tabindex="-1"
role="gridcell" aria-label="Mon Jun 26, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">26</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 297</span><span
class="text-12 line-through hidden md:block text-current">€ 1 526</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-black hocus:text-black-active"
tabindex="-1" role="gridcell" aria-label="Tue Jun 27, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">27</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 317</span><span
class="text-12 line-through hidden md:block text-current">€ 1 549</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-black hocus:text-black-active"
tabindex="-1" role="gridcell" aria-label="Wed Jun 28, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">28</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 335</span><span
class="text-12 line-through hidden md:block text-current">€ 1 571</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-black hocus:text-black-active"
tabindex="-1" role="gridcell" aria-label="Thu Jun 29, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">29</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 355</span><span
class="text-12 line-through hidden md:block text-current">€ 1 594</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-black hocus:text-black-active"
tabindex="-1" role="gridcell" aria-label="Fri Jun 30, 2023" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">30</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 374</span><span
class="text-12 line-through hidden md:block text-current">€ 1 617</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="Sat Jul 1, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">1</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 394</span><span
class="text-12 line-through hidden md:block text-current">€ 1 640</span></div>
</div>
</div>
<div class="flex" role="row">
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="Sun Jul 2, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">2</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 405</span><span
class="text-12 line-through hidden md:block text-current">€ 1 653</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="Mon Jul 3, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">3</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 416</span><span
class="text-12 line-through hidden md:block text-current">€ 1 666</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="Tue Jul 4, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">4</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 427</span><span
class="text-12 line-through hidden md:block text-current">€ 1 679</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="Wed Jul 5, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">5</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 437</span><span
class="text-12 line-through hidden md:block text-current">€ 1 691</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="Thu Jul 6, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">6</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 448</span><span
class="text-12 line-through hidden md:block text-current">€ 1 704</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="Fri Jul 7, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">7</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 459</span><span
class="text-12 line-through hidden md:block text-current">€ 1 717</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="Sat Jul 8, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">8</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">vanaf</span><span data-testid="price" class="text-12 md:text-16">€ 1 471</span><span
class="text-12 line-through hidden md:block text-current">€ 1 730</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block sm:hidden p-10 text-14">
<p class="flex gap-5 justify-between mb-5">Aankomst<span class="font-bold text-sienna"> -</span></p>
<p class="flex gap-5 justify-between">Vertrek<span class="font-bold text-sienna"> -</span></p>
</div>
</div>
<h3 class="mb-15 font-bold font-sans leading-tight text-20" data-testid="BookingCriteriaStep-title--3"><span class="text-28 lg:text-22">3<!-- -->.</span> <!-- -->Selecteer het aantal reizigers om uw persoonlijke reissom te bekijken</h3>
<section class="gap-20 md:gap-40 grid grid-cols-1 md:grid-cols-2">
<div>
<div class="bg-white flex md:inline-flex flex-col md:flex-row gap-10 justify-between p-15 md:px-40 rounded-12">
<div class="flex items-center gap-10 justify-between" data-testid="ParticipantsAdultsSelect"><label class="text-14 text-black" for="inputnumber_volwassenen">Volwassenen</label>
<div class="flex gap-5 items-center shrink-0"><button
class="aspect-square cursor-pointer disabled:cursor-default bg-saffron hocus:enabled:bg-saffron-active disabled:bg-pearl h-[3rem] rounded-extra shrink-0 disabled:text-grey transition-colors duration-250 ease-in w-[3rem]"
data-testid="ParticipantsAdultsSelect-decrease" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="minus" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M3.49493393,13.8030277 C3.81550558,13.4841703 4.23893446,13.3075988 4.68807763,13.3075988 L25.3057895,13.3058845 C26.2383616,13.3058845 26.9977907,14.0653136 26.999505,14.9961714 C26.9977907,15.4521718 26.8229334,15.8790292 26.5040761,16.1978866 C26.1852187,16.5167439 25.7600755,16.6916012 25.3057895,16.6933155 L4.6932205,16.6933155 C4.23893446,16.6933155 3.81550558,16.5167439 3.49493393,16.1961723 C3.17607655,15.8773149 2.999505,15.4521718 2.999505,14.9978857 C2.999505,14.5487425 3.17607655,14.1235994 3.49493393,13.8030277 Z">
</path>
</svg></span></span></button><input autocomplete="off" class="font-bold text-18 text-center outline-custom text-black" id="inputnumber_volwassenen" max="7" min="1" readonly="" step="1" type="number" value="2"
style="width: 1.5em; height: 1.875em; line-height: 1.875em;"><button
class="aspect-square cursor-pointer disabled:cursor-default bg-saffron hocus:enabled:bg-saffron-active disabled:bg-pearl h-[3rem] rounded-extra shrink-0 disabled:text-grey transition-colors duration-250 ease-in w-[3rem]"
data-testid="ParticipantsAdultsSelect-increase" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="plus" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M25.3057895,13.3063638 L16.6932119,13.3080781 L16.6914976,4.69212335 C16.6914976,4.2395516 16.5149261,3.81612273 16.1960687,3.49726536 C15.8772113,3.1766937 15.4520682,3.00012214 14.9977821,3.00012214 C14.06521,3.00183643 13.3057809,3.76126554 13.3057809,4.69383764 L13.3057809,13.3080781 L4.68807763,13.3080781 C4.23893446,13.3080781 3.81550558,13.4846496 3.49493393,13.803507 C3.17607655,14.1240787 2.999505,14.5492218 2.999505,14.998365 C2.999505,15.452651 3.17607655,15.8777942 3.49493393,16.1966516 C3.81550558,16.5172232 4.23893446,16.6937948 4.6932205,16.6937948 L13.3057809,16.6937948 L13.3057809,25.3080866 C13.3057809,26.2389445 14.0669243,26.9983736 14.999505,27.0000879 C15.4520682,27.0000879 15.8772113,26.8252306 16.197783,26.5063732 C16.5166404,26.1858016 16.6932119,25.7606584 16.6914976,25.3098009 L16.6932119,16.6937948 L25.3057895,16.6937948 C25.7600755,16.6920805 26.1852187,16.5172232 26.5040761,16.1983659 C26.8229334,15.8795085 26.9977907,15.452651 26.999505,14.9966507 C26.9977907,14.0657929 26.2383616,13.3063638 25.3057895,13.3063638">
</path>
</svg></span></span></button></div>
</div>
<div class="flex items-center gap-10 justify-between" data-testid="ParticipantsChildrenSelect"><label class="text-14 text-black" for="inputnumber_kinderen">Kinderen<span class="block text-10">jonger dan 18</span></label>
<div class="flex gap-5 items-center shrink-0"><button
class="aspect-square cursor-pointer disabled:cursor-default bg-saffron hocus:enabled:bg-saffron-active disabled:bg-pearl h-[3rem] rounded-extra shrink-0 disabled:text-grey transition-colors duration-250 ease-in w-[3rem]"
data-testid="ParticipantsChildrenSelect-decrease" disabled="" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="minus" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M3.49493393,13.8030277 C3.81550558,13.4841703 4.23893446,13.3075988 4.68807763,13.3075988 L25.3057895,13.3058845 C26.2383616,13.3058845 26.9977907,14.0653136 26.999505,14.9961714 C26.9977907,15.4521718 26.8229334,15.8790292 26.5040761,16.1978866 C26.1852187,16.5167439 25.7600755,16.6916012 25.3057895,16.6933155 L4.6932205,16.6933155 C4.23893446,16.6933155 3.81550558,16.5167439 3.49493393,16.1961723 C3.17607655,15.8773149 2.999505,15.4521718 2.999505,14.9978857 C2.999505,14.5487425 3.17607655,14.1235994 3.49493393,13.8030277 Z">
</path>
</svg></span></span></button><input autocomplete="off" class="font-bold text-18 text-center outline-custom text-black" id="inputnumber_kinderen" max="5" min="0" readonly="" step="1" type="number" value="0"
style="width: 1.5em; height: 1.875em; line-height: 1.875em;"><button
class="aspect-square cursor-pointer disabled:cursor-default bg-saffron hocus:enabled:bg-saffron-active disabled:bg-pearl h-[3rem] rounded-extra shrink-0 disabled:text-grey transition-colors duration-250 ease-in w-[3rem]"
data-testid="ParticipantsChildrenSelect-increase" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="plus" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M25.3057895,13.3063638 L16.6932119,13.3080781 L16.6914976,4.69212335 C16.6914976,4.2395516 16.5149261,3.81612273 16.1960687,3.49726536 C15.8772113,3.1766937 15.4520682,3.00012214 14.9977821,3.00012214 C14.06521,3.00183643 13.3057809,3.76126554 13.3057809,4.69383764 L13.3057809,13.3080781 L4.68807763,13.3080781 C4.23893446,13.3080781 3.81550558,13.4846496 3.49493393,13.803507 C3.17607655,14.1240787 2.999505,14.5492218 2.999505,14.998365 C2.999505,15.452651 3.17607655,15.8777942 3.49493393,16.1966516 C3.81550558,16.5172232 4.23893446,16.6937948 4.6932205,16.6937948 L13.3057809,16.6937948 L13.3057809,25.3080866 C13.3057809,26.2389445 14.0669243,26.9983736 14.999505,27.0000879 C15.4520682,27.0000879 15.8772113,26.8252306 16.197783,26.5063732 C16.5166404,26.1858016 16.6932119,25.7606584 16.6914976,25.3098009 L16.6932119,16.6937948 L25.3057895,16.6937948 C25.7600755,16.6920805 26.1852187,16.5172232 26.5040761,16.1983659 C26.8229334,15.8795085 26.9977907,15.452651 26.999505,14.9966507 C26.9977907,14.0657929 26.2383616,13.3063638 25.3057895,13.3063638">
</path>
</svg></span></span></button></div>
</div>
</div>
</div>
</section>
<div class="flex justify-end mt-40"><button aria-disabled="false"
class="w-full md:w-auto inline-flex font-bold gap-10 items-center justify-center overflow-hidden rounded-extra text-14 transition-colors duration-250 ease-in bg-saffron border-saffron text-black hocus:bg-saffron-active hocus:border-saffron-active hocus:text-black-active cursor-pointer px-20 py-5"
data-testid="BookingCriteria-checkPrice" type="button" style="min-height:3rem;min-width:auto" tabindex="0">Controleer prijs<span
class="shrink-0 inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="arrowRight" data-testid="icon" style="height:1em;width:1em"><span class="block relative w-full"
style="padding-bottom:100%"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full transform ltr:scale-x-1 rtl:-scale-x-1" focusable="false">
<path
d="M21.4189896,16.4135055 C21.794715,16.0391321 22,15.5400357 22,15.0120627 C22,14.4791745 21.794715,13.9823309 21.4189896,13.6079575 L11.390289,3.58320747 C11.0145637,3.20641739 10.5175788,3 9.98555012,3 C9.4559108,3 8.95653658,3.20641739 8.58320059,3.58320747 C8.20767437,3.95760139 8,4.45440396 8,4.98712835 C8,5.5151014 8.20767437,6.01440252 8.58320059,6.38877596 L17.2097508,15.0120627 L8.58320059,23.632687 C8.20767437,24.0070605 8,24.5063616 8,25.0367922 C8,25.5647653 8.20767437,26.0638616 8.58320059,26.4384398 C9.33226192,27.1871867 10.6390374,27.1871867 11.390289,26.4384398 L21.4189896,16.4135055 Z">
</path>
</svg></span></span></button></div>
</form>Text Content
LAST-MINUTE | TOT -20%*Nog geen zomervakantie geboekt? Ontdek snel onze
last-minute deals: Spanje, Turkije, Seychellen...
Reserveer nu >Sluiten
Club Med Homepage
* Aanbiedingen
* Last-minutesTot -20% | Reserveer nu
* Gratis verblijf voor kinderen*Tot 4 jaar in de sneeuw
* Gratis verblijf voor kinderen*Tot 6 jaar in de zon
* Huwelijksreis-aanbiedingProfiteer nu
* Inspiratie
* Zomer 2023Meer weten
* Onze zomerbestemmingen
* Hot News Zomer 23
* Familievakanties
Meer weten
* NazomerMeer weten
* Laagseizoen
* Herfstvakantie
* Middellandse Zeegebied
Meer weten
* De winter in de bergenMeer weten
* All-inclusive skivakantie
* Ontdek alle skigebieden
* Winter 2024 in de sneeuw
Meer weten
* De winter in de zonMeer weten
* All-inclusive zonvakanties
* Cruises in het Caribisch gebied
* Winter 2024 in de zon
Meer weten
* Schoolvakanties
* Zomervakantie
* Herfstvakantie
* Kerstvakantie
* Club Med Hot NewsMeer weten
* Magna Marbella 4§
* Val d'Isère Exclusive Collection
* Tignes 4§
Meer weten
* Onze andere vakantiesMeer weten
* Cruises
* Korte vakanties
* Franstalige Rondreizen
Meer weten
* Met wie gaat u op vakantie?
* Met de kids
* Met z'n tweetjes
* Met de kleinkinderen
* Bestemmingen
* Onze best-sellers
* Magna Marbella (nieuw!)
* Punta Cana
* Marrakech
* Val d'Isère (nieuw!)
* Tignes (nieuw!)
* Onze Resorts op de kaart
* In de sneeuw >
* In de zon >
* Europa
* Frankrijk
* Griekenland
* Spanje
* Italië
* Portugal
* Sicilië
* Turkije
* Caraïben
* Bahama's
* Dominicaanse Republiek
* Guadeloupe
* Martinique
* Turks & Caicos
* Alpen
* Franse Alpen
* Italiaanse Alpen
* Zwitserse Alpen
* Bergen in de zomer
* Afrika
* Marokko
* Senegal
* Tunesië
* Indische Oceaan
* Malediven
* Mauritius
* Seychellen
* Noord- en Centraal-Amerika
* Mexico
* Canada
* Zuid-Amerika
* Brazilië
* Azië
* China
* Indonesië
* Japan
* Maleisië
* Thailand
* Exclusive Collection
* Val d'Isère
* La Plantation d'Albion
* Cefalù
* Michès Playa Esmeralda
* Seychelles
* Villa's & Chalets
* Cruises
* In de Caraïben
* In het Middellandse Zeegebied
* Ontdek Club Med
* Het Club Med-aanbodResorts, cruises, ...
* All-inclusive vakanties in de zon
* All-inclusive vakanties in de sneeuw
* All-inclusive cruisevakanties
Resorts, cruises, ...
* All-inclusive by Club MedPremium all-inclusive by Club Med
* Accommodatie en vervoer
* 60+ sporten & activiteiten
* Kinderopvang
Premium all-inclusive by Club Med
* FamilievakantiesOntdek onze kinderclubs
* Aanbiedingen voor families
* Mini Club Med
* Met uw baby op vakantie
Ontdek onze kinderclubs
* Sportieve vakantiesAl onze sportactiviteiten
* Golf
* Landsporten
* Watersporten
Al onze sportactiviteiten
* Duurzaam toerismeOnze inspanningen
* Respect voor de natuur
* Lokale ontwikkeling
* Verantwoordelijke werkgever
Onze inspanningen
* Zorgeloos op vakantie
* Sneeuwgarantie
* Onze vervoerservices
* Een gemakkelijke aankomst
* Meetings & EventsMeer weten
* Incentives & teambuilding
* Vergaderingen & conferenties
* Een Resort privatiseren
Meer weten
* Luxe gamma
* Alles weten over de Exclusive Collection productlijnMeer weten
* Cruises op de Club Med 2Meer weten
* De Exclusive Collection ResortsMeer weten
* De Exclusive Collection ZonesMeer weten
* De Villa's en ChaletsMeer weten
* FAQ
Hulp of advies nodig? 080 038 135 Zoek een bestemming, een Resort of
activiteit...
Uw zoekopdracht
Hier is wat inspiratie
Onze premium ervaringen
Spanje
Last-minute deals
Dominicaanse Republiek
Sportieve vakanties
Uw account
Mijn favorieten
Uw favorieten
Klik op de ster om dit reisplan als favoriet op te slaan
U kunt wanneer u maar wilt uw favorieten bekijken en/of vergelijken
nl
Vorige foto van Alpe d'HuezVolgende foto van Alpe d'Huez
17 foto's1 video's
FRANKRIJKALPE D'HUEZ
Aankomst - Vertrek
2 volwassenen2
Zonder vlucht
Doorgaan
All-inclusive in detail
Flexibel? Bekijk onze kalender
1. Club Med>
2. Alpen>
3. Bergen in de zomer>
4. Alpe d'Huez
Het Resort
Kamers
Activiteiten & excursies
Kinderen & families
Restaurants & bars
Formaliteiten & Bestemming
Scroll terugScroll verder
Alpe d'Huez
Alpe d'Huez
Frankrijk
Hierheen in de winter
ZONNEBADEN IN HET FIETSPARADIJS
Het Club Med Resort Alpe d'Huez, dat genesteld ligt in het Massif des Grandes
Rousses, beschikt over een groot terras en een 18 meter lang zwembad dat zich
uitstrekt boven de alpenweiden van Huez en de valleien van Oisans. Het is
inderdaad een fietsparadijs, maar er is hier nog veel meer te ontdekken: Alpe
d'Huez is jeugdig, sportief en populair bij sportfans, natuurliefhebbers,
wellnessfans en grote gezinnen. De Dauphiné is een lust voor het oog en de
smaakpapillen. Ga op pad om de traditionele architectuur, de ambachtslieden en
de lokale producenten te verkennen.
EEN ZORGELOZE VAKANTIE BEGINT BIJ CLUB MED
PRIJSGARANTIE Het leven wordt duurder, maar dankzij onze premium all-in formule
ligt het volledige budget van uw verblijf vast zodra u reserveert.
/
FLEXIBEL BETALEN U kunt kosteloos in termijnen betalen en met het betaalmiddel
van uw keuze.
/ORGANISATIE VAN UW VERVOER Vluchten boeken, transfers organiseren, oplossing
bij vertraging of vluchtwijziging? Wordt geregeld!/ÉCRAN TOTAL-REISVERZEKERING
Bijkomende garanties vóór en tijdens uw vakantie.
L'ALPE D'HUEZ: EEN WARE BELEVING
Kamers: 441
Type kamers: Superior / Deluxe / Suites
Restaurants: 2
Bars: 2
Zwembaden: verwarmd binnen- en buitenzwembad
Kinder Clubs: vanaf 4 maanden t/m 17 jaar
SPA en Wellness: SPA by PAYOT
WiFi: Ja
Meer lezen
ALPE D'HUEZ GRAND DOMAINE - STERKE PUNTEN
Hoogte Resort Club Med: 1850m
Gebied: Alpe D'Huez Grand Domaine
Hoogste punt: 3330m
Pistes voor in de winter: 250km
Soorten: 34 vertes, 31 bleues, 28 rouges, 18 noires
Hiking level: alle niveau's
WAT IS ER ALLEMAAL INBEGREPEN?
Volpension: ontbijt, lunch, snacks, apéro & diner
Drankjes: Open bar de hele dag
Kinderclubs: van 4 t/m 17 jaar inbegrepen
Liften: Liftpas inbegrepen
Entertainment: de hele dag en avondprogramma
WiFi: gratis
*Liftpas voor 6 dagen (maandag - zaterdag) inbegrepen
Meer lezen
WAT IS INBEGREPEN IN UW PAKKET?
* +
Kinderclubs van 4 t.e.m. 17 jaar
* +
Gastronomische keuken & lokale specialiteiten
* +
De hele dag door premium bar & snacks
* +
Sporten: materiaal, lessen, toernooien etc.
* =
Feestelijk dag- & avondentertainment
* Meer informatie
PRAKTISCHE INFORMATIE
* Alpe d'Huez
* 38750
* Isère Frankrijk
DICHTSTBIJZONDE AANKOMST LOCATIE
Transfer van en naar het station van Grenoble
1h15 minuten transfer
Transfer van en naar de luchthaven van Grenoble-Alpes Isère
1h30 minuten transfer
Transfer van en naar de luchthaven van Lyon St Exupéry
2h30 minuten transfer
Transfer van en naar de luchthaven van Chambéry-Voglans
2h30 minuten transfer
Transfer van en naar de luchthaven van Genève-Cointrin
3h15 minuten transfer
Bekijk meer
REVIEWS TRIPADVISOR
Meer informatie op TripAdvisor
gebaseerd op 1287 Reviews
* Locatie
* Slaapkwaliteit
* Kamers
* Service
* Prijs/kwaliteit
* Hygiëne
Vorige
> Cursus yoga
>
> geschreven op april 8, 2023
>
> Super lessen met Sarah! Heel professioneel en ze geeft persoonlijke bijsturing
> van de oefeningen. Heel leuke ervaring! Heb er elke dag naar uitgekeken…
>
> review door GrandTour28181926255
> A TripAdvisor reiziger
> Top vakantie
>
> geschreven op maart 30, 2022
>
> Beter dan verwacht. Goed hotel, ruime kamers. Eten stelde niet teleur en de
> service was top. De animatie na het skiën was leuk. Beste skiles ooit va…
>
> review door Tomvdijck
> A TripAdvisor reiziger
Volgende
Vorige
Volgende
Duurzaamheid maakt deel uit van de reis
Meer lezen
BREEAM-certificering
Ons Resort is BREEAM gecerfiticeerd, een erkende internationale en
onafhankelijke eco-constructiecertificering, die de ecologische, sociale en
economische duurzaamheidsprestaties beoordeelt gedurende de hele bouwcyclus.
Behoud van de lokale biodiversiteit
Sinds 2017 werken wij samen met Parc National des Ecrins en ondersteunen we
financieel het programma voor behoud van biodiversiteit.
DIT VINDT U VAST OOK INTERESSANT
Volgende
Zomer 2023 - Tot -20%*Zomer
Met Exclusive Zone
LES ARCS PANORAMA
FRANKRIJK
vanaf€ 1 320€ 1 122per persoon
Volgende
Zomer 2023 - Tot -20%*Zomer
PEISEY-VALLANDRY
FRANKRIJK
vanaf€ 1 370€ 1 096per persoon
Volgende
Zomer
Met Exclusive Zone
VALMOREL
FRANKRIJK
vanaf€ 1 246€ 1 059per persoon
SELECTEER EEN DATUM EN UW VAKANTIEWENSEN
1. VOEG VERVOER TOE
Zonder vlucht
Staat er 'Selecteer en bekijk de prijs'? Klik dan op de door u gewenste
vertrekdatum en vervolgens op 'Controleer prijs' om een voorstel inclusief
vlucht te bekijken.
Alle prijzen zijn een indicatie per volwassene, gebaseerd op een
tweepersoonsverblijf. Type kamer is gebaseerd op beschikbaarheid. Prijzen en
beschikbaarheid laatste update: 24 uur geleden
ONZE VERVOERSERVICES
Boek uw vlucht bij Club Med en geniet van een zorgeloze reis. Transfer van en
naar de luchthaven is dan inbegrepen.
Meer informatie
Staat er 'Selecteer en bekijk de prijs'? Klik dan op de door u gewenste
vertrekdatum en vervolgens op 'Controleer prijs' om een voorstel inclusief
vlucht te bekijken.
Alle prijzen zijn een indicatie per volwassene, gebaseerd op een
tweepersoonsverblijf. Type kamer is gebaseerd op beschikbaarheid. Prijzen en
beschikbaarheid laatste update: 24 uur geleden
2. KIES UW AANKOMST- EN VERTREKDATA:
juni 2023
vanaf
€ 1 297
jul.
vanaf
€ 1 394
aug.
vanaf
€ 1 284
sep.
okt.
nov.
dec.
jan.
feb.
mrt.
apr.
mei
jun.
jul.
aug.
sep.
okt.
nov.
dec.
jan.
feb.
mrt.
apr.
mei
jun.
booking.common.previousMonthsbooking.common.nextMonths
--------------------------------------------------------------------------------
Prijzen gebaseerd op 7 nachten
Reset data
* Beste prijs
* Laatste kamers
* Niet beschikbaar
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
vanaf€ 1 297€ 1 526
27
vanaf€ 1 317€ 1 549
28
vanaf€ 1 335€ 1 571
29
vanaf€ 1 355€ 1 594
30
vanaf€ 1 374€ 1 617
1
vanaf€ 1 394€ 1 640
2
vanaf€ 1 405€ 1 653
3
vanaf€ 1 416€ 1 666
4
vanaf€ 1 427€ 1 679
5
vanaf€ 1 437€ 1 691
6
vanaf€ 1 448€ 1 704
7
vanaf€ 1 459€ 1 717
8
vanaf€ 1 471€ 1 730
Aankomst -
Vertrek -
3. SELECTEER HET AANTAL REIZIGERS OM UW PERSOONLIJKE REISSOM TE BEKIJKEN
Volwassenen
Kinderenjonger dan 18
Controleer prijs
*Met toeslag
Hulp nodig?
* Uw Club Med Adviseur080 038 135(Prijs van een lokale oproep)
* Agentschappen
* FAQ
* Newsletter
* facebookClub Med - facebook
* twitterClub Med - twitter
* youtubeClub Med - youtube
* instagramClub Med - instagram
* Meetings and events by Club MedMeetings and events by Club Med
Seminars, incentive programma's, geprivatiseerde Resorts en meer. Met Club
Med Meetings & Events organiseren wij een onvergetelijke reis voor u en uw
collega’s. Onze reizen zijn all-inclusive en op maat gemaakt voor
businessreizen.
* Club Med PropertyClub Med Property
Club Med Property is verheugd u de mogelijkheid te bieden eigenaar te worden
van vastgoed op het land dat grenst aan enkele Resorts. Word eigenaar van een
Chalet-appartement in het hart van de Franse Alpen of een Villa in Mauritius,
en geniet van een uitzonderlijke locatie mét de services van Club Med.
* ClubMed JobsClubMed Jobs
Wilt u ook deel uitmaken van het Club Med-verhaal? Meer informatie vindt u op
onze speciale recruitment-website: vacatures, nieuws, testimonials en meer.
Blijf hier op de hoogte van het laatste Club Med HR nieuws.
* Club MéditerranéeClub Méditerranée
Bekijk de Corporate Club Med website voor meer informatie over de Club Med
Group, de directie en het beleid inzake duurzame ontwikkeling.
* Ontdek Club Med
* Eerste keer bij Club Med
* Inschrijven voor onze nieuwsbrief
* Great Members programma
* Easy Arrival
* My Club Med App
* Het Bedrijf
* Onze brochures & algemene verkoopvoorwaarden
* Wettelijke informatie
* Cookies
* Ecran Total verzekering
* Contact
* FAQ
* Vakanties
* All-inclusive by Club Med
* Al onze bestemmingen
* Cruises
* Golfvakanties
* Skivakanties
* Last-minute vakanties
* Gezinsvakanties
* Club Med sustainability
* Happy to Care
* CSR Rapport 2021
* Duurzaam ondernemen
* De Stichting Club Méditerranée
* WETTELIJKE INFORMATIE
* Brochures
* Cookie instellingen
Ontdek de wereld met Club Med - Wij regelen alles voor u
Wij zijn gespecialiseerd in luxe, all-inclusive vakanties – absoluut zonder
bijkomende kosten. Actieve skivakanties, sensationele vakanties ver weg en
prachtige cruises – dit zijn een aantal voorbeelden van de geweldige ervaringen
die u kunt verwachten bij Club Med.
WETTELIJKE INFORMATIE
Cookie instellingen
Reizigersreviews voor u door