{"id":21403,"date":"2025-07-03T20:06:53","date_gmt":"2025-07-03T18:06:53","guid":{"rendered":"https:\/\/hightea.com\/?page_id=21403"},"modified":"2025-10-24T15:38:51","modified_gmt":"2025-10-24T13:38:51","slug":"fletcher-high-wine","status":"publish","type":"page","link":"https:\/\/hightea.com\/nl\/fletcher-high-wine\/","title":{"rendered":"Fletcher High Wine"},"content":{"rendered":"<section id=\"b-anwqki_m4gttrj5\" class=\"brxe-section gbrx-anwqki\"><div id=\"b-apthhs_m4gttrj5\" class=\"brxe-container gbrx-apthhs\"><div id=\"b-xpudld_m4gttrj5\" class=\"brxe-block gbrx-xpudld\"><div id=\"b-qgrukj_m4gttrj5\" class=\"brxe-block gbrx-qgrukj\"><a id=\"b-rsetty_m4gttrj5\" class=\"brxe-text-link gbrx-rsetty\" href=\"https:\/\/hightea.com\/nl\/\"><span class=\"icon\"><i class=\"ion-ios-arrow-forward\"><\/i><\/span><span class=\"text\">Home<\/span><\/a><a id=\"b-zmiiom_m4gttrj5\" class=\"brxe-text-link gbrx-zmiiom\">Fletcher High Wine<\/a><\/div><h1 id=\"b-yqggei_m4gttrj5\" class=\"brxe-heading gbrx-yqggei\">High Wine Fletcher<\/h1><div id=\"b-fnujws_m4gttrj5\" class=\"brxe-text-basic gbrx-fnujws\">Maak gebruik van deze geweldige Fletcher aanbieding en bestel een High Wine voucher voor 2 personen tegen de speciale prijs van slechts \u20ac37,50. Lekker \u00e9n voordelig genieten bij een Fletcher restaurant naar keuze!<\/div><\/div><div id=\"b-qayneb_m4gttrj5\" class=\"brxe-block gbrx-qayneb\"><img loading=\"lazy\" decoding=\"async\" width=\"901\" height=\"602\" src=\"https:\/\/hightea.com\/wp-content\/uploads\/2025\/06\/High-Wine-Fletcher-e1775487904596.jpg\" class=\"brxe-image gbrx-qlwhgq css-filter size-large\" alt=\"high wine fletcher\" id=\"b-qlwhgq_m4gttrj5\" style=\"-webkit-mask-image: url(&#039;https:\/\/hightea.com\/wp-content\/themes\/bricks\/assets\/svg\/masks\/mask-circle.svg&#039;); -webkit-mask-size: cover; -webkit-mask-position: top center; -webkit-mask-repeat: no-repeat;mask-image: url(&#039;https:\/\/hightea.com\/wp-content\/themes\/bricks\/assets\/svg\/masks\/mask-circle.svg&#039;); mask-size: cover; mask-position: top center; mask-repeat: no-repeat;\" srcset=\"https:\/\/hightea.com\/wp-content\/uploads\/2025\/06\/High-Wine-Fletcher-e1775487904596.jpg 901w, https:\/\/hightea.com\/wp-content\/uploads\/2025\/06\/High-Wine-Fletcher-e1775487904596-300x200.jpg 300w, https:\/\/hightea.com\/wp-content\/uploads\/2025\/06\/High-Wine-Fletcher-e1775487904596-768x513.jpg 768w, https:\/\/hightea.com\/wp-content\/uploads\/2025\/06\/High-Wine-Fletcher-e1775487904596-18x12.jpg 18w, https:\/\/hightea.com\/wp-content\/uploads\/2025\/06\/High-Wine-Fletcher-e1775487904596-600x401.jpg 600w\" sizes=\"auto, (max-width: 901px) 100vw, 901px\" \/><\/div><\/div><\/section>\n\n<section id=\"b-ujjdcp_mcnp6dpr\" class=\"brxe-section gbrx-ujjdcp\"><div id=\"b-gqsndh_mcnp6dpr\" class=\"brxe-container gbrx-gqsndh\"><div id=\"b-wgupel_mcnp6dpr\" class=\"brxe-text gbrx-wgupel\"><p><span class=\"size\"><b><\/b><\/span><\/p>\n<h2>Geniet van:<br \/><\/h2>\n<p><b><\/b><\/p>\n<ul>\n<li dir=\"ltr\">\n<p dir=\"ltr\" role=\"presentation\">3 glazen Fletcher Cuvee<\/p>\n<\/li>\n<li dir=\"ltr\">\n<p dir=\"ltr\" role=\"presentation\">Een heerlijke borrelplank<\/p>\n<\/li>\n<li dir=\"ltr\">\n<p dir=\"ltr\" role=\"presentation\">Bijpassende warme en koude hapjes<\/p>\n<\/li>\n<\/ul>\n<p><\/p>\n<\/div><div id=\"b-vsycem_mcnp6dpr\" class=\"brxe-text gbrx-vsycem\"><h2>Hoe werkt het?<br \/><\/h2>\n<p dir=\"ltr\"><span>Een Fletcher High Wine voucher is geldig voor 2 personen voor de actieprijs van slechts \u20ac37,50. Een High Tea reserveren bij Fletcher werkt net even anders: Je koopt eerst een Fletcher High Wine voucher, die je vervolgens kunt inwisselen bij \u00e9\u00e9n van de ruim 95 deelnemende Fletcher restaurants. Na aankoop ontvang je alle informatie over hoe je de reservering moet maken direct samen met de vouchercode per e-mail. Op de speciale actiewebsite van Fletcher selecteer je eenvoudig de gewenste locatie en datum, en vul je vervolgens jouw unieke vouchercode in. Zo gemakkelijk is het! Geniet van een uitgebreide High Tea voor een uitstekende prijs. Veel plezier!<\/span><\/p>\n<\/div><\/div><\/section>\n\n<section id=\"b-mhhjwv_mcnp6dpq\" class=\"brxe-section gbrx-mhhjwv\"><div id=\"b-dhklft_mcnp6dpq\" class=\"brxe-container gbrx-dhklft\"><div id=\"b-uhvuni_mcnp6dpq\" class=\"brxe-text gbrx-uhvuni\"><h2><span>High Wine voucher<\/span><br \/><\/h2>\n<p><span>Een High Wine bij Fletcher is groot genieten, voor een kleine prijs. Maak gebruik van onze tijdelijke Fletcher aanbieding en bestel nu een High Tea voucher voor 2 personen voor slechts \u20ac37,50. Verwen jezelf of trakteer iemand anders op diverse hartige en zoete hapjes met natuurlijk onbeperkt thee of koffie. Met meer dan 95 deelnemende Fletcher hotels door heel Nederland, is er voor ieder wat wils. Ontdek een nieuwe stad of kies voor je favoriete restaurant in de buurt. Dit is d\u00e9 stok achter de deur om weer eens gezellig bij te praten met elkaar en nieuwe herinneringen te maken. Geniet van de voordelige afternoon tea, de omgeving en elkaar. Laat je verrassen met een verrukkelijke Fletcher High Wine! De voucher is geldig t\/m 2 jaar na aankoop.<\/span><\/p>\n<\/div><\/div><\/section>\n\n<section id=\"b-d1c747_m4h9514r\" class=\"brxe-section gbrx-d1c747\"><div id=\"b-4d00af_m4h9514r\" class=\"brxe-container gbrx-4d00af\"><h3 id=\"b-80ea65_m4h9514r\" class=\"brxe-heading gbrx-80ea65\">Fletcher voucher bestellen<\/h3><a id=\"b-dc8106_m4h9514r\" class=\"brxe-text-link gbrx-dc8106\" href=\"\/cadeau\/\">Bekijk meer cadeaus<\/a><\/div><div id=\"b-f7eba9_m4h9514r\" class=\"brxe-container gbrx-f7eba9\"><div id=\"b-aee50a_m4h9514r\" data-script-id=\"aee50a_m4h9514r\" class=\"brxe-slider-nested gbrx-aee50a splide\" data-splide=\"{&quot;type&quot;:&quot;slide&quot;,&quot;perPage&quot;:4,&quot;breakpoints&quot;:{\t\t&quot;990&quot;:{\t\t\t&quot;perPage&quot;:3,&quot;drag&quot;:&quot;free&quot;,&quot;snap&quot;:true\t\t},&quot;766&quot;:{\t\t\t&quot;perPage&quot;:2,&quot;drag&quot;:&quot;free&quot;,&quot;snap&quot;:true\t\t},&quot;477&quot;:{\t\t\t&quot;perPage&quot;:1,&quot;drag&quot;:&quot;free&quot;,&quot;snap&quot;:true,&quot;rewind&quot;:true,&quot;padding&quot;:&quot;20px&quot;\t\t}}}\"><div class=\"splide__track\"><div class=\"splide__list\"><div class=\"brxe-06a524 brxe-block\"><div class=\"brxe-cywern brxe-shortcode b-cywern_m4h9514r\"><a href=\"https:\/\/hightea.com\/nl\/fletcher-high-tea-voucher\/\" class=\"brxe-ijfrue brxe-block\"><div class=\"brxe-hofaeq brxe-block\"><svg class=\"brxe-lmyrep brxe-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572\"><\/path><\/svg><\/div><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"305\" src=\"https:\/\/hightea.com\/wp-content\/uploads\/2024\/09\/fletcher-voucher.jpg\" class=\"brxe-wsownk brxe-image css-filter size-large\" alt=\"\" srcset=\"https:\/\/hightea.com\/wp-content\/uploads\/2024\/09\/fletcher-voucher.jpg 450w, https:\/\/hightea.com\/wp-content\/uploads\/2024\/09\/fletcher-voucher-300x203.jpg 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><div class=\"brxe-dxysjb brxe-block\"><div class=\"brxe-gyptyg brxe-text-basic\">Fletcher High Tea voucher<\/div><div class=\"brxe-mcdcfo brxe-post-excerpt\"><p>Wil jij lekker \u00e9n voordelig High Tea-en? Wij hebben in samenwerking&hellip;<\/p>\n<\/div><\/div><div class=\"brxe-dopslj brxe-block\"><div class=\"brxe-fbtvwb brxe-text-basic\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;55,00<\/span><\/del> <span class=\"screen-reader-text\">Oorspronkelijke prijs was: &euro;&nbsp;55,00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;32,50<\/span><\/ins><span class=\"screen-reader-text\">Huidige prijs is: &euro;&nbsp;32,50.<\/span><\/div><\/div><\/a><\/div><\/div><div class=\"brxe-06a524 brxe-block\"><div class=\"brxe-cywern brxe-shortcode b-cywern_m4h9514r\"><a href=\"https:\/\/hightea.com\/nl\/fletcher-high-wine-voucher\/\" class=\"brxe-ijfrue brxe-block\"><div class=\"brxe-hofaeq brxe-block\"><svg class=\"brxe-lmyrep brxe-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572\"><\/path><\/svg><\/div><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"305\" src=\"https:\/\/hightea.com\/wp-content\/uploads\/2024\/09\/fletcher-voucher.jpg\" class=\"brxe-wsownk brxe-image css-filter size-large\" alt=\"\" srcset=\"https:\/\/hightea.com\/wp-content\/uploads\/2024\/09\/fletcher-voucher.jpg 450w, https:\/\/hightea.com\/wp-content\/uploads\/2024\/09\/fletcher-voucher-300x203.jpg 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><div class=\"brxe-dxysjb brxe-block\"><div class=\"brxe-gyptyg brxe-text-basic\">Fletcher High Wine voucher<\/div><div class=\"brxe-mcdcfo brxe-post-excerpt\"><p>Wil jij lekker \u00e9n voordelig High Wine-en? Wij hebben in samenwerking&hellip;<\/p>\n<\/div><\/div><div class=\"brxe-dopslj brxe-block\"><div class=\"brxe-fbtvwb brxe-text-basic\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;65,00<\/span><\/del> <span class=\"screen-reader-text\">Oorspronkelijke prijs was: &euro;&nbsp;65,00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;37,50<\/span><\/ins><span class=\"screen-reader-text\">Huidige prijs is: &euro;&nbsp;37,50.<\/span><\/div><\/div><\/a><\/div><\/div><div class=\"brxe-06a524 brxe-block\"><div class=\"brxe-cywern brxe-shortcode b-cywern_m4h9514r\"><a href=\"https:\/\/hightea.com\/nl\/fletcher-high-beer-voucher\/\" class=\"brxe-ijfrue brxe-block\"><div class=\"brxe-hofaeq brxe-block\"><svg class=\"brxe-lmyrep brxe-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572\"><\/path><\/svg><\/div><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"305\" src=\"https:\/\/hightea.com\/wp-content\/uploads\/2024\/09\/fletcher-voucher.jpg\" class=\"brxe-wsownk brxe-image css-filter size-large\" alt=\"\" srcset=\"https:\/\/hightea.com\/wp-content\/uploads\/2024\/09\/fletcher-voucher.jpg 450w, https:\/\/hightea.com\/wp-content\/uploads\/2024\/09\/fletcher-voucher-300x203.jpg 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><div class=\"brxe-dxysjb brxe-block\"><div class=\"brxe-gyptyg brxe-text-basic\">Fletcher High Beer voucher<\/div><div class=\"brxe-mcdcfo brxe-post-excerpt\"><p>Wil jij lekker \u00e9n voordelig High Beer-en? Wij hebben in samenwerking&hellip;<\/p>\n<\/div><\/div><div class=\"brxe-dopslj brxe-block\"><div class=\"brxe-fbtvwb brxe-text-basic\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;65,00<\/span><\/del> <span class=\"screen-reader-text\">Oorspronkelijke prijs was: &euro;&nbsp;65,00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;37,50<\/span><\/ins><span class=\"screen-reader-text\">Huidige prijs is: &euro;&nbsp;37,50.<\/span><\/div><\/div><\/a><\/div><\/div><\/div><\/div><\/div><a id=\"b-wtpdqw_m4h9514r\" class=\"brxe-text-link gbrx-wtpdqw\" href=\"\/cadeau\/\">Bekijk meer cadeaus<\/a><\/div><\/section>\n\n<section id=\"b-idtlxu_m4gusbya\" class=\"brxe-section gbrx-idtlxu\"><div id=\"b-vbbahh_m4gusbya\" class=\"brxe-container gbrx-vbbahh\"><h3 id=\"b-elxcps_m4gusbya\" class=\"brxe-heading gbrx-elxcps\">Fletcher locaties<\/h3><\/div><div id=\"b-tjnbav_m4gusbya\" class=\"brxe-container gbrx-tjnbav\"><link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n<div id=\"app\">\n    <div class=\"sidebar\" v-show=\"!is_fletcher &#038;&#038; !is_giftcard &#038;&#038; !is_groups\">\n        <div class=\"title-close\">\n            <h4>Arrangementen<\/h4>\n            <img decoding=\"async\" style=\"display:none;\" @click=\"hideFilters\" src=\"\/wp-content\/themes\/bricks-child\/assets\/circle-xmark-regular.svg\">\n        <\/div>\n        <div class=\"types\">\n            <a :class=\"{ 'active' : ''==type.slug }\" v-for=\"type in types\" :href=\"'\/nl\/\/'+type.slug+'\/'\">{{ type.name }}<\/a>\n        <\/div>\n        <div class=\"filters\" v-if=\"uniqueDieetwensen.length\">\n            <h5>Dieetwensen<\/h5>\n            <a :href=\"`.\/`+dieetwens.toLowerCase()+`\/`\" class=\"filter\" @click.prevent=\"toggleDiet(dieetwens)\" v-for=\"dieetwens in uniqueDieetwensen\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-light.svg\" v-if=\"!filters.diet.includes(dieetwens)\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-check-green.svg\" v-if=\"filters.diet.includes(dieetwens)\">\n                {{ dieetwens }}\n                <span class=\"count\">{{ filteredLocations.filter(item => item.dieetwensen.includes(dieetwens)).length }}<\/span>\n            <\/a>\n        <\/div>\n        <div class=\"filters\" v-if=\"uniqueAmbiances.length\">\n            <h5>Ambiance<\/h5>\n            <a :href=\"`.\/`+ambiance.toLowerCase()+`\/`\" class=\"filter\" @click.prevent=\"toggleAmbiance(ambiance)\" v-for=\"ambiance in uniqueAmbiances\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-light.svg\" v-if=\"!filters.ambiance.includes(ambiance)\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-check-green.svg\" v-if=\"filters.ambiance.includes(ambiance)\">\n                {{ ambiance }}\n                <span class=\"count\">{{ filteredLocations.filter(item => item.ambiance.includes(ambiance)).length }}<\/span>\n            <\/a>\n        <\/div>\n        <div class=\"filters\" v-if=\"uniqueOmgevingen.length\">\n            <h5>Omgeving<\/h5>\n            <a :href=\"`.\/`+omgeving.toLowerCase()+`\/`\" class=\"filter\" @click.prevent=\"toggleOmgeving(omgeving)\" v-for=\"omgeving in uniqueOmgevingen\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-light.svg\" v-if=\"!filters.omgeving.includes(omgeving)\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-check-green.svg\" v-if=\"filters.omgeving.includes(omgeving)\">\n                {{ omgeving }}\n                <span class=\"count\">{{ filteredLocations.filter(item => item.omgeving.includes(omgeving)).length }}<\/span>\n            <\/a>\n        <\/div>\n        <div class=\"filters\">\n            <h5>Beoordeling<\/h5>\n            <div class=\"filter\" @click=\"toggleRating(rating)\" v-for=\"rating in uniqueRatings\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-light.svg\" v-if=\"!filters.rating.includes(rating)\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-check-green.svg\" v-if=\"filters.rating.includes(rating)\">\n                {{ rating }} <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/star.svg\">\n                <span class=\"count\">{{ filteredLocations.filter(item => item.rating.includes(rating)).length }}<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"filters\">\n            <h5>Cadeaubonnen<\/h5>\n            <div class=\"filter\" @click=\"toggleGiftcard()\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-light.svg\" v-if=\"!filters.giftcard\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/bricks-child\/assets\/square-check-green.svg\" v-if=\"filters.giftcard\">\n                Betalen met cadeaubon\n                <span class=\"count\">{{ filteredLocations.filter(item => item.accept_giftcards == 1).length }}<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"locations-wrapper\" id=\"locations-top\">\n    <div class=\"locations\">\n        <div class=\"locations-empty\" v-if=\"filteredLocations.length === 0\">\n            <p v-if=\"locations.length === 0\">Geen restaurants beschikbaar<\/p>\n            <p v-else>Geen restaurants gevonden met deze filters.<\/p>\n        <\/div>\n        <a class=\"location\" :class=\"{ fletcher : is_fletcher, giftcard : is_giftcard, groups : is_groups }\" :href=\"location.url\" v-for=\"location in paginatedLocations\" :data-dieetwensen=\"location.dieetwensen.join(',')\"  :data-omgeving=\"location.omgeving.join(',')\" :data-ambiance=\"location.ambiance.join(',')\"  :data-rating=\"location.rating\">\n            <div class=\"fav\" :class=\"{ 'is-favorite': isFavorite(location.id) }\" @click=\"toggleFavorite($event, location.id)\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572\"><\/path>\n                <\/svg>\n            <\/div>\n            <img class=\"image\" :src=\"location.items[arrangementName][0].photo\" v-if=\"is_type &#038;&#038; location.items[arrangementName] &#038;&#038; location.items[arrangementName].length &#038;&#038; location.items[arrangementName][0].photo\">\n            <img class=\"image\" :src=\"location.image\" v-else>\n            <div class=\"name-rating\">\n                <span class=\"name\">{{ location.name }}<\/span>\n                <span class=\"rating\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 2 24 24\" fill=\"#bd00ba\"><path d=\"M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z\"><\/path><\/svg>{{ location.rating_exact }}<\/span>\n            <\/div>\n            <div class=\"address\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.364 4.636a9 9 0 0 1 .203 12.519l-.203 .21l-4.243 4.242a3 3 0 0 1 -4.097 .135l-.144 -.135l-4.244 -4.243a9 9 0 0 1 12.728 -12.728zm-6.364 3.364a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z\"><\/path><\/svg>\n                <span>{{ location.street }}, {{ location.city }}<\/span>\n            <\/div>\n            <div class=\"excerpt\">\n                {{ location.oneliner }}\n            <\/div>\n            <div class=\"diets\">\n                <div class=\"diet\" :title=\"diet\" v-for=\"diet in location.dieetwensen\">\n                    {{ diet }}\n                <\/div>\n                &#160;\n            <\/div>\n            <div v-if=\"(is_city || is_fletcher) &#038;&#038; !is_type\" class=\"soort-prijs center\">\n                <div class=\"type-icon\">\n                    <img :src=\"icon\" v-for=\"icon in location.icons\">\n                <\/div>\n            <\/div>\n            <div v-if=\"is_type &#038;&#038; location.items[arrangementName]\" v-for=\"(item, index) in location.items[arrangementName].slice(0, 1)\" class=\"soort-prijs\">\n                <img :src=\"item.icon\">\n                <div class=\"type-price\">\n                        <font size=\"2\" style=\"font-weight:400;\">vanaf<\/font> <span>&euro;{{ getMinPriceForLocation(location) }}<\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n        <a v-if=\"is_city &#038;&#038; ''!='1' &#038;&#038; ''=='high-tea'\" class=\"location bestellen\" href=\".\/bestellen\/\">\n            <img decoding=\"async\" class=\"image\" src=\"https:\/\/hightea.com\/wp-content\/uploads\/2024\/11\/high-tea-bestellen-thuis-bezorgen.jpg\">\n            <div class=\"name-rating\">\n                <span class=\"name\"><\/span>\n            <\/div>\n            <div class=\"address\">\n                &#160;\n            <\/div>\n            <div class=\"excerpt\">\n                            <\/div>\n            <div class=\"diets\">\n                &#160;\n            <\/div>\n            <div class=\"soort-prijs\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/coffee.svg\">\n                <div class=\"type-price\">\n                        <font size=\"2\" style=\"font-weight:400;\">vanaf<\/font> <span>&euro;16,50<\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n    <div class=\"pagination\" v-show=\"showPagination\">\n        <button class=\"pagination-btn\" @click=\"prevPage\" :disabled=\"currentPage === 1\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n            <\/svg>\n            Vorige\n        <\/button>\n        <div class=\"pagination-numbers\">\n            <button\n                v-for=\"page in pageNumbers\"\n                :key=\"page\"\n                @click=\"goToPage(page)\"\n                class=\"pagination-number\"\n                :class=\"{ active: currentPage === page }\">\n                {{ page }}\n            <\/button>\n        <\/div>\n        <button class=\"pagination-btn\" @click=\"nextPage\" :disabled=\"currentPage === totalPages\">\n            Volgende\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n            <\/svg>\n        <\/button>\n    <\/div>\n    <\/div>\n<\/div>\n<script>\n\nconst app = createApp({\n    \n    setup() {\n        const locations = ref([])\n        const is_type = ref(false)\n        const is_city = ref(false)\n        const is_fletcher = ref(false)\n\t\tconst is_giftcard = ref(false)\n\t\tconst is_groups = ref(false)\n        const arrangementName = ref(\"\")\n        const userLoggedIn = ref(false)\n        const userFavorites = ref([])\n\n        const allTypes = [{\"term_id\":299,\"name\":\"High Tea\",\"slug\":\"high-tea\",\"term_group\":0,\"term_taxonomy_id\":299,\"taxonomy\":\"arrangement\",\"description\":\"Reserveer een High Tea online bij de leukste restaurants van Nederland en geniet van zoete en hartige hapjes, heerlijke thee en een fijne sfeer. H\\u00e9t perfecte uitje om samen te genieten van kleine hapjes en verschillende thee\\u00ebn.\",\"parent\":0,\"count\":444,\"filter\":\"raw\",\"term_order\":\"0\"},{\"term_id\":301,\"name\":\"High Beer\",\"slug\":\"high-beer\",\"term_group\":0,\"term_taxonomy_id\":301,\"taxonomy\":\"arrangement\",\"description\":\"Zin in een gezellige middag vol bier en lekkernijen? Geniet van een High Beer met speciaalbieren, gecombineerd met bijpassende gerechtjes, goede snacks of een volle borrelplank. Perfect om samen te proeven en te genieten.\",\"parent\":0,\"count\":152,\"filter\":\"raw\",\"term_order\":\"1\"},{\"term_id\":300,\"name\":\"High Wine\",\"slug\":\"high-wine\",\"term_group\":0,\"term_taxonomy_id\":300,\"taxonomy\":\"arrangement\",\"description\":\"Een High Wine reserveren? Wij hebben de leukste restaurants voor je verzameld, van een sfeervolle wijnproeverij bij een wijngaard tot een gezellige High Wine in een knusse bistro. Ontdek, proef en proost!\",\"parent\":0,\"count\":198,\"filter\":\"raw\",\"term_order\":\"2\"},{\"term_id\":302,\"name\":\"High Cocktail\",\"slug\":\"high-cocktail\",\"term_group\":0,\"term_taxonomy_id\":302,\"taxonomy\":\"arrangement\",\"description\":\"Zin in een sprankelende middag vol cocktails en lekkernijen? Geniet van een mooi gedekte tafel en proef een selectie heerlijke mixdrankjes gecombineerd met bijpassende hapjes, tijdens een feestelijke High Cocktail. Cheers!\",\"parent\":0,\"count\":14,\"filter\":\"raw\",\"term_order\":\"3\"},{\"term_id\":303,\"name\":\"Lunch\",\"slug\":\"lunch\",\"term_group\":0,\"term_taxonomy_id\":303,\"taxonomy\":\"arrangement\",\"description\":\"Lekker lunchen bij een bijzonder restaurant? Ontdek de leukste lunchrestaurants, sorteer ze op ambiance, dieetwens of omgeving en geniet samen van een uniek en verrassend menu. Perfect voor een ontspannen middag!\",\"parent\":0,\"count\":8,\"filter\":\"raw\",\"term_order\":\"4\"},{\"term_id\":304,\"name\":\"Brunch\",\"slug\":\"brunch\",\"term_group\":0,\"term_taxonomy_id\":304,\"taxonomy\":\"arrangement\",\"description\":\"Geniet in een ontspannen sfeer van een heerlijke brunch bij een restaurant bij jou in de buurt. Proef een gevarieerd aanbod heerlijke gerechten, koffie en thee in de late ochtenduren. Dat is de perfecte relaxte start van de dag!\",\"parent\":0,\"count\":1,\"filter\":\"raw\",\"term_order\":\"5\"},{\"term_id\":306,\"name\":\"Diner\",\"slug\":\"diner\",\"term_group\":0,\"term_taxonomy_id\":306,\"taxonomy\":\"arrangement\",\"description\":\"Laat je verrassen en reserveer een uniek culinair diner, zoals shared dining of een luxe dinerplank. Kies je favoriete dinerrestaurant en geniet van een bijzondere en smaakvolle avond. Voor elk moment iets passends!\",\"parent\":0,\"count\":1,\"filter\":\"raw\",\"term_order\":\"6\"},{\"term_id\":305,\"name\":\"Ontbijt\",\"slug\":\"ontbijt\",\"term_group\":0,\"term_taxonomy_id\":305,\"taxonomy\":\"arrangement\",\"description\":\"Begin de dag goed met een heerlijk ontbijt in een sfeervol restaurant of ontbijtbar. Geniet van een uitgebreid ontbijt menu met onder andere verse broodjes, yoghurt met granola, pancakes, koffie, thee en nog veel meer!\",\"parent\":0,\"count\":2,\"filter\":\"raw\",\"term_order\":\"7\"},{\"term_id\":339,\"name\":\"Tapas\",\"slug\":\"tapas\",\"term_group\":0,\"term_taxonomy_id\":339,\"taxonomy\":\"arrangement\",\"description\":\"Waan je in Spaanse sferen en geniet van een avond of middag vol kleine, smaakvolle gerechtjes. Deel tapas met elkaar, proef bijzondere combinaties en laat je verrassen door de rijke smaken. Ontdek de beste tapas hotspots!\",\"parent\":0,\"count\":2,\"filter\":\"raw\",\"term_order\":\"9\"}];\n\n                const cityProductTypes = new Set([]);\n\n        \/\/ Filter types to only include those present in the city\n        const types = ref(allTypes.filter(type => cityProductTypes.has(type.name)));\n        \n        const uniqueDieetwensen = ref([])\n        const uniqueAmbiances = ref([])\n        const uniqueOmgevingen = ref([])\n        const uniqueRatings = ref([])\n\n        const filters = ref({\n            diet: [],\n            omgeving: [],\n            ambiance: [],\n            rating: [],\n            giftcard: false\n        });\n\n        \/\/ Pagination state\n        const currentPage = ref(1);\n        const itemsPerPage = ref(36);\n\n        \/\/ Favorite functionality\n        const isFavorite = (locationId) => {\n            return userFavorites.value.map(String).includes(String(locationId));\n        }\n\n        const toggleFavorite = async (event, locationId) => {\n            event.preventDefault();\n            event.stopPropagation();\n            \n            if (!userLoggedIn.value) {\n                alert('Je moet ingelogd zijn om favorieten op te slaan. Klik op \"Inloggen\" om verder te gaan.');\n                return;\n            }\n            \n            try {\n                const formData = new FormData();\n                formData.append('action', 'toggle_favorite');\n                formData.append('location_id', locationId);\n                formData.append('nonce', favoritesAjax.nonce);\n                \n                const response = await fetch(favoritesAjax.ajaxurl, {\n                    method: 'POST',\n                    body: formData\n                });\n                \n                const data = await response.json();\n                \n                if (data.success) {\n                    if (data.data.is_favorite) {\n                        userFavorites.value.push(locationId);\n                    } else {\n                        const index = userFavorites.value.indexOf(locationId);\n                        if (index > -1) {\n                            userFavorites.value.splice(index, 1);\n                        }\n                    }\n                    \n                    \/\/ Optional: show a brief notification\n                    showNotification(data.data.message);\n                } else {\n                    alert(data.data.message || 'Er ging iets mis. Probeer het opnieuw.');\n                }\n            } catch (error) {\n                console.error('Favorite toggle error:', error);\n                alert('Er ging iets mis. Probeer het opnieuw.');\n            }\n        };\n        \n        const showNotification = (message) => {\n            \/\/ Create a simple toast notification\n            const toast = document.createElement('div');\n            toast.className = 'favorite-toast';\n            toast.textContent = message;\n            document.body.appendChild(toast);\n            \n            setTimeout(() => {\n                toast.classList.add('show');\n            }, 10);\n            \n            setTimeout(() => {\n                toast.classList.remove('show');\n                setTimeout(() => toast.remove(), 300);\n            }, 2000);\n        };\n\n        const getCount = (name, value) => {\n            const visibleElements = Array.from(\n                document.querySelectorAll('[data-'+name+'*=\"'+value+'\"]')\n            ).filter((el) => {\n                const style = window.getComputedStyle(el);\n                return (\n                el.offsetWidth > 0 &&\n                el.offsetHeight > 0 &&\n                style.visibility !== \"hidden\" &&\n                style.display !== \"none\"\n                );\n            });\n\n            return visibleElements.length;\n        };\n\n        const toggleDiet = (item) => {\n            const index = filters.value.diet.indexOf(item);\n            if (index === -1) {\n                filters.value.diet.push(item);\n            } else {\n                filters.value.diet.splice(index, 1);\n            }\n        };\n        const toggleAmbiance = (item) => {\n            const index = filters.value.ambiance.indexOf(item);\n            if (index === -1) {\n                filters.value.ambiance.push(item);\n            } else {\n                filters.value.ambiance.splice(index, 1);\n            }\n        };\n        const toggleOmgeving = (item) => {\n            const index = filters.value.omgeving.indexOf(item);\n            if (index === -1) {\n                filters.value.omgeving.push(item);\n            } else {\n                filters.value.omgeving.splice(index, 1);\n            }\n        };\n        const toggleRating = (item) => {\n            const index = filters.value.rating.indexOf(item);\n            if (index === -1) {\n                filters.value.rating.push(item);\n            } else {\n                filters.value.rating.splice(index, 1);\n            }\n        };\n\n        const toggleGiftcard = () => {\n            filters.value.giftcard = !filters.value.giftcard;\n        };\n\n        const hideFilters = () => {\n\n            document.querySelector('.sidebar').style.display='none';\n\n        }\n        \n        function refreshFilters() {\n            \n            elements = document.querySelectorAll('[data-dieetwensen]');\n            const allDieetwensen = Array.from(elements)\n                .map(el => el.getAttribute('data-dieetwensen')) \/\/ Get the attribute values\n                .filter(Boolean) \/\/ Remove null\/undefined values\n                .flatMap(value => value.split(',')); \/\/ Split by comma and flatten the array\n            this.uniqueDieetwensen = [...new Set(allDieetwensen)];\n\n            elements = document.querySelectorAll('[data-ambiance]');\n            const allAmbiances = Array.from(elements)\n                .map(el => el.getAttribute('data-ambiance')) \/\/ Get the attribute values\n                .filter(Boolean) \/\/ Remove null\/undefined values\n                .flatMap(value => value.split(',')); \/\/ Split by comma and flatten the array\n            this.uniqueAmbiances = [...new Set(allAmbiances)];\n\n            elements = document.querySelectorAll('[data-omgeving]');\n            const allOmgevingen = Array.from(elements)\n                .map(el => el.getAttribute('data-omgeving')) \/\/ Get the attribute values\n                .filter(Boolean) \/\/ Remove null\/undefined values\n                .flatMap(value => value.split(',')); \/\/ Split by comma and flatten the array\n            this.uniqueOmgevingen = [...new Set(allOmgevingen)];\n\n            elements = document.querySelectorAll('[data-rating]');\n            const allRatings = Array.from(elements)\n                .map(el => el.getAttribute('data-rating')) \/\/ Get the attribute values\n                .filter(Boolean) \/\/ Remove null\/undefined values\n                .flatMap(value => value.split(',')); \/\/ Split by comma and flatten the array\n            this.uniqueRatings = [...new Set(allRatings)];\n\n        }\n\n                        \n        \/\/ Pagination methods\n        const scrollToTop = () => {\n            const element = document.querySelector('#locations-top');\n            if (element) {\n                element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        };\n\n        const goToPage = (page) => {\n            currentPage.value = page;\n            scrollToTop();\n        };\n\n        const nextPage = () => {\n            currentPage.value = currentPage.value + 1;\n            scrollToTop();\n        };\n\n        const prevPage = () => {\n            currentPage.value = currentPage.value - 1;\n            scrollToTop();\n        };\n\n        \/\/ Lowest price for \"vanaf\" display (across all items of this type at this location)\n        const getMinPrice = (items) => {\n            if (!items || !items.length) return '';\n            const prices = items.map(i => parseFloat(String(i.price).replace(',', '.')) || 0).filter(Boolean);\n            if (!prices.length) return '';\n            const min = Math.min(...prices);\n            return Number.isInteger(min) ? min : min.toFixed(2).replace('.', ',');\n        };\n\n        const getMinPriceForLocation = (location) => {\n            const key = arrangementName.value;\n            return getMinPrice( location.items && key ? location.items[ key ] : null );\n        };\n\n        \/\/ Watch filters and reset to page 1 when filters change\n        watch(filters.value, (newFilters) => {\n            currentPage.value = 1;\n            scrollToTop();\n        });\n\n        return {\n            locations,\n            getMinPrice,\n            getMinPriceForLocation,\n            is_type,\n            is_city,\n            arrangementName,\n            types,\n            filters,\n            uniqueDieetwensen,\n            uniqueAmbiances,\n            uniqueOmgevingen,\n            uniqueRatings,\n            filters,\n            toggleDiet,\n            toggleAmbiance,\n            toggleOmgeving,\n            toggleRating,\n            toggleGiftcard,\n            hideFilters,\n            refreshFilters,\n            is_fletcher,\n\t\t\tis_giftcard,\n\t\t\tis_groups,\n            userLoggedIn,\n            userFavorites,\n            isFavorite,\n            toggleFavorite,\n            currentPage,\n            itemsPerPage,\n            goToPage,\n            nextPage,\n            prevPage\n        }\n    },\n    mounted() {\n\n        this.refreshFilters()\n\n    },\n    computed: {\n        filteredLocations() {\n\n            const { diet, omgeving, ambiance, rating, giftcard } = this.filters;\n\n            return this.locations.filter(location => {\n            const matchesDieetwensen =\n                diet.length === 0 ||\n                diet.every(d => location.dieetwensen.includes(d));\n            const matchesOmgeving =\n                omgeving.length === 0 ||\n                omgeving.every(a => location.omgeving.includes(a));\n            const matchesAmbiance =\n                ambiance.length === 0 ||\n                ambiance.every(o => location.ambiance.includes(o));\n            const matchesRating =\n                rating.length === 0 ||\n                rating.some(r => location.rating==r);\n            const matchesGiftcard =\n                !giftcard || location.accept_giftcards == 1;\n\n            return matchesDieetwensen && matchesAmbiance && matchesOmgeving && matchesRating && matchesGiftcard;\n            });\n        },\n        totalPages() {\n            return Math.ceil(this.filteredLocations.length \/ this.itemsPerPage);\n        },\n        showPagination() {\n            return this.totalPages > 1;\n        },\n        pageNumbers() {\n            return Array.from({ length: this.totalPages }, (_, i) => i + 1);\n        },\n        paginatedLocations() {\n            const start = (this.currentPage - 1) * this.itemsPerPage;\n            const end = start + this.itemsPerPage;\n            return this.filteredLocations.slice(start, end);\n        }\n    }\n});\n\napp.mount('#app');\n<\/script>\n<style>\n.giftcard-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 10px;\n    background: #e8f5e9;\n    color: #2e7d32;\n    border-radius: 15px;\n    font-size: 12px;\n    margin: 5px 15px;\n}\n\/* Favorite button styles *\/\n.fav {\n    position: absolute;\n    right: 15px;\n    top: 15px;\n    background: #fff;\n    height: 26px;\n    padding: 3px 10px;\n    border-radius: 20px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 10;\n}\n\n.fav:hover {\n    transform: scale(1.1);\n    box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n}\n\n.fav svg {\n    height: 20px;\n    transition: all 0.3s ease;\n}\n\n.fav.is-favorite svg {\n    fill: #bd00ba;\n    stroke: #bd00ba;\n}\n\n.fav:not(.is-favorite):hover svg {\n    stroke: #bd00ba;\n}\n\n\/* Toast notification *\/\n.favorite-toast {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    background: #333;\n    color: white;\n    padding: 12px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.3s ease;\n    z-index: 9999;\n}\n\n.favorite-toast.show {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Favorites page styles for My Account *\/\n.remove-favorite {\n    background: #ff4444;\n    color: white;\n    border: none;\n    padding: 8px 16px;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 14px;\n    transition: background 0.3s ease;\n}\n\n.remove-favorite:hover {\n    background: #cc0000;\n}\n#app2 {\n    padding:50px 0 0 0;\n    & h3 {\n        margin-bottom:15px;\n        @media(max-width:477px){\n            padding:0 20px;\n            box-sizing:border-box;\n        }\n    }\n    & .location-map {\n        display:flex;\n        column-gap:25px;\n        position:relative;\n        @media(max-width:477px){\n            flex-direction:column;\n            padding:50px 20px 0 20px;\n        }\n        & .locations {\n            width:340px;\n            padding:20px;\n            background:rgba(255,255,255,0.5);\n            position:absolute;\n            z-index:100;\n            left:0;\n            top:0;\n            height:100%;\n            flex-shrink:0;\n            display:flex;\n            flex-direction:column;\n            row-gap:15px;\n            max-height:800px;\n            overflow-y:scroll;\n            @media(max-width:477px){\n                width:100%;\n                order:1;\n                display:none;\n            }\n            & .location {\n                align-self:flex-start;\n                background:#fff;\n                border-radius:15px;\n                border:1px solid #e0e0e0;\n                width:100%;\n                position:relative;\n                cursor: pointer;\n                padding-bottom:15px;\n                transition:transform 500ms ease;\n                &.bestellen {\n                    background:#fdf4ff;\n                    & .excerpt {\n                        color:#3e3e3e;\n                    }\n                }\n                @media(max-width:990px){\n\n                }\n                @media(max-width:477px){\n                    width:100%;\n                }\n                & .fav {\n                    position:absolute;\n                    right:15px;\n                    top:15px;\n                    background:#fff;\n                    height:26px;\n                    padding:3px 10px;\n                    border-radius:20px;\n                    & svg {\n                        height:20px;\n                    }\n                }\n                & .image {\n                    aspect-ratio:16\/9;\n                    object-fit:cover;\n                }\n                & .name-rating {\n                    display:flex;\n                    justify-content:space-between;\n                    padding:10px 15px 5px 15px;\n                    & .name {\n                        font-size:17px;\n                        font-weight:700;\n                        text-overflow:ellipsis;\n                        overflow:hidden;\n                        white-space:nowrap;\n                    }\n                    & .rating {\n                        display:flex;\n                        align-items:center;\n                        column-gap:5px;\n                        & svg {\n                        }\n                    }\n                }\n                & .address {\n                    display:flex;\n                    align-items:flex-start;\n                    column-gap:5px;\n                    padding:0 15px;\n                    font-size:14px;\n                    min-height:50px;\n                    & svg {\n                        height:20px;\n                        flex-shrink:0;\n                    }\n                }\n                & .excerpt {\n                    color:#9e9e9e;\n                    font-size:14px;\n                    padding:10px 15px;\n                }\n                & .diets {\n                    padding:5px 15px;\n                    display:flex;\n                    align-items:center;\n                    column-gap:5px;\n                    flex-wrap:nowrap;\n                    overflow-x:auto;\n                    overflow-y:hidden;\n                    max-width:100%;\n                    -webkit-overflow-scrolling:touch;\n                    scrollbar-width:none;\n                    -ms-overflow-style:none;\n                    position:relative;\n                    &::-webkit-scrollbar { display:none; }\n                    & .diet {\n                        border:1px solid #E1DED2;\n                        color:#777467;\n                        background:#F5F4EC;\n                        font-size: 12px;\n                        padding:0px 8px;\n                        min-width: auto;\n                        align-items: center;\n                        border-radius:15px;\n                        white-space:nowrap;\n                        flex-shrink:0;\n                    }\n                }\n                & .soort-prijs {\n                    width:100%;\n                    flex-direction:row;\n                    display:flex;\n                    align-items:center;\n                    justify-content:space-between;\n                    padding:10px 15px 0 15px;\n                    &:not(.center) img {\n                        height:30px;\n                        filter:invert(18%) sepia(97%) saturate(2333%) hue-rotate(285deg) brightness(101%) contrast(141%);\n                    }\n                    & .type-price {\n                        font-size:20px;\n                        font-weight:700;\n                    }\n                    &.center {\n                        padding:10px 0 5px 0;\n                        position:relative;\n                        margin-top:10px;\n                        &:after {\n                            content:'';\n                            border-bottom:1px solid #e0e0e0;\n                            bottom:15px;\n                            width:100%;\n                            height:1px;\n                            position:absolute;\n                            z-index:0;\n                        }\n                        & .type-icon {\n                            margin:0 auto;\n                            background:#fff;\n                            padding:0 10px;\n                            display:flex;\n                            align-items:center;\n                            column-gap:10px;\n                            z-index:1;\n                            & img {\n                                height:25px;\n                                filter:none;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        & #map {\n            position:relative;\n            aspect-ratio:16\/9;\n            border-radius:15px;\n            width:100%;\n\t\t\tz-index:50;\n\t\t\theight:600px;\n            padding:0 20px;\n            box-sizing:border-box;\n            @media(max-width:477px){\n                aspect-ratio:1\/1;\n                order:0;\n            }\n        }\n    }\n}\n.infowindow {\n    position:relative;\n\tfont-size:16px;\n    & a {\n        color:#d000a2;\n        font-weight:500;\n        text-decoration:underline;\n    }\n}\n#app {\n    display:flex;\n    column-gap:50px;\n    padding-bottom:50px;\n    .sidebar {\n        flex-basis:250px;\n        flex-shrink:0;\n        font-size:14px;\n        @media(max-width:990px){\n            flex-basis:200px;\n        }\n        @media(max-width:767px){\n            flex-basis:150px;\n        }\n        @media(max-width:477px){\n            display:none;\n            position:fixed;\n            width:calc(100% - 50px);\n            height:calc(100% - 50px);\n            max-height:calc(100dvh - 50px);\n            background:#fff;\n            top:25px;\n            left:25px;\n            padding:20px 30px;\n            box-sizing:border-box;\n            z-index:1000;\n            border-radius:15px;\n            box-shadow:0 0 15px #e0e0e0;\n            overflow-x:hidden;\n            overflow-y:auto;\n            -webkit-overflow-scrolling:touch;\n            overscroll-behavior:contain;\n        }\n        .title-close {\n            display:flex;\n            align-items:center;\n            justify-content:space-between;\n            & img {\n                display:none;\n                height:30px;\n                @media(max-width:477px){\n                    display:block !important;\n                }\n            }\n        }\n        & h4 {\n            font-size:18px;\n        }\n        & h5 {\n            font-size:14px;\n            margin-bottom:5px;\n        }\n        & .types {\n            display:flex;\n            flex-direction:column;\n            row-gap:2px;\n            @media(max-width:477px){ \n                \n            }\n            & a {\n                display:block;\n                transition:color 300ms ease;\n                &:hover,\n                &.active {\n                    color:#bd00ba;\n                }\n                &.active {\n                    font-weight:700;\n                }\n            }\n        }\n        & .filters {\n            border-top:1px solid #e0e0e0;\n            padding-top:25px;\n            margin-top:25px;\n            @media(max-width:477px){\n                margin-top:10px;\n            }\n            & .filter {\n                cursor: pointer;\n                display:flex;\n                align-items:center;\n                position:relative;\n                column-gap:10px;\n                padding-right:36px;\n                min-width:0;\n                max-width:100%;\n                box-sizing:border-box;\n                overflow-wrap:anywhere;\n                word-break:break-word;\n                white-space:normal;\n                & img {\n                    height:16px;\n                    flex-shrink:0;\n                }\n                & .count {\n                    right:0;\n                    position:absolute;\n                    color:#c1c1c1;\n                    top:2px;\n                    flex-shrink:0;\n                }\n            }\n        }\n    }\n    .locations-wrapper {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n    }\n    .locations {\n        display:flex;\n        column-gap:25px;\n        row-gap:35px;\n        flex-wrap:wrap;\n        width:100%;\n        & .locations-empty {\n            width:100%;\n            padding:40px 20px;\n            text-align:center;\n            color:#616161;\n            font-size:18px;\n            line-height:1.5;\n        }\n        @media(max-width:477px){\n            padding:0px 20px;\n            width:100%;\n            box-sizing:border-box;\n        }\n        & .location {\n            align-self:flex-start;\n            border-radius:15px;\n            box-shadow:0 0 10px #e0e0e0;\n            overflow:hidden;\n            width:calc(33.33% - 17.5px);\n            position:relative;\n            cursor: pointer;\n            padding-bottom:15px;\n            transition:transform 500ms ease;\n            text-decoration:none;\n            color:inherit;\n            &.fletcher,\n\t\t\t&.giftcard,\n\t\t\t&.groups {\n                width:calc(25% - 20px);\n            }\n            & .excerpt {\n                display: -webkit-box;\n                -webkit-line-clamp: 2; \/* Number of lines to show *\/\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n                padding-bottom:0 !important;\n                margin-bottom:15px;\n            }\n            &.bestellen {\n                background:#fdf4ff;\n                & .excerpt {\n                    color:#3e3e3e;\n                }\n            }\n            @media(max-width:990px){\n                width:calc(50% - 15px);\n            }\n            @media(max-width:477px){\n                width:100%;\n            }\n            &:hover {\n            }\n            & .fav {\n                position:absolute;\n                right:15px;\n                top:15px;\n                background:#fff;\n                height:26px;\n                padding:3px 10px;\n                border-radius:20px;\n                & svg {\n                    height:20px;\n                }\n            }\n            & .image {\n                aspect-ratio:16\/9;\n                object-fit:cover;\n            }\n            & .name-rating {\n                display:flex;\n                justify-content:space-between;\n                padding:10px 15px 5px 15px;\n                & .name {\n                    font-size:17px;\n                    font-weight:700;\n                    text-overflow:ellipsis;\n                    overflow:hidden;\n                    white-space:nowrap;\n                }\n                & .rating {\n                    display:flex;\n                    align-items:center;\n                    column-gap:5px;\n                    & svg {\n                    }\n                }\n            }\n            & .address {\n                display:flex;\n                align-items:flex-start;\n                column-gap:5px;\n                padding:0 15px;\n                font-size:14px;\n                min-height:50px;\n                & svg {\n                    height:20px;\n                    flex-shrink:0;\n                }\n            }\n            & .excerpt {\n                color:#9e9e9e;\n                font-size:14px;\n                padding:10px 15px;\n            }\n            & .diets {\n                padding:5px 15px;\n                display:flex;\n                align-items:center;\n                column-gap:5px;\n                flex-wrap:nowrap;\n                overflow-x:auto;\n                overflow-y:hidden;\n                max-width:100%;\n                -webkit-overflow-scrolling:touch;\n                scrollbar-width:none;\n                -ms-overflow-style:none;\n                position:relative;\n                &::-webkit-scrollbar { display:none; }\n                & .diet {\n                    border:1px solid #E1DED2;\n                    color:#777467;\n                    background:#F5F4EC;\n                    font-size: 12px;\n                    padding:0px 8px;\n                    min-width: auto;\n                    align-items: center;\n                    border-radius:15px;\n                    white-space:nowrap;\n                    flex-shrink:0;\n                }\n            }\n            & .soort-prijs {\n                width:100%;\n                flex-direction:row;\n                display:flex;\n                align-items:center;\n                justify-content:space-between;\n                padding:10px 15px 0 15px;\n                &:not(.center) img {\n                    height:30px;\n                    filter:invert(18%) sepia(97%) saturate(2333%) hue-rotate(285deg) brightness(101%) contrast(141%);\n                }\n                & .type-price {\n                    font-size:20px;\n                    font-weight:700;\n                }\n                &.center {\n                    padding:10px 0 5px 0;\n                    position:relative;\n                    margin-top:10px;\n                    &:after {\n                        content:'';\n                        border-bottom:1px solid #e0e0e0;\n                        bottom:15px;\n                        width:100%;\n                        height:1px;\n                        position:absolute;\n                        z-index:0;\n                    }\n                    & .type-icon {\n                        margin:0 auto;\n                        background:#fff;\n                        padding:0 10px;\n                        display:flex;\n                        align-items:center;\n                        column-gap:10px;\n                        z-index:1;\n                        & img {\n                            height:25px;\n                            filter:none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .pagination {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        margin-top: 40px;\n        width: 100%;\n        @media(max-width:477px){\n            padding: 0 20px;\n            box-sizing: border-box;\n        }\n        & .pagination-btn {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 20px;\n            background: #fff;\n            border: 1px solid #e0e0e0;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 14px;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            color: #333;\n            &:hover:not(:disabled) {\n                background: #f5f5f5;\n                border-color: #bd00ba;\n                color: #bd00ba;\n                & svg {\n                    stroke: #bd00ba;\n                }\n            }\n            &:disabled {\n                opacity: 0.4;\n                cursor: not-allowed;\n            }\n            & svg {\n                transition: stroke 0.3s ease;\n            }\n        }\n        & .pagination-numbers {\n            display: flex;\n            gap: 5px;\n            @media(max-width:477px){\n                overflow-x: auto;\n                max-width: calc(100vw - 220px);\n                scrollbar-width: none;\n                -ms-overflow-style: none;\n                &::-webkit-scrollbar {\n                    display: none;\n                }\n            }\n            & .pagination-number {\n                min-width: 40px;\n                height: 40px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background: #fff;\n                border: 1px solid #e0e0e0;\n                border-radius: 8px;\n                cursor: pointer;\n                font-size: 14px;\n                font-weight: 500;\n                transition: all 0.3s ease;\n                color: #333;\n                &:hover {\n                    background: #f5f5f5;\n                    border-color: #bd00ba;\n                    color: #bd00ba;\n                }\n                &.active {\n                    background: #bd00ba;\n                    border-color: #bd00ba;\n                    color: #fff;\n                    font-weight: 700;\n                }\n            }\n        }\n    }\n}\n<\/style><\/div><\/section>\n\n<section id=\"faq\" class=\"brxe-section\"><div id=\"b-ab0ed3_mc57e8i0\" class=\"brxe-container gbrx-ab0ed3\"><h3 id=\"b-3bdfc2_mc57e8i0\" class=\"brxe-heading gbrx-3bdfc2\">Veelgestelde vragen<\/h3><?xml encoding=\"UTF-8\"><div id=\"b-ac5315_mc57e8i0\" data-script-id=\"ac5315_mc57e8i0\" class=\"brxe-accordion-nested gbrx-ac5315\"><div class=\"brxe-a80122 brxe-block\"><div class=\"brxe-aee545 brxe-block accordion-title-wrapper b-aee545_mc57e8i0\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-controls=\"\"><h5 class=\"brxe-c1ce49 brxe-heading b-c1ce49_mc57e8i0\" id=\"\">Wat zijn de High Wine actievoorwaarden?<\/h5><i class=\"ion-ios-arrow-forward brxe-c641b6 brxe-icon b-c641b6_mc57e8i0\"><\/i><\/div><div class=\"brxe-d20079 brxe-block accordion-content-wrapper b-d20079_mc57e8i0\" id=\"\" role=\"region\" aria-labelledby=\"\"><div class=\"brxe-7a4039 brxe-text b-7a4039_mc57e8i0\"><ul>\n<li><span>De unieke reserveringscode geeft recht op een High Wine voor twee personen in &eacute;&eacute;n van de ruim 95 deelnemende restaurants van Fletcher Hotels.<\/span><\/li>\n<li><span>Hotel Gilde, Hotel Amsterdam, Stadshotel Den Haag, Hotel-Restaurant Parkstad-Zuid Limburg, Hotel Rotterdam-Airport, Hotel-Restaurant Oud London, Boutique Hotel Slaak-Rotterdam, Parkhotel De Wiemsel, Beachclub Zuiderduin, De Kalkovens, Pastarestaurant Laguna, De Kromme Dissel, Restaurant NEXT en Slot Zeist zijn uitgesloten van deelname.<\/span><\/li>\n<li><span>De High Wine duurt maximaal 2,5 uur (aanvang mogelijk tussen 14:00-20:00 uur).<\/span><\/li>\n<li><span>Vooraf reserveren via de actiewebsite www.borrelenbijfletcher.nl is verplicht en is mogelijk tot 24 uur voor aanvang.<\/span><\/li>\n<li><span>De inhoud van de High Wine kan per restaurant verschillen.<\/span><\/li>\n<li><span>Deze actie is niet geschikt voor een High Wine op een specifieke datum en\/of in een specifiek restaurant.<\/span><\/li>\n<li><span>Voor deze actie wordt per deelnemend restaurant een aantal (maar niet alle beschikbare) plaatsen beschikbaar gesteld. Het beschikbare aantal plaatsen varieert per periode en wordt be&iuml;nvloed door de populariteit van het voorkeurs restaurant op dat moment (als gevolg van feestdagen, vakanties, week- of weekenddag etc.).<\/span><\/li>\n<li><span>Er zijn niet op ieder moment, bij ieder van de deelnemende restaurants, plaatsen beschikbaar voor deze actie. Het kan voorkomen dat de voorkeur voor een restaurant en\/of datum niet beschikbaar is. Er dient dan een andere locatie en\/of moment gekozen te worden.<\/span><\/li>\n<li><span>Er kan geen garantie worden gegeven dat er meerdere reserveringscodes verzilverd kunnen worden voor dezelfde dag in hetzelfde restaurant. Er geldt een maximum van 6 personen (3 unieke reserveringscodes) per gezelschap.<\/span><\/li>\n<li><span>Er zijn in ieder geval een of meerdere plaatsen per reserveringscode in een of meerdere van de deelnemende restaurants beschikbaar.<\/span><\/li>\n<li><span>Het is mogelijk om zonder opgaaf van reden de aankoop te ontbinden gedurende 14 dagen na aankoop.<\/span><\/li>\n<li><span>De unieke reserveringscode is na aankoop 2 jaar geldig.<\/span><\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"brxe-a80122 brxe-block\"><div class=\"brxe-aee545 brxe-block accordion-title-wrapper b-aee545_mc57e8i0\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-controls=\"\"><h5 class=\"brxe-c1ce49 brxe-heading b-c1ce49_mc57e8i0\" id=\"\">Hoelang is mijn Fletcher High Wine voucher geldig?<\/h5><i class=\"ion-ios-arrow-forward brxe-c641b6 brxe-icon b-c641b6_mc57e8i0\"><\/i><\/div><div class=\"brxe-d20079 brxe-block accordion-content-wrapper b-d20079_mc57e8i0\" id=\"\" role=\"region\" aria-labelledby=\"\"><div class=\"brxe-7a4039 brxe-text b-7a4039_mc57e8i0\"><p><span>De voucher is geldig t\/m 2 jaar na aankoop<\/span><\/p>\n<\/div><\/div><\/div><div class=\"brxe-a80122 brxe-block\"><div class=\"brxe-aee545 brxe-block accordion-title-wrapper b-aee545_mc57e8i0\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-controls=\"\"><h5 class=\"brxe-c1ce49 brxe-heading b-c1ce49_mc57e8i0\" id=\"\">Hoe reserveer ik met mijn Fletcher High Wine voucher?<\/h5><i class=\"ion-ios-arrow-forward brxe-c641b6 brxe-icon b-c641b6_mc57e8i0\"><\/i><\/div><div class=\"brxe-d20079 brxe-block accordion-content-wrapper b-d20079_mc57e8i0\" id=\"\" role=\"region\" aria-labelledby=\"\"><div class=\"brxe-7a4039 brxe-text b-7a4039_mc57e8i0\"><p><span>Na aankoop ontvang je de voucher direct per e-mail. Met de vouchercode kun je vervolgens eenvoudig online reserveren via www.borrelenbijfletcher.nl Hier vind je per locatie de beschikbaarheid en kun je direct de gewenste datum en tijd kiezen.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"brxe-a80122 brxe-block\"><div class=\"brxe-aee545 brxe-block accordion-title-wrapper b-aee545_mc57e8i0\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-controls=\"\"><h5 class=\"brxe-c1ce49 brxe-heading b-c1ce49_mc57e8i0\" id=\"\">Waar vind ik de beschikbaarheid per Fletcher hotel?<\/h5><i class=\"ion-ios-arrow-forward brxe-c641b6 brxe-icon b-c641b6_mc57e8i0\"><\/i><\/div><div class=\"brxe-d20079 brxe-block accordion-content-wrapper b-d20079_mc57e8i0\" id=\"\" role=\"region\" aria-labelledby=\"\"><div class=\"brxe-7a4039 brxe-text b-7a4039_mc57e8i0\"><p><span>De beschikbare data per Fletcher Hotel is te vinden op www.borrelenbijfletcher.nl<br><\/span><\/p>\n<p><span>Zonder vouchercode is het helaas niet mogelijk om de beschikbaarheid vooraf te bekijken.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"brxe-a80122 brxe-block\"><div class=\"brxe-aee545 brxe-block accordion-title-wrapper b-aee545_mc57e8i0\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-controls=\"\"><h5 class=\"brxe-c1ce49 brxe-heading b-c1ce49_mc57e8i0\" id=\"\">Kan ik een Fletcher voucher kopen voor een oneven aantal?<\/h5><i class=\"ion-ios-arrow-forward brxe-c641b6 brxe-icon b-c641b6_mc57e8i0\"><\/i><\/div><div class=\"brxe-d20079 brxe-block accordion-content-wrapper b-d20079_mc57e8i0\" id=\"\" role=\"region\" aria-labelledby=\"\"><div class=\"brxe-7a4039 brxe-text b-7a4039_mc57e8i0\"><p><span>Helaas is het niet mogelijk een Fletcher voucher reservering te plaatsen\/aan te schaffen voor een oneven aantal personen. Wanneer je los een High Tea reserveert bij Fletcher, zijn de kosten &euro;27,50 p.p.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"brxe-a80122 brxe-block\"><div class=\"brxe-aee545 brxe-block accordion-title-wrapper b-aee545_mc57e8i0\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-controls=\"\"><h5 class=\"brxe-c1ce49 brxe-heading b-c1ce49_mc57e8i0\" id=\"\">Kan ik een Fletcher voucher reserveren voor een grotere groep?<\/h5><i class=\"ion-ios-arrow-forward brxe-c641b6 brxe-icon b-c641b6_mc57e8i0\"><\/i><\/div><div class=\"brxe-d20079 brxe-block accordion-content-wrapper b-d20079_mc57e8i0\" id=\"\" role=\"region\" aria-labelledby=\"\"><div class=\"brxe-7a4039 brxe-text b-7a4039_mc57e8i0\"><p><span>Het is mogelijk om meerdere vouchers te bestellen en deze samen te reserveren. Er geldt een maximum van 6 personen (3 unieke reserveringscodes) per gezelschap.<\/span><\/p>\n<\/div><\/div><\/div><\/div>\n<\/div><\/section>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":21293,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-21403","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hightea.com\/nl\/wp-json\/wp\/v2\/pages\/21403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hightea.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hightea.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hightea.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hightea.com\/nl\/wp-json\/wp\/v2\/comments?post=21403"}],"version-history":[{"count":6,"href":"https:\/\/hightea.com\/nl\/wp-json\/wp\/v2\/pages\/21403\/revisions"}],"predecessor-version":[{"id":22283,"href":"https:\/\/hightea.com\/nl\/wp-json\/wp\/v2\/pages\/21403\/revisions\/22283"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hightea.com\/nl\/wp-json\/wp\/v2\/media\/21293"}],"wp:attachment":[{"href":"https:\/\/hightea.com\/nl\/wp-json\/wp\/v2\/media?parent=21403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}