{"id":3681,"date":"2025-04-06T12:59:53","date_gmt":"2025-04-06T12:59:53","guid":{"rendered":"https:\/\/snc.showit.dk\/boek\/"},"modified":"2025-05-15T15:59:59","modified_gmt":"2025-05-15T15:59:59","slug":"boek","status":"publish","type":"page","link":"https:\/\/snc.showit.dk\/nl\/boek\/","title":{"rendered":"Boek"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3681\" class=\"elementor elementor-3681 elementor-996\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8208a61 e-flex e-con-boxed e-con e-parent\" data-id=\"8208a61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8eedf2 elementor-widget elementor-widget-n-accordion\" data-id=\"c8eedf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2100\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2100\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Nieuwe zoekopdracht <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-calendar-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2100\" class=\"elementor-element elementor-element-ef0245c e-con-full e-flex e-con e-child\" data-id=\"ef0245c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2100\" class=\"elementor-element elementor-element-b9d3929 e-flex e-con-boxed e-con e-child\" data-id=\"b9d3929\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f496082 elementor-widget elementor-widget-template\" data-id=\"f496082\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"3839\" class=\"elementor elementor-3839 elementor-2742 elementor-2742\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4745baab e-flex e-con-boxed e-con e-parent\" data-id=\"4745baab\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2c6327c1 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"2c6327c1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31589d55 elementor-widget elementor-widget-heading\" data-id=\"31589d55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Boek hier je vakantie<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-125d6b39 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"125d6b39\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n\n  <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\n  <script src=\"https:\/\/npmcdn.com\/flatpickr\/dist\/l10n\/da.js\"><\/script>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\n\n  <style>\n  \n\/* --- START: Flatpickr Styling - Helt Fair --- *\/\n\n.arrowUp .arrowDown {\n    color: #ffffff;\n}\n\n.flatpickr-current-month {\n    display: flex;\n    align-items: center;\n}\n\n.flatpickr-current-month .cur-month {\n    margin-right: 5px;\n}\n\n.flatpickr-calendar {\n    background: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);\n    border: none;\n    font-family: Lexend Deca, sans-serif;\n    color: #142E41;\n    text-transform: capitalize;\n}\n\n\/* Header-styling *\/\n.flatpickr-months {\n    background: #12211A;\n    border-radius: 8px 8px 0 0;\n    padding: 10px 1px;\n}\n\n.flatpickr-months .flatpickr-month {\n    color: #ffffff;\n    fill: #ffffff;\n    height: 50px;\n    line-height: 30px;\n}\n\n.flatpickr-current-month {\n    font-size: 20px;\n    font-weight: 500;\n    padding-top: 0;\n    color: #ffffff;\n}\n\n.flatpickr-current-month .numInputWrapper {\n    font-weight: 500;\n    color: #ffffff;\n}\n\n.flatpickr-current-month input.cur-year {\n    font-weight: 500;\n    color: #ffffff;\n}\n\n\/* Pil-styling *\/\n.flatpickr-prev-month,\n.flatpickr-next-month {\n    height: 40px;\n    width: 40px;\n    padding: 10px;\n    top: 10px;\n    color: #ffffff;\n    fill: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* Fjern hover-effekt *\/\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:hover {\n    color: #ffffff;\n    fill: #ffffff;\n    background: transparent;\n}\n\n\/* FontAwesome-ikoner *\/\n.flatpickr-prev-month:after,\n.flatpickr-next-month:after {\n    color: #ffffff;\n    font-size: 20px;\n}\n\n.flatpickr-current-month {\n    display: flex;\n    align-items: center;\n}\n\n.flatpickr-current-month .cur-month {\n    margin-right: 5px;\n}\n\n.flatpickr-calendar {\n    background: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);\n    border: none;\n    font-family: Lexend Deca, sans-serif;\n    color: #142E41;\n    text-transform: capitalize;\n}\n\n\/* M\u00e5ned\/\u00c5r Navigation *\/\n.flatpickr-months {\n    background: #12211A;\n    border-radius: 8px 8px 0 0;\n    padding: 10px 1px;\n}\n\n.flatpickr-months .flatpickr-month {\n    color: #ffffff;\n    fill: #ffffff;\n    height: 50px;\n    line-height: 30px;\n}\n\n.flatpickr-current-month {\n    font-size: 20px;\n    font-weight: 500;\n    padding-top: 0;\n}\n\n.flatpickr-current-month .numInputWrapper {\n    font-weight: 500;\n}\n\n.flatpickr-current-month input.cur-year {\n    font-weight: 500;\n}\n\n\/* Pile til navigation *\/\n.flatpickr-prev-month,\n.flatpickr-next-month {\n    height: 40px;\n    width: 40px;\n    padding: 10px;\n    top: 10px;\n    color: #ffffff;\n    fill: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* Fjern hover-effekt *\/\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:hover {\n    color: #ffffff;\n    fill: #ffffff;\n    background: transparent;\n}\n\n\/* Udskift SVG med FontAwesome *\/\n.flatpickr-prev-month svg,\n.flatpickr-next-month svg {\n    display: none;\n}\n\n.flatpickr-prev-month:after,\n.flatpickr-next-month:after {\n    font-family: \"Font Awesome 5 Free\";\n    font-weight: 900;\n    font-size: 20px;\n}\n\n.flatpickr-prev-month:after {\n    content: \"\\f053\";\n}\n\n.flatpickr-next-month:after {\n    content: \"\\f054\";\n}\n\n\/* Ugedage *\/\n.flatpickr-weekdays {\n    background: #ffffff;\n    padding-bottom: 5px;\n}\n\nspan.flatpickr-weekday {\n    color: #8B97A1;\n    font-weight: 500;\n    font-size: 0.75rem;\n    text-transform: uppercase;\n}\n\n\/* Dag celler *\/\n.dayContainer {\n    padding: 0 10px 10px 10px;\n}\n\n.flatpickr-day {\n    border: none;\n    color: #142E41;\n    font-weight: 400;\n    font-size: 0.875rem;\n    max-width: 38px;\n    height: 38px;\n    line-height: 38px;\n    border-radius: 4px;\n    margin: 1px;\n}\n\n.flatpickr-day:hover {\n    background: #F0F3F5;\n    color: #142E41;\n    border-radius: 4px;\n}\n\n.flatpickr-day.today {\n    border: 1px solid #D1D8DE;\n    color: #142E41;\n}\n\n.flatpickr-day.today:hover {\n    background: #F0F3F5;\n}\n\n\/* Valgte datoer \/ Range *\/\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n    background: #12211a;\n    border-color: #24AAA1;\n    color: #ffffff;\n    border-radius: 4px;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange {\n    background: #9df6ca;\n    border-color: #9df6ca;\n    color: #142E41;\n    box-shadow: none;\n    border-radius: 0;\n}\n\n.flatpickr-day.startRange,\n.flatpickr-day.startRange:hover {\n    border-radius: 4px 0 0 4px;\n}\n\n.flatpickr-day.endRange,\n.flatpickr-day.endRange:hover {\n    border-radius: 0 4px 4px 0;\n}\n\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\n    box-shadow: -5px 0 0 #D3F2EE;\n}\n\n.flatpickr-day.disabled,\n.flatpickr-day.disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay {\n    color: #D1D8DE;\n    background: transparent;\n    border-color: transparent;\n    cursor: default;\n}\n\n\/* Ugenumre *\/\n.flatpickr-weekwrapper {\n    padding: 0 5px 0 0;\n}\n\n.flatpickr-weeks .flatpickr-weekday {\n    \/* Hvis du vil style ugenummer-headeren anderledes *\/\n}\n\nspan.flatpickr-day,\n.flatpickr-weekdaycontainer span {\n    justify-content: center;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks .flatpickr-day {\n    color: #8B97A1;\n    font-size: 0.75rem;\n    line-height: 38px;\n    height: 38px;\n    max-width: initial;\n    font-weight: 500;\n    margin: 1px 0;\n}\n\n\/* --- SLUT: Flatpickr Styling --- *\/\n  \n  \n.fbs-booking-search * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n.fbs-booking-search {\n    font-family: Lexend Deca, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n}\n\n\/* Form container *\/\n.fbs-title {\n    font-size: 1.5rem;\n    font-weight: 600;\n    margin-top: 0;\n    margin-bottom: 1.5rem;\n    display: flex;\n    align-items: center;\n}\n\n.fbs-form {\n    width: 100%;\n}\n\n.fbs-form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 5px;\n    align-items: center;\n    margin-bottom: 5px;\n}\n\n.fbs-form-row > div {\n    width: 100%;\n    position: relative;\n}\n\n.fbs-form-field {\n    margin-bottom: 0 rem;\n    color: #000000;\n}\n\n\/* Date input field *\/\n.fbs-date-input,\n.fbs-select {\n    width: 100%;\n    padding: 0.5rem 2.5rem 0.5rem 1rem;\n    border: 1px solid transparent;\n    border-radius: 50px;\n    background-color: #fff;\n    font-size: 0.875rem;\n    line-height: 1.5;\n    color: #000000;\n    height: 44px; \/* Tilf\u00f8jet for at matche inputfelternes h\u00f8jde *\/\n}\n\n.fbs-date-input:focus,\n.fbs-select:focus {\n    outline: none;\n    border-color: transparent;\n\n}\n\n.fbs-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0.5rem 1rem;\n    background-color: #61FAB8;\n    color: #000000;\n    border: 1px solid transparent;\n    border-radius: 50px;\n    font-size: 0.875rem;\n    font-weight: 700;\n    line-height: 1.5;\n    cursor: pointer;\n    transition: background-color 0.2s ease, box-shadow 0.2s ease;\n    width: 100%;\n    height: 44px; \/* Tilf\u00f8jet for at matche inputfelternes h\u00f8jde *\/\n}\n\n.fbs-button:hover {\n    background-color: #fcf1a4ff;\n    color: #000000;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n\/* Error message *\/\n.fbs-error {\n    color: #ef4444;\n    background-color: rgba(239, 68, 68, 0.1);\n    padding: 0.5rem;\n    border-radius: 50px;\n    font-size: 0.875rem;\n    margin-top: 0.5rem;\n    display: none;\n    animation: fbs-fade-in-up 0.3s ease-out;\n}\n\n\/* Responsive design *\/\n@media (max-width: 400px) {\n    .fbs-form-row {\n        grid-template-columns: 1fr;\n    }\n}\n\n\/* Styling for the icon inside the input field *\/\n.input-icon {\n    position: absolute;\n    top: 50%;\n    left: 10px;\n    transform: translateY(-50%);\n    color: #12211a;\n}\n\n\/* Make date input field have space for the icon *\/\n.fbs-datepicker-field {\n    width: 100%;\n    border: 1px solid transparent;\n    border-radius: 50px;\n    background-color: #fff;\n    color: #000000;\n}\n\n.fbs-date-input,\n.fbs-select {\n    padding-left: 2.5rem;\n}\n\n.fbs-date-input,\n.fbs-select,\n.fbs-datepicker-field {\n    width: 100%;\n    border: 1px solid transparent;\n    border-radius: 50px;\n    background-color: #fff;\n    font-size: 0.875rem;\n    line-height: 1.5;\n    padding-left: 1.5rem;\n    color: #000000;\n    outline: none;\n}\n\n.fbs-datepicker-field input {\n    border: none;\n    border-radius: 50px;\n    background-color: #fff;\n    color: #000000;\n    padding-left: 2.5rem;\n}\n\n.fbs-date-input:focus,\n.fbs-select:focus,\n.fbs-datepicker-field input:focus {\n    outline: none;\n    border-color: transparent;\n}\n\n.flatpickr-calendar {\n    border-radius: 25px !important;\n}\n\n.flatpickr-day {\n    border-radius: 25px !important;\n}\n\n.flatpickr-wrapper {\n    border-radius: 25px !important;\n}\n\n.fbs-date-input,\n.fbs-select,\n.fbs-datepicker-field input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    font-size: 16px;\n    padding: 0.5rem 2.5rem 0.5rem 1rem;\n    border: 1px solid transparent;\n    border-radius: 50px;\n    background-color: #fff;\n    color: #000;\n    width: 100%;\n\n}\n\n.fbs-date-input,\n.fbs-select {\n    height: 44px;\n    line-height: normal;\n}\n\n.input-icon {\n    position: absolute;\n    top: 50%;\n    left: 10px;\n    transform: translateY(-50%);\n    color: #12211a;\n    pointer-events: none;\n}\n\n@supports (-webkit-touch-callout: none) {\n    .fbs-date-input,\n    .fbs-select {\n        font-size: 16px;\n    }\n}\n\n.fbs-date-input,\n.fbs-select {\n    padding-left: 2.5rem;\n}\n\n.fbs-date-input,\n.fbs-select {\n    color: #000000;\n}\n\n.fbs-date-input::placeholder {\n    color: #000000;\n    opacity: 1;\n}\n  <\/style>\n<\/head>\n<body>\n  <div class=\"fbs-booking-search\">\n    <div class=\"fbs-booking-form\">\n      <form id=\"fbs-booking-form\" class=\"fbs-form\">\n        <div class=\"fbs-form-row\">\n          <div class=\"fbs-form-field fbs-datepicker-field\">\n            <input type=\"text\" id=\"fbs-date\" class=\"fbs-date-input\" readonly placeholder=\"Aankomst en vertrek\">\n            <input type=\"hidden\" id=\"fbs-date-from\" name=\"date_from\">\n            <input type=\"hidden\" id=\"fbs-date-to\" name=\"date_to\">\n            <i class=\"fas fa-calendar-alt input-icon\"><\/i>\n          <\/div>\n\n          <div class=\"fbs-form-field fbs-select-field\">\n            <select id=\"fbs-type\" class=\"fbs-select\" name=\"accommodation_type\">\n              <option value=\"\">Kies accommodatie type<\/option>\n              <option value=\"76,60,72,62,63,87\">Caravan, camper of tent<\/option>\n              <option value=\"77\">Huisjes<\/option>\n              <option value=\"89\">Seniorenaanbieding<\/option>\n            <\/select>\n            <i class=\"fas fa-bed input-icon\"><\/i>\n          <\/div>\n\n          <div class=\"fbs-form-field\">\n            <select id=\"adults\" class=\"fbs-select\">\n              <option value=\"\">Aantal volwassenen vanaf 12 jaar<\/option>\n              <option value=\"1\">1 volwassene<\/option>\n              <option value=\"2\">2 volwassenen<\/option>\n              <option value=\"3\">3 volwassenen<\/option>\n              <option value=\"4\">4 volwassenen<\/option>\n              <option value=\"5\">5 volwassenen<\/option>\n              <option value=\"6\">6 volwassenen<\/option>\n              <option value=\"7\">7 volwassenen<\/option>\n              <option value=\"8\">8 volwassenen<\/option>\n              <option value=\"9\">9 volwassenen<\/option>\n            <\/select>\n            <i class=\"fas fa-user input-icon\"><\/i>\n          <\/div>\n        <\/div>\n\n        <div class=\"fbs-form-row\">\n          <div class=\"fbs-form-field\">\n            <select id=\"children\" class=\"fbs-select\">\n              <option value=\"\">Aantal kinderen (2-11 jaar)<\/option>\n              <option value=\"0\">0 kinderen<\/option>\n              <option value=\"1\">1 kind<\/option>\n              <option value=\"2\">2 kinderen<\/option>\n              <option value=\"3\">3 kinderen<\/option>\n              <option value=\"4\">4 kinderen<\/option>\n              <option value=\"5\">5 kinderen<\/option>\n              <option value=\"6\">6 kinderen<\/option>\n              <option value=\"7\">7 kinderen<\/option>\n              <option value=\"8\">8 kinderen<\/option>\n              <option value=\"9\">9 kinderen<\/option>\n            <\/select>\n            <i class=\"fas fa-child input-icon\"><\/i>\n          <\/div>\n\n          <div class=\"fbs-form-field\">\n            <select id=\"babies\" class=\"fbs-select\">\n              <option value=\"\">Aantal baby's (0-1 jaar)<\/option>\n              <option value=\"0\">0 baby's<\/option>\n              <option value=\"1\">1 baby<\/option>\n              <option value=\"2\">2 baby's<\/option>\n              <option value=\"3\">3 baby's<\/option>\n              <option value=\"4\">4 baby's<\/option>\n            <\/select>\n            <i class=\"fas fa-baby input-icon\"><\/i>\n          <\/div>\n\n          <div class=\"fbs-form-field fbs-button-field\">\n            <button type=\"submit\" class=\"fbs-button\">\n              Zoek en boek\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"fbs-error\"><\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\n  <script src=\"https:\/\/unpkg.com\/flatpickr@4.6.13\/dist\/l10n\/nl.js\"><\/script>\n\n  <script>\n   jQuery(document).ready(function($) {\n    const redirectUrl = 'https:\/\/sandagernaes.dk\/nl\/boek';\n\n    const dateInput = document.getElementById('fbs-date');\n    const dateFromInput = $('#fbs-date-from');\n    const dateToInput = $('#fbs-date-to');\n    const errorElement = $('#fbs-booking-form .fbs-error');\n\n    flatpickr(dateInput, {\n        mode: 'range',\n        dateFormat: 'd-m-Y',\n        minDate: 'today',\n        altFormat: 'F Y',\n        locale: 'nl',\n        weekNumbers: false,\n        showMonths: window.innerWidth < 768 ? 1 : 2,\n        disableMobile: 'true',\n        disable: [\n            {\n                dateFormat: \"d-m-Y\",\n                from: \"14-09-2025\",\n                to: \"01-04-2026\"\n            }\n        ],\n        onChange: function(selectedDates, dateStr, instance) {\n            if (selectedDates.length === 2) {\n                const formattedStartDate = flatpickr.formatDate(selectedDates[0], 'd-m-Y');\n                const formattedEndDate = flatpickr.formatDate(selectedDates[1], 'd-m-Y');\n                dateFromInput.val(formattedStartDate);\n                dateToInput.val(formattedEndDate);\n            } else {\n                dateFromInput.val('');\n                dateToInput.val('');\n            }\n        }\n    });\n\n    $('#fbs-booking-form').on('submit', function(e) {\n        e.preventDefault();\n\n        const dateFrom = dateFromInput.val();\n        const dateTo = dateToInput.val();\n        const accommodationType = $('#fbs-type').val();\n        const adults = $('#adults').val();\n        const children = $('#children').val();\n        const babies = $('#babies').val();\n\n        errorElement.hide().text('');\n\n        if (!dateFrom || !dateTo) {\n            errorElement.text('Selecteer zowel aankomst- als vertrekdatum').fadeIn();\n            return;\n        }\n\n        if (!accommodationType) {\n            errorElement.text('Selecteer een accommodatie type').fadeIn();\n            return;\n        }\n\n         const url = `${redirectUrl}?lang=NL&from=${dateFrom}&to=${dateTo}&cbpid=${accommodationType}&VARS=AV_${adults},AB_${children},AS_${babies}`;\n        window.location.href = url;\n    });\n});\n  <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c65743 e-flex e-con-boxed e-con e-parent\" data-id=\"5c65743\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acdd122 elementor-widget elementor-widget-html\" data-id=\"acdd122\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\n\n\n    <script>\n  \/\/ Undg\u00e5 fejl hvis booking-scriptet kalder en ikke-eksisterende funktion\n  if (typeof hideAllSelectors !== \"function\") {\n    function hideAllSelectors() {\n      \/\/ Ingen handling \u2013 placeholder for manglende funktion\n    }\n  }\n<\/script>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n    <!-- CompuSoft Onlinebooking -->\n\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.min.js\" crossorigin=\"anonymous\"><\/script>\n    <script src=\"https:\/\/v3.onlinebooking.dk\/csobV2\/csob.controller.min.js\"><\/script>\n    <script src=\"https:\/\/snc.showit.dk\/compusoft\/demo02.js\"><\/script>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/snc.showit.dk\/compusoft\/styles.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/snc.showit.dk\/compusoft\/obstyles.css\">\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@100;300;400;700;900&amp;family=Fira+Sans+Condensed:wght@100;300;400;500;700;900&amp;display=swap\" rel=\"stylesheet\">\n\n    <!-- Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n    \n    <script>\n        var csobPortalKey = '30348a16-0a41-4434-9fdf-48b613ff77e1';\n        var csobApiHost = 'https:\/\/v3.onlinebooking.dk\/';\n        var csobController = null;\n    <\/script>\n  \n\n\n\n    <section class=\"bookingsection\">\n        \n\n        <div class=\"container\">\n            \n            <div class=\"loader\"><\/div>\n        <\/div>\n\n        <div id=\"MainContainer\">\n            <div id=\"LeftContainer\">\n                <div id=\"ProfileFilterWrapper\" class=\"csob-wrapper\"><\/div>\n                <div id=\"LoginWrapperX\" class=\"csob-wrapper\"><\/div>\n            <\/div>\n\n            <div id=\"CenterContainer\">\n                <div id=\"DealsCarouselWrapper\" class=\"csob-wrapper\"><\/div>\n                <div id=\"ErrorPanelWrapper\" class=\"csob-wrapper\"><\/div>\n                <div id=\"CartWrapper\" class=\"csob-wrapper\"><\/div>\n                <div id=\"CalendarWrapper\" class=\"csob-wrapper\"><\/div>\n            \n                <div id=\"ProfileResultListWrapper\" class=\"csob-wrapper\"><\/div>\n            <\/div>\n\n            <div id=\"RightContainer\">\n                \n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nieuwe zoekopdracht Book din ferie her V\u00e6lg overnatningstypeCampingvogn, camper eller teltHytterSeniortilbud Antal voksne +12 \u00e5r1 voksen2 voksne3 voksne4 voksne5 voksne6 voksne7 voksne8 voksne9 voksne Antal b\u00f8rn (2-11 \u00e5r)0 b\u00f8rn1 barn2 b\u00f8rn3 b\u00f8rn4 b\u00f8rn5 b\u00f8rn6 b\u00f8rn7 b\u00f8rn8 b\u00f8rn9 b\u00f8rn Antal babyer (0-1 \u00e5r)0 babyer1 baby2 babyer3 babyer4 babyer S\u00f8g og bestil<\/p>\n","protected":false},"author":1,"featured_media":3683,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3681","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/snc.showit.dk\/nl\/wp-json\/wp\/v2\/pages\/3681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snc.showit.dk\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/snc.showit.dk\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/snc.showit.dk\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/snc.showit.dk\/nl\/wp-json\/wp\/v2\/comments?post=3681"}],"version-history":[{"count":1,"href":"https:\/\/snc.showit.dk\/nl\/wp-json\/wp\/v2\/pages\/3681\/revisions"}],"predecessor-version":[{"id":3687,"href":"https:\/\/snc.showit.dk\/nl\/wp-json\/wp\/v2\/pages\/3681\/revisions\/3687"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/snc.showit.dk\/nl\/wp-json\/wp\/v2\/media\/3683"}],"wp:attachment":[{"href":"https:\/\/snc.showit.dk\/nl\/wp-json\/wp\/v2\/media?parent=3681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}