PageSourceSearch

https://www.perfectdraft.com/nl-be/

html perfectdraft.com collected 2026-10-09 22:38:43 UTC 220,833 bytes, 3,356 lines download raw bytes

1<!doctype html>
2<html lang="nl">
3    <head >
4        <style>.async-hide { opacity: 0 !important} </style>
4<script nodefer>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;})(window,document.documentElement,'async-hide','dataLayer',2000,{'GTM-PLMB85':true});</script>
4
5        <link rel="apple-touch-icon" sizes="180x180" href="/media/app-icons/apple-touch-icon.png">
6        <link rel="icon" type="image/png" sizes="32x32" href="/media/app-icons/favicon-32x32.png">
7        <link rel="icon" type="image/png" sizes="192x192" href="/media/app-icons/android-chrome-192x192.png">
8        <link rel="icon" type="image/png" sizes="228x228" href="/media/app-icons/favicon-228x228.png">
9        <link rel="icon" type="image/png" sizes="16x16" href="/media/app-icons/favicon-16x16.png">
10        <link rel="manifest" href="/manifest.json">
11        <link rel="mask-icon" href="/media/app-icons/safari-pinned-tab.png" color="#ffc42c">
12        <link rel="shortcut icon" href="/media/app-icons/favicon.ico">
13        <meta name="apple-mobile-web-app-title" content="PerfectDraft">
14        <meta name="application-name" content="PerfectDraft">
15        <meta name="msapplication-TileColor" content="#ffc42c">
16        <meta name="msapplication-TileImage" content="/media/app-icons/mstile-144x144.png">
17        <meta name="msapplication-config" content="/browserconfig.xml">
18        <meta name="theme-color" content="#ffc42c">
19        
20                <meta charset="utf-8"/>
20<script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"fc980aaa47",applicationID:"113622373",browserID:"115560448"};;/*! For license information please see nr-loader-rum-1.323.0.min.js.LICENSE.txt */
21(()=>{var e={8122(e,t,r){"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),a=0===Object.keys(r).length?e:r;for(let s in a)if(void 0!==e[s])try{if(null===e[s]){r[s]=null;continue}Array.isArray(e[s])&&Array.isArray(t[s])?r[s]=Array.from(new Set([...e[s],...t[s]])):e[s]instanceof Map||e[s]instanceof Set||e[s]instanceof Date||e[s]instanceof RegExp?r[s]=e[s]:"object"==typeof e[s]&&null!==t[s]&&"object"==typeof t[s]?r[s]=i(e[s],t[s]):r[s]=e[s]}catch(e){r[s]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>s});var n=r(384),i=r(8122);const a={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function s(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,i.a)(e,a)])},7699(e,t,r){"use strict";var n=r(860);const i={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0};r.d(t,["It",0,1e6,"KC",0,i,"qh",0,"SESSION_ERROR"])},9324(e,t,r){"use strict";r.d(t,["xv",0,"1.323.0"])},981(e,t,r){"use strict";r.d(t,["R",0,{AJAX:"AjaxRequest",PA:"PageAction",UA:"UserAction",BP:"BrowserPerformance",WS:"WebSocket",SPV:"SecurityPolicyViolation",JSE:"JavaScriptError",LOG:"Log",PVE:"PageView",PVT:"PageViewTiming",SR:"SessionReplay",ST:"SessionTrace",BI:"BrowserInteraction"}])},6154(e,t,r){"use strict";var n=r(1863);const i="undefined"!=typeof window&&!!window.document,a="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),s=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===s?.document?.visibilityState),c=""+s?.location,u=/iPad|iPhone|iPod/.test(s.navigator?.userAgent),d=u&&"undefined"==typeof SharedWorker,l=((()=>{const e=s.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Date.now()-(0,n.t)());r.d(t,["OF",0,u,"RI",0,i,"WN",0,l,"bv",0,a,"gm",0,s,"m",0,c,"mw",0,o,"sb",0,d,"zk",0,()=>{const e=s?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<s.performance.now())return e}])},3241(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(6154);function i(e={}){try{n.gm.dispatchEvent(new CustomEvent("newrelic",{detail:e}))}catch(e){}}},1687(e,t,r){"use strict";r.d(t,{Ak:()=>o,Ze:()=>u,x3:()=>c});var n=r(3241),i=r(3606),a=r(860),s=r(2646);function o(e,t){if(!e)return;const r={staged:!1,priority:a.P3[t]||0};e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&d(e))}function u(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,d(e)}}function d(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const a=e.ee,o=i.i.handlers;if(a&&!a.aborted&&a.backlog&&o){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=a.backlog[t],r=o[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}
21).forEach(t=>{t[0]?.on&&t[0].context()instanceof s.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}a.isolatedBacklog||delete o[t],a.backlog[t]=null,a.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],a=e[2];n.apply(i,a)}})}},7836(e,t,r){"use strict";var n=r(384),i=r(8990),a=r(2646),s=r(5607);const o="nr@context:".concat(s.W),c=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&u.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,a){!1!==a&&(a=!0);if(c.aborted&&!i)return;t&&a&&t.emit(e,r,n);var o=g(n);m(e).forEach(e=>{e.apply(o,r)});var u=v()[s[e]];u&&u.push([f,e,r,o]);return o},get:h,listeners:m,context:g,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{s[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function g(e){return e&&e instanceof a.y?e:e?(0,i.I)(e,o,()=>new a.y(o)):new a.y(o)}function p(e,t){n[e]=m(e).concat(t)}function m(e){return n[e]||[]}function h(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),u=(0,n.Zm)();u.ee||(u.ee=c),r.d(t,["P",0,o,"ee",0,c])},2646(e,t,r){"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908(e,t,r){"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,a){a?(a.buffer([e],i),a.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606(e,t,r){"use strict";r.d(t,{i:()=>a});var n=r(9908);a.on=s;var i=a.handlers={};function a(e,t,r,a){s(a||n.d,i,e,t,r)}function s(e,t,r,i,a){a||(a="feature"),e||(e=n.d);var s=t[a]=t[a]||{};(s[r]=s[r]||[]).push([e,i])}},3878(e,t,r){"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function a(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>a,jT:()=>n,sp:()=>i})},5607(e,t,r){"use strict";const n=(0,r(9566).bz)();r.d(t,["W",0,n])},9566(e,t,r){"use strict";r.d(t,{LA:()=>s,bz:()=>a});var n=r(6154);function i(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").map(e=>"x"===e?i(t,r++).toString(16):"y"===e?(3&i()|8).toString(16):e).join("")}function s(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,a=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const s=[];for(var o=0;o<e;o++)s.push(i(r,a++).toString(16));return s.join("")}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","iL",0,{SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},"tS",0,{STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},"wk",0,144e5])},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},944(e,t,r){"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},8990(e,t,r){"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389(e,t,r){"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},1910(e,t,r){"use strict";r.d(t,{i:()=>a});var n=r(944);const i=new Map;function a(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),a=t.includes("nrWrapper");return r||a||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},5289(e,t,r){"use strict";r.d(t,{GG:()=>s,Qr:()=>c,sB:()=>o});var n=r(3878),i=r(6389);function a(){return"undefined"==typeof document||"complete"===document.readyState}function s(e,t){if(a())return e();const r=(0,i.J)(e),s=setInterval(()=>
21{a()&&(clearInterval(s),r())},500);(0,n.sp)("load",r,t)}function o(e){if(a())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(a())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>d,dV:()=>u,pV:()=>l});var n=r(6154),i=r(1863),a=r(944),s=r(1910);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function u(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,s.i)(...Object.values(e.o))),e}function d(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,a.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),u(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}r.d(t,["NT",0,o])},2843(e,t,r){"use strict";r.d(t,{G:()=>a,u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function a(e,t,r){(0,n.sp)("pagehide",e,t,r)}},9300(e,t,r){"use strict";r(860).K7.ajax;r.d(t,["mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3969(e,t,r){"use strict";const n=r(860).K7.metrics;r.d(t,["TZ",0,n,"XG",0,"storeEventMetrics","xV",0,"storeSupportabilityMetrics"])},6630(e,t,r){"use strict";const n=r(860).K7.pageViewEvent;r.d(t,["T",0,n])},782(e,t,r){"use strict";const n=r(860).K7.pageViewTiming;r.d(t,["T",0,n])},4234(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},7767(e,t,r){"use strict";var n=r(6154);r.d(t,["V",0,e=>n.RI&&!0===e?.privacy.cookies_enabled])},8362(e,t,r){"use strict";r.d(t,{d:()=>a});var n=r(9566),i=r(1741);class a extends i.W{agentIdentifier=(0,n.LA)(16)}},1741(e,t,r){"use strict";r.d(t,{W:()=>a});var n=r(944),i=r(4261);class a{#e(e,...t){if(this[e]!==a.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e("log",e,t)}start(){return this.#e("start")}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},4261(e,t,r){"use strict";r.d(t,["BL",0,"finished","CH",0,"recordReplay","Dl",0,"setUserId","Fw",0,"setPageViewName","PA",0,"setCurrentRouteName","Pv",0,"consent","Tb",0,"pauseReplay","U2",0,"addToTrace","V1",0,"measure","Wb",0,"wrapLogger","bt",0,"setErrorHandler","cD",0,"setCustomAttribute","dT",0,"interaction","eY",0,"register","fF",0,"recordCustomEvent","hG",0,"addPageAction","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>d});var n=r(3241),i=r(9908),a=r(1863),s=r(944),o=r(3969),c=r(8362),u=r(860);function d(e,t,r,a){const d=a||r;!d||d[e]&&d[e]!==c.d.prototype[e]||(d[e]=function(){(0,i.p)(o.xV,["API/"+e+"/called"],void 0,u.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:"api-"+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,s.R)(23,e)}})}function l(e,t,r,n,s){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(s||null===r)&&(0,i.p)("api-"+n,[(0,a.t)(),t,r],void 0,"session",e.ee)}},8374(e,t,r){r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860(e,t,r){"use strict";const n="events",i="jserrors",a="browser/blobs",s="browser/logs",o={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},c={[o.pageViewEvent]:1,[o.pageViewTiming]:2,[o.metrics]:3,[o.jserrors]:4,[o.softNav]:5,[o.ajax]:6,[o.sessionTrace]:7,[o.sessionReplay]:8,[o.logging]:9,[o.genericEvents]:10},u={[o.pageViewEvent]:"rum",[o.pageViewTiming]:n,[o.ajax]:n,[o.softNav]:n,[o.metrics]:i,[o.jserrors]:i,[o.sessionTrace]:a,[o.sessionReplay]:a,[o.logging]:s,[o.genericEvents]:"ins"};r.d(t,["$J",0,u,"K7",0,o,"P3",0,c,"XX",0,i,"Yy",0,s,"df",0,a,"hg",0,"connect"])}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],a=t[n++];r.o(e,i)?0===a&&n++:0===a?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:a})}else for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>"nr-rum-1.323.0.min.js",r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.323.0.PROD:";r.l=(n,i,a,s)=>{if(e[n])return void e[n].push(i);let o,c;if(void 0!==a){const e=document.getElementsByTagName("script");for(var u=0;u<e.length;u++){const r=e[u];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+a){o=r;break}}}if(!o){c=!0;var d={296:"sha512-zhTI1o3vPu0UcYWUELiLeb9P46+LBW0K7R4KO/PafMc68L5tJ2mSHyvZtcNeG9Cw/PTZstuo62K1wwaoAsHdXQ=="};o=document.createElement("script"),o.charset="utf-8",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",t+a),o.src=n,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),d[s]&&(o.integrity=d[s])}e[n]=[i];const l=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);const i=e[n];
21if(delete e[n],o.parentNode?.removeChild(o),i?.forEach(e=>e(r)),t)return t(r)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),c&&document.head.appendChild(o)}})(),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://js-agent.newrelic.com/",(()=>{const e={374:0,840:0};r.f.j=(t,n)=>{let i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)n.push(i[2]);else{const a=new Promise((r,n)=>i=e[t]=[r,n]);n.push(i[2]=a);const s=r.p+r.u(t),o=new Error,c=n=>{if(r.o(e,t)&&(i=e[t],0!==i&&(e[t]=void 0),i)){const e=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;o.message="Loading chunk "+t+" failed: ("+e+": "+r+")",o.name="ChunkLoadError",o.type=e,o.request=r,i[1](o)}};r.l(s,c,"chunk-"+t,t)}};const t=(t,n)=>{let[i,a,s]=n;var o,c,u=0;if(i.some(t=>0!==e[t])){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(s)s(r)}for(t&&t(n);u<i.length;u++)c=i[u],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.323.0.PROD"]=self["webpackChunk:NRBA-1.323.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";r(8374);var e=r(8362),t=r(860);const n=Object.values(t.K7);var i=r(384),a=r(1741);var s=r(2555),o=r(981);t.K7.genericEvents,o.R.PA,o.R.UA,o.R.BP;const c={RESOURCES:"experimental.resources",REGISTER:"register"};var u=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var l=r(2614),f=r(944),g=r(8122);const p="[data-nr-mask]",m=e=>(0,g.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1,iframe_bridge:!1,iframe_domains:[]},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0,capture_payloads:u.mo.NONE},api:{register:{get enabled(){return e.feature_flags.includes(c.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1,get allow_iframe_bridge(){return e.feature_flags.includes(c.IFRAME_BRIDGE)||e.experimental.iframe_bridge},set allow_iframe_bridge(t){e.experimental.iframe_bridge=t},get iframe_domains(){return e.experimental.iframe_domains},set iframe_domains(t){Array.isArray(t)?e.experimental.iframe_domains=t:(0,f.R)(1,t)}}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(c.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:l.wk,inactiveMs:l.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector="".concat(t,",").concat(p):""===t||null===t?e.mask_selector=p:(0,f.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,f.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,f.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]},web_sockets:{enabled:!1}}})());var h=r(6154),v=r(9324);let b=0;const y={buildEnv:"PROD",distMethod:"CDN",version:v.xv,originTime:h.WN},_={consented:!1},w={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||_.consented},set consented(e){_.consented=e}
21,customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,connector:void 0,harvester:void 0,v2Target:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++b},listeningForIframeMessages:!1},R="BA";var A=r(7836),x=r(3241);const E={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};var S=r(9908);const k="newrelic-iframe-";function T(e,t={},n,o){let{init:c,info:u,loader_config:d,runtime:l={},exposed:f=!0}=t;if(!u){const e=(0,i.pV)();c=e.init,u=e.info,d=e.loader_config}var p;e.init=m(c||{}),e.loader_config=(p=d||{},(0,g.a)(p,E)),u.jsAttributes??={},h.bv&&(u.jsAttributes.isWorker=!0),e.info=(0,s.D)(u);const v=e.init;e.runtime??=(e=>{const t=(0,g.a)(e,w),r=Object.keys(y).reduce((e,t)=>(e[t]={value:y[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),e.runtime.v2Target??={type:R,instance:e.agentIdentifier,get id(){return e.runtime.appMetadata?.agents?.[0]?.entityGuid},get attributes(){return{"entity.guid":this.id,appId:e.info.applicationID}}},v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,i.pV)();Object.getOwnPropertyNames(a.W.prototype).forEach(r=>{const n=a.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=n,e.ee=A.ee.get(e.agentIdentifier),e.exposed=f,(0,x.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.init.api.register.allow_iframe_bridge&&h.gm.addEventListener("message",t=>{"string"==typeof t.data?.type&&t.data.type.startsWith(k)&&(0,S.p)("iframe-message",[t],void 0,"IFRAME",e.ee)}),e.runtime.configured=!0)}var j=r(1863),P=r(4261),N=r(1738);
21var O=r(1687),M=r(4234),I=r(5289),D=r(7767);function V(e){return!!(0,i.dV)().o.MO&&(0,D.V)(e)&&!0===e?.session_trace.enabled}var W=r(6389),B=r(7699);const C=new WeakSet,K=new WeakMap;class U extends M.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,W.J)(()=>{(0,O.Ak)(e,this.featureName),t()}))}):(0,O.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const i=async()=>{if(await this.deferred,this.#t(e),!(0,s.f)(e.info))return(0,f.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);try{await async function(e,t,n){if(K.has(e))return K.get(e);const i=(async()=>{if((0,D.V)(e.init))try{const{setupAgentSession:t}=await r.e(296).then(r.bind(r,1768));t(e)}catch(e){(0,f.R)(20,e),t.emit("internal-error",[e]),(0,S.p)(B.qh,[e],void 0,n,t)}if(e.init.api.register.allow_iframe_bridge)try{const{setupIframeMFEMessageListener:t}=await Promise.resolve().then(function(){const e=new Error("Cannot find module '../../loaders/configure/iframe-message-handler'");throw e.code="MODULE_NOT_FOUND",e});t(e)}catch(e){(0,f.R)(23,e)}const[{Connector:i},{Harvester:a}]=await Promise.all([r.e(296).then(r.bind(r,6589)),r.e(296).then(r.bind(r,5237))]);e.runtime.connector=new i(e),e.runtime.harvester=new a(e);const s=Object.values(e.features).filter(t=>e.runtime.drainRegistry.has(t.featureName));Promise.all(s.map(e=>e.onAggregateImported)).then(()=>e.runtime.harvester.startTimer())})();K.set(e,i),await i}(e,this.ee,this.featureName)}catch(e){return(0,f.R)(79,e),this.ee.abort(),void this.loadedSuccessfully(!1)}try{if(!this.#r(this.featureName,e.runtime.session,e.init))return this.abortHandler?.(),(0,O.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:r}=await t();this.featAggregate=new r(e,n),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,f.R)(34,e),this.abortHandler?.(),(0,O.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1)}};h.RI?(0,I.GG)(()=>i(),!0):i()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return V(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!C.has(e)&&(C.add(e),!(0,s.f)(e.info))){const t=(0,i.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}T(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var L=r(6630);class F extends U{static featureName=L.T;constructor(e){var t;super(e,L.T),this.setupInspectionEvents(),t=e,(0,N.Y)(P.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,S.p)("api-"+P.Fw,[(0,j.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>e.init.feature_flags.includes("rum_v2")?r.e(296).then(r.bind(r,908)):r.e(296).then(r.bind(r,7927)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,x.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,I.sB)(t=>{e(t,"DOMContentLoaded")}),(0,I.GG)(t=>{e(t,"load")}),(0,I.Qr)(t=>{e(t,"navigate")}),this.ee.on(l.tS.UPDATE,(e,t)=>{(0,x.W)({type:"lifecycle",name:"session",data:t})})}}class G extends e.d{constructor(e){var t;(super(),h.gm)?(this.features={},(0,i.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(F),T(this,e,e.loaderType||"agent"),t=this,(0,N.Y)(P.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,N.U)(t,e,r,P.cD,n);(0,f.R)(40,typeof r)}else(0,f.R)(39,typeof e)},t),function(e){(0,N.Y)(P.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,f.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,S.p)("api-setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,N.U)(e,"enduser.id",t,P.Dl,!0)},e)}(this),function(e){(0,N.Y)(P.nb,function(t){if("string"==typeof t||null===t)return(0,N.U)(e,"application.version",t,P.nb,!1);(0,f.R)(42,typeof t)},e)}(this),function(e){(0,N.Y)("start",function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,N.Y)(P.Pv,function(t=!0){if("boolean"==typeof t){if((0,S.p)("api-"+P.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum?.()})}}else(0,f.R)(65,typeof t)},e)}(this),this.run()):(0,f.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};
21return n.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),r=[...this.desiredFeatures],i=this.init.feature_flags.includes("rum_v2");r.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),r.forEach(r=>{if(!e[r.featureName]&&(i||r.featureName!==t.K7.pageViewEvent))return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,f.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,f.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,i.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var H=r(2843),z=r(782);class Y extends U{static featureName=z.T;constructor(e){super(e,z.T),h.RI&&((0,H.u)(()=>(0,S.p)("docHidden",[(0,j.t)()],void 0,z.T,this.ee),!0),(0,H.G)(()=>(0,S.p)("winPagehide",[(0,j.t)()],void 0,z.T,this.ee)),this.importAggregator(e,()=>r.e(296).then(r.bind(r,9981))))}}var Z=r(3969);class q extends U{static featureName=Z.TZ;constructor(e){super(e,Z.TZ),this.importAggregator(e,()=>r.e(296).then(r.bind(r,9623)))}}new G({features:[F,Y,q],loaderType:"lite"})})()})();</script>
21
22<meta name="title" content="Koop biervaten &amp; machines online"/>
23<meta name="description" content="Bij PerfectDraft draait alles om het vinden van nieuw en interessant bier | Op voorraad, snelle levering | Gratis verzending bij bestellingen boven 50 €"/>
24<meta name="robots" content="INDEX,FOLLOW"/>
25<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
26<meta name="format-detection" content="telephone=no"/>
27<title>Koop biervaten &amp; machines online</title>
28<link  rel="stylesheet" type="text/css"  media="print" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/print.css" />
29<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/third-party/smartbanner.css" />
30<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/jquery/uppy/dist/uppy-custom.css" />
31<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Clearpay_Clearpay/css/clearpay-express-checkout.css" />
32<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/FLOA_Payment/css/floa.css" />
33<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Algolia_AlgoliaSearch/css/recommend.css" />
34<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Magefan_Blog/css/blog-new.css" />
35<link  rel="stylesheet" type="text/css"  rel="stylesheet" type="text/css" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/bss-label-text.css" />
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/DM_Sans/DMSans-Regular.ttf" />
54<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Open_Sans/open-sans-v18-latin-700.woff" />
55<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff" />
56<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-light-300.woff" />
57<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-regular-400.woff" />
58<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-solid-900.woff" />
59<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Montserrat/montserrat-v15-latin-900.woff2" />
60<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Open_Sans/open-sans-v18-latin-regular.woff2" />
61<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Open_Sans/open-sans-v18-latin-700.woff2" />
62<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2" />
63<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-light-300.woff2" />
64<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-regular-400.woff2" />
65<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-solid-900.woff2" />
66<link  rel="icon" type="image/x-icon" href="https://jtdtcwvg.tinifycdn.com/media/favicon/stores/29/favicon.png" />
67<link  rel="shortcut icon" type="image/x-icon" href="https://jtdtcwvg.tinifycdn.com/media/favicon/stores/29/favicon.png" />
68<!-- OneTrust Cookies Consent Notice start for www.perfectdraft.com/nl-be/ -->
69
70
71<!-- OneTrust Cookies Consent Notice end for www.perfectdraft.com/nl-be/ -->
72
73<style>
74
75/* Temp hide non-DY swatches PDP x */
76.catalog-product-view .pd-pdp .product-cta-container .product-swatches{display:none !important;}
77
78/* TEMP: Hide star-ratings on PLP */
79.result-content .result-sub-content .ratings{display:none;}@media (min-width: 768px){.result-content .result-title{height:42px;}.result-content .result-sub-content{height:215px;justify-content:flex-end;}}
80/* END: Hide star-ratings on PLP */
81
82/* Temp webiew H1 fix */
83.webview .page-title-wrapper.make__grid{display: none;}
84/* END: webiew H1 fix */
85
86/* Temp Fix wallet flow */
87@media (max-width:425px){.account .my-beer-tokens .beer-tokens-card-holder .beer-tokens-card .store-credit--amounts {flex-direction:column;}.account .my-beer-tokens .beer-tokens-card-holder .beer-tokens-card .store-credit--amounts .points-title {margin-left:unset; border-left:unset; padding-left:unset;}}
88/* END: Fix wallet flow */
89
90/* Temp Hide 'Add New Card' */
91li.nav.item.payment-card-icon{display:none;}
92/* END: Hide 'Add New Card' */
93
94/* Temp: reposition OT button */
95@media (max-width: 991px) {
96    .checkout-cart-index #ot-sdk-btn-floating.ot-floating-button{bottom:92px!important;}
97    .catalog-product-view #ot-sdk-btn-floating.ot-floating-button{bottom:136px!important;}
98}
99/* END: reposition OT button */
100
101/* Temp: Fix capitalised meni items in My Account*/
102.account .nav.items.single li a, .account .nav.items.single li strong {
103    text-transform: none;
104}
105
106/* Temp: Hide reward notification UI */
107.account.magento_reward-customer-info .reward-settings-container{display:none;}
108/* END: Hide reward notification UI */
109
110/* START: Temp - Hide Ratings PLP / PDP */
111.catalog-category-view .result-content .result-name-and-rating-container .ratings {display:none;}
112.catalog-product-view .pd-pdp-reviews-summary {display:none !important;}
113.catalogsearch-result-index .product-reviews-summary .rating-summary {display:none !important;}
114/* END: Temp - Hide Ratings PLP / PDP */
115
116</style>
117
118
119
120
121
122<!-- Global tracking for CMS/landing pages -->
123
124<!-- Global tracking for CMS/landing pages -->
125
126<!-- Temp: fix Help link in mobile nav -->
127
128<!-- Temp: fix Help link in mobile nav -->
129
130<!-- Temp: isWebview Check -->
131
132<!-- Temp: isWebview Check -->
133
134<!-- Temp: hide payment method -->
135<style>
136    .is-webview #qa--payment-method--bancontact,
137    .is-webview .checkout-index-index #app .payment-tab .payment-method-list .payment-btn-group #qa--payment-method--bancontact {
138        display: none !important;
139    }           
140</style>
141<!-- Temp: hide payment method -->
142        <link  rel="canonical" href="https://www.perfectdraft.com/nl-be/" />
143<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/bhstyles.css" media="print" onload="this.media='all'">
144<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/css/all.min.css" media="print" onload="this.media='all'">
145<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/widgets.css" media="print" onload="this.media='all'">
146<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/mage/calendar.css" media="print" onload="this.media='all'">
147
148    <!-- Start SmartBanner configuration -->
149    <meta name="smartbanner:title" content="PerfectDraft" />
150    <meta name="smartbanner:author" content="AB InBev" />
151    <meta name="smartbanner:price" content="GRATIS" />
152    <meta name="smartbanner:price-suffix-apple" content=" in de App Store" />
153    <meta name="smartbanner:price-suffix-google" content=" in Google Play" />
154    <meta name="smartbanner:icon-apple" content="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/app.png" />
155    <meta name="smartbanner:icon-google" content="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/app.png" />
156    <meta name="smartbanner:button" content="DISPLAY" />
157    <meta name="smartbanner:button-url-apple" content="https://apps.apple.com/app/apple-store/id1578658955?pt=123345657&ct=Website_Banner&mt=8" />
158    <meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=com.perfectdraft&amp;hl=en_GB&amp;gl=GB&amp;pli=1" />
159    <meta name="smartbanner:enabled-platforms" content="android,ios" />
160    <meta name="smartbanner:close-label" content="Dichtbij" />
161    <meta name="smartbanner:exclude-user-agent-regex" content="PerfectDraftApp">
162    <!-- End SmartBanner configuration -->
163    
164
165
166
167<!-- Google Tag Manager -->
168<script nodefer>
vendor: 331 bytes, lines 168-172
168(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
169new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
170j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
171'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
172})(window,document,'script','dataLayer','
172GTM-MMD3JDC
vendor: 3 bytes, line 172
172');
172</script>
172
173<!-- End Google Tag Manager -->
174
175						<!-- lazy sizes configuration -->
176
177
178
179
180
181<meta property="og:type" content="website"/>
182<meta property="og:title" content="Koop&#x20;biervaten&#x20;&amp;&#x20;machines&#x20;online"/>
183<meta property="og:description" content="Bij&#x20;PerfectDraft&#x20;draait&#x20;alles&#x20;om&#x20;het&#x20;vinden&#x20;van&#x20;nieuw&#x20;en&#x20;interessant&#x20;bier&#x20;&#x7C;&#x20;Op&#x20;voorraad,&#x20;snelle&#x20;levering&#x20;&#x7C;&#x20;Gratis&#x20;verzending&#x20;bij&#x20;bestellingen&#x20;boven&#x20;50&#x20;&#x20AC;"/>
184<meta property="og:url" content="https://www.perfectdraft.com/nl-be"/>
185<meta property="og:site_name" content="PerfectDraft Europe"/>
186<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/blocks/cms/homepage.css" media="all">
187
188    <link rel="preconnect" href="//cdn-eu.dynamicyield.com">
189    <link rel="preconnect" href="//st-eu.dynamicyield.com">
190    <link rel="preconnect" href="//rcom-eu.dynamicyield.com">
191    <link rel="dns-prefetch" href="//cdn-eu.dynamicyield.com">
192    <link rel="dns-prefetch" href="//st-eu.dynamicyield.com">
193    <link rel="dns-prefetch" href="//rcom-eu.dynamicyield.com">
194    
194<script nodefer type="text/javascript">
195        window.dyReady = false;
196        window.dyConsent = false;
197
198        document.addEventListener('DOMContentLoaded', function() {
199            !window.dyReady && (window.dyReadyChecker = setInterval(() => {
200                if (window.DY) {
201
202                    // DY Ready
203                    const dyReady = new Event('dyReady');
204                    window.dyReady = true;
205                    document.dispatchEvent(dyReady);
206
207                    // DY Page Context
208                    const pageTypes = [
209                        'cms-homepage',
210                        'catalog-category-view',
211                        'catalogsearch-result-index',
212                        'catalog-product-view',
213                        'checkout-cart-index',
214                        'checkout-index-index',
215                        'account'
216                    ];
217
218                    if (!pageTypes.find(type => Array.from(document.body.classList).includes(type))) {
219                        DY.recommendationContext = {
220                            type: 'OTHER',
221                            lng: 'nl_BE',
222                            data: [Array.from(document.body.classList)[0]]
223                        };
224                    }
225
226                    // DY Cognito ID
227                    const DYAppLoadedEventListener = (e) => {
228                        const customerData = bhApp.getData('customer'),
229                            customerCUID = customerData.cuid;
230
231                        if (customerData.isLoggedIn) {
232                            if (window.dataLayer.some((data) => typeof data.cognito_id === 'string')) return;
233                            window.dataLayer.push({'cognito_id': customerCUID});
234                        }
235                    }
236
237                    document.querySelector('body').addEventListener(
238                        'bhAppLoaded',
239                        DYAppLoadedEventListener,
240                        false
241                    );
242
243                    // DY Consent
244                    window.DY.userActiveConsent = { accepted: false };
245
246                    window.checkOneTrustConsent = () => {
247                        const cookieKeyValuePairs = document.cookie.split(';').map(str => {
248                            var prop = str.split('=');
249                            if (prop.length == 2) return prop;
250                            if (prop.length > 2) {
251                                return [prop[0], prop.slice(1).join('=')];
252                            }
253                        });
254
255                        const cookie = Object.assign({}, ...cookieKeyValuePairs.map(pair => pair.length == 2 && ({ [pair[0].trim()]: pair[1].trim() })));
256
257                        if (cookie.OptanonConsent) {
258                            const consentGroups = decodeURIComponent(cookie.OptanonConsent).split('&').find(val => val.includes('groups='));
259                            if (typeof consentGroups === 'string' && consentGroups.includes('4:1')) {
260                                window.DY.userActiveConsent = { accepted: true };
261                                window.DYO && DYO.ActiveConsent.updateConsentAcceptedStatus(true);
262
263                                const dyConsent = new Event('dyConsent');
264                                window.dyConsent = true;
265                                document.dispatchEvent(dyConsent);
266
267                                return true;
268                            } else {
269                                return false;
270                            }
271                        } else {
272                            return false;
273                        }
274                    };
275
276                    window.checkOneTrustConsent();
277                    !window.dyConsent && (window.dyConsentChecker = setInterval(() => {
278                        window.checkOneTrustConsent() && clearInterval(window.dyConsentChecker);
279                    }, 100));
280
281                    clearInterval(window.dyReadyChecker);
282                }
283            }, 100));
284        });
285
286    </script>
286
287    
287<script nodefer type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9881177/api_dynamic.js"></script>
287
288    
288<script nodefer type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9881177/api_static.js"></script>
288
289    
289<script nodefer type="text/javascript">
290        const dyHomepage = () => {
291            DY.recommendationContext = {
292                type: 'HOMEPAGE',
293                lng: 'nl_BE'
294            }
295        };
296        window.dyReady ? dyHomepage() : document.addEventListener('dyReady', dyHomepage);
297    </script>
297
298    </head>
299    <body data-container="body" data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/loader-2.gif"}}' id="html-body" class="cms-homepage cms-index-index page-layout-1column">
300        
301
302
303
304
305<div class="cookie-status-message" id="cookie-status">
306    The store will not work correctly when cookies are disabled.</div>
307
308
309
310
311    <noscript>
312        <div class="message global noscript">
313            <div class="content">
314                <p>
315                    <strong>Het lijkt erop dat JavaScript is uitgeschakeld in uw browser.</strong>
316                    <span>
317                        Voor de beste ervaring op onze site, zorg ervoor dat u Javascript in uw browser inschakelt.                    </span>
318                </p>
319            </div>
320        </div>
321    </noscript>
322
323<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 323-324
323
324<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
324GTM-MMD3JDC
vendor: 85 bytes, lines 324-325
324"
325height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
326<!-- End Google Tag Manager (noscript) -->
327
328<div class="page-wrapper"><div class="toast-container swipe-container">
329    <div
330        id="toast"
331        class="swipe-content"
332        role="status"
333        aria-live="polite"
334        aria-atomic="true"
335    ></div>
336</div>
337
338<!-- The "toastConfig" object is passed to app/design/frontend/BeerHawk/perfectdraft/Magento_Theme/web/js/toast.js -->
339
340<header class="page-header"><div id="skipToContent" class="skip-to-content" >
341  <a class="skip-link" href='#contentarea'>Doorgaan naar artikel</a>
342  <a class="skip-link" href='#footerwrapper'>Ga naar voettekst</a>
343</div>
344<div class="header-wrapper__fw make__fw">
345        
346    
347    
348<div class="usp-wrapper__fw make__fw"><div id="js-uspbar" class="usp-wrapper make__grid"><a class="usp__item usp__item-left" href="https://www.perfectdraft.com/nl-be/acties-voorwaarden" target="_blank" rel="noopener noreferrer"> Gratis levering bij aankopen van €100 of meer! &nbsp;<span style="text-decoration: underline;">Voorwaarden</span>
349</a>
350
351<a class="usp__item usp__item-left" title="Multibuy" href="https://www.perfectdraft.com/nl-be/biervat">
352<div class="usp__large" style="white-space: nowrap;">Profiteer van -10% vanaf 3 vaten </div>
353</a>
354
355<a class="usp__item usp__item-right" title="Ze zijn dol op ons!" href="https://www.ekomi.nl/klantenmeningen-perfectdraft-be.html" target="_blank" rel="noopener noreferrer">
356<div class="usp__small">Bierliefhebbers zijn dol op ons</div>
357<div class="stars">
358    <img class="lazyload" alt="Star Rating" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/star-rating.svg"> <span>4.6/5</span>
359</div>
360</a>
361</div></div><div class="header-wrapper"><div class="header-wrapper__main make__grid"><button 
362    id="mobile-burger-menu"
363    class="nav-icon__wrapper"
364    aria-label="Toggle main menu"
365    aria-expanded="false"
366    onClick="
367        if (this.ariaExpanded === 'false') {
368            this.setAttribute('aria-expanded', true);
369            setTimeout(() => document.getElementById('main-menu').focus(), 100);
370            document.getElementById('mobile-header-search-icon').tabIndex = '-1';
371        } else {
372            this.setAttribute('aria-expanded', false);
373            this.focus();
374            document.getElementById('mobile-header-search-icon').tabIndex = '0';
375        }
376    "
377>
378    <div id="nav-icon">
379        <span></span>
380        <span></span>
381        <span></span>
382        <span></span>
383    </div>
384</button>
385    <div class="searchbar">
386        <button 
387            tabindex="0"
388            type="button"
389            aria-label="mobile search toggle"
390            aria-expanded="false"
391            id="mobile-header-search-icon" 
392            class="mobile-search-toggle" 
393            data-role="minisearch-label"
394        >
395            <img src="https://d30lee2gy4gtgb.cloudfront.net/static/version0.0.0.661/frontend/BeerHawk/perfectdraft/en_GB/images/icons/icon-search-2.svg" height="32" width="32" title="Open search" aria-hidden="true">
396        </button>
397        <div id="algoliaAutocomplete" class="block block-search algolia-search-block algolia-search-input">
398            <div id="aa-Panel-container"></div>
399        </div>
400    </div>
401    <strong class="logo">
402    <img class="lazyload desktop-logo" 
403            data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/logo.svg"
404            alt="PerfectDraft"
405            width="170"                />
406    </strong>
407
408<div class="account-menu__wrapper ajax-logged-in" data-logged-in="-1">
409    <div class="account-menu__icon">
410        <i class="fal fa-user"></i>
411    </div>
412    <div id="menu-account" class="account-menu__menu">
413        <ul class="loading">
414            <li class="loading-item">
415                <span>Bezig met laden...</span>
416            </li>
417        </ul>
418        <ul class="logged-in-items">
419            <li class="beer-tokens-menu-item"></li>
420            <li><a href="/customer/account" class="my-account-menu-item">Bekijk Mijn Account</a></li>
421            <li><a href="/keg/returns/hub" class="krh-menu-item">Retour lege vaten
422</a></li>
423            <li><a href="https://support.beerhawk.co.uk/support/tickets/new" class="customer-service-menu-item" target="bh_freshdesk" rel="nofollow">Klantenservice</a></li>
424            <li><a href="/contact" class="contact-us-menu-item">Neem contact met ons op</a></li>
425            <li>
425<a href="/customer/account/logout" class="logout-menu-item">Afmelden</a></li>
426        </ul>
427        <ul class="logged-out-items">
428            <li class="beer-tokens-menu-item"></li>
429            <li><a href="/customer/account/login" rel="nofollow" class="authLink">Inloggen</a></li>
430            <li><a href="https://support.beerhawk.co.uk/support/tickets/new" class="customer-service-menu-item" target="bh_freshdesk" rel="nofollow">Klantenservice</a></li>
431            <li><a href="/contact" class="contact-us-menu-item">Neem contact met ons op</a></li>
432        </ul>
433    </div>
434</div>
435
436<div class="logo-mobile">
437    <a href="https://www.perfectdraft.com/nl-be/" onClick="window.dataLayer.push({'event': 'clickHeaderLogo'});">
438        <svg width="138" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44.587 24.344h2.684a.159.159 0 0 0 .164-.164v-8.706h3.188a.159.159 0 0 0 .165-.165V12.92a.159.159 0 0 0-.165-.165H47.44c0-1.223.007-2.597 1.556-2.597.358 0 1.013.036 1.33.283 0 0 .225-.041.228-.043l.673-1.893c.037-.128.013-.2-.086-.289a4.805 4.805 0 0 0-2.658-.686c-2.571 0-4.061.824-4.061 5.042v.18H42.17a.16.16 0 0 0-.165.164v2.39a.16.16 0 0 0 .165.165h2.25v8.705a.16.16 0 0 0 .167.168ZM119.603 24.344h2.683a.16.16 0 0 0 .165-.164v-8.706h3.186a.159.159 0 0 0 .165-.165V12.92a.159.159 0 0 0-.165-.165h-3.181v-.193c0-1.696.217-2.404 1.557-2.404.358 0 1.011.036 1.327.283 0 0 .226-.04.229-.043l.673-1.893c.041-.128.013-.2-.086-.289a4.802 4.802 0 0 0-2.657-.686c-2.572 0-4.061.824-4.061 5.042v.18h-2.251c-.088-.008-.172.076-.166.164v2.39c-.006.089.078.172.166.165h2.251v8.705c-.01.09.075.176.165.168ZM106.369 20.846c0 3.224 2.582 3.703 4.115 3.703.669 0 2.309-.133 3.129-1.364l.279-.419.231 1.433a.308.308 0 0 0 .288.197h1.843a.16.16 0 0 0 .164-.166v-6.407c0-1.39-.318-3.275-1.839-4.353-1.521-1.078-3.947-1.286-5.938-.527l-.395.158c-.031.012-.328.134-.358.163-.106.062-.024.255.012.337l.743 1.827c.034.08.083.133.163.1a6.024 6.024 0 0 1 2.05-.425c1.762 0 2.505.767 2.505 2.566v.385c-.876-.63-1.866-.853-2.945-.853-1.503.002-4.047.475-4.047 3.645Zm5.058-1.497c.739.028 1.561.26 1.978.924v1.044c-.511.546-1.33.815-2.07.815-1.885 0-2.281-.83-2.281-1.528 0-.469.31-1.334 2.373-1.255ZM90.389 24.4c4.69 0 8.096-3.525 8.096-8.381s-3.48-8.501-8.096-8.501H84.05a.159.159 0 0 0-.166.166v16.55a.16.16 0 0 0 .166.166h6.339Zm-3.47-14.117h2.922c3.198 0 5.608 2.508 5.608 5.827 0 3.253-2.358 5.614-5.608 5.614H86.92v-11.44ZM21.646 13.078c-.025-3.216-2.122-5.553-4.983-5.553H9.958c-.088-.004-.165.077-.163.165l.132 16.448a.164.164 0 0 0 .168.167h2.684a.162.162 0 0 0 .163-.165l-.047-5.58h3.856c3.012.033 4.92-2.655 4.895-5.482Zm-8.767 2.708-.043-5.323h3.552c1.073 0 2.225.695 2.241 2.645 0 1.317-.726 2.697-2.2 2.678h-3.55ZM79.619 24.326c1.034 0 1.35 0 2.182-.284.064-.062.074-.159.058-.246l-.5-2.1c-.081-.103-.209-.095-.322-.06-.319.049-.641.07-.964.063-1.293 0-1.345-.86-1.345-2.979v-3.24h2.793a.159.159 0 0 0 .166-.165V12.92a.159.159 0 0 0-.166-.165h-2.793V7.677a.16.16 0 0 0-.165-.165H75.88a.159.159 0 0 0-.165.165v5.084h-1.498a.159.159 0 0 0-.164.164v2.39a.16.16 0 0 0 .165.165h1.497v3.904c-.005 4.104 1.555 4.942 3.904 4.942ZM132.665 24.326c1.034 0 1.352 0 2.182-.284.064-.062.074-.159.058-.246l-.499-2.1c-.086-.107-.203-.097-.323-.06-.319.049-.641.07-.964.063-1.293 0-1.345-.86-1.345-2.979v-3.24h2.794a.158.158 0 0 0 .165-.165V12.92a.158.158 0 0 0-.165-.165h-2.794V7.677a.159.159 0 0 0-.165-.165h-2.683a.158.158 0 0 0-.165.165v5.084h-1.498a.158.158 0 0 0-.164.164v2.39a.16.16 0 0 0 .164.165h1.498v3.904c-.005 4.104 1.556 4.942 3.904 4.942ZM135.686 9.507c-.002.019.015.037.034.034h.357c.018.002.036-.015.035-.034v-.47h.15l.234.47c.005.02.024.035.044.034h.345a.034.034 0 0 0 .033-.034L136.617 9a.53.53 0 0 0 .293-.479c0-.294-.127-.582-.653-.582h-.535c-.025 0-.034.01-.034.034l-.002 1.535Zm.795-1.012c0 .185-.229.142-.356.142v-.292c.131 0 .356-.04.356.15Z" fill="#000"/><path d="M134.821 8.785c0 .868.826 1.543 1.668 1.374a1.425 1.425 0 0 0 1.095-1.103c.167-.851-.513-1.674-1.372-1.671-.757 0-1.393.651-1.391 1.4Zm1.389-1.137c.696-.002 1.249.664 1.114 1.354-.087.441-.448.806-.887.895-.682.138-1.353-.408-1.354-1.112a1.184 1.184 0 0 1 1.127-1.137ZM34.085 12.759a.159.159 0 0 0-.165.165v11.252a.159.159 0 0 0 .165.165h2.684a.159.159 0 0 0 .164-.165v-5.77c0-1.185.285-2.778 2.754-2.917l.907-.011a.159.159 0 0 0 .164-.165V12.92a.159.159 0 0 0-.164-.165l-.895.011c-1.416.08-2.496.762-3.512 1.703l-.245-1.51c-.073-.179-.145-.2-.229-.2h-1.628ZM99.903 
43812.759a.159.159 0 0 0-.164.165v11.252a.159.159 0 0 0 .164.165h2.684a.158.158 0 0 0 .164-.165v-5.77c0-1.185.285-2.778 2.754-2.917l.907-.011a.158.158 0 0 0 .164-.165V12.92a.158.158 0 0 0-.164-.165l-.895.011c-.923.052-1.968.267-3.249 1.458l-.263.245-.245-1.513c-.073-.18-.145-.2-.229-.2l-1.628.003ZM62.002 18.544c-.133-3.559-2.235-5.796-5.475-5.766-3.24.031-5.458 2.608-5.458 5.86 0 3.25 2.388 5.708 5.766 5.731 1.835.011 3.283-.813 4.176-2.119a.101.101 0 0 0-.022-.13L59.291 20.8a.098.098 0 0 0-.132.017 2.828 2.828 0 0 1-2.186 1.058c-1.306 0-2.412-.92-2.78-2.189h7.616c.078 0 .15-.063.159-.141.035-.333.046-.667.034-1.002Zm-7.872-.863a2.576 2.576 0 0 1 2.485-2.407c1.497-.024 2.358 1.124 2.4 2.407H54.13ZM27.27 12.778c-3.24.031-5.462 2.608-5.462 5.86 0 3.25 2.387 5.708 5.765 5.731 1.835.011 3.285-.813 4.175-2.119a.1.1 0 0 0-.02-.13l-1.69-1.319a.098.098 0 0 0-.132.017 2.86 2.86 0 0 1-2.194 1.058c-1.307 0-2.413-.92-2.782-2.189h7.613a.165.165 0 0 0 .16-.141c.382-3.451-1.712-6.803-5.433-6.768Zm-2.399 4.903a2.58 2.58 0 0 1 2.484-2.407c1.497-.024 2.358 1.124 2.4 2.407h-4.884ZM62.886 18.59c0-3.182 2.43-5.8 5.836-5.8 2.05 0 3.345.675 4.372 1.79a.12.12 0 0 1 0 .156l-1.778 1.913a.
438117.117 0 0 1-.165 0c-.68-.698-1.374-1.14-2.451-1.14-1.578 0-2.7 1.393-2.7 3.035 0 1.645 1.088 3.119 2.825 3.119 1.013 0 1.721-.417 2.453-1.09a.145.145 0 0 1 .197 0l1.657 1.676a.146.146 0 0 1 0 .197c-1.05 1.14-2.294 1.938-4.45 1.938a5.765 5.765 0 0 1-5.797-5.795Z" fill="#000"/><path d="M23.071 0H3.33C1.673 0 .376 1.56.645 3.172L5.94 29.74A2.736 2.736 0 0 0 8.623 32h9.17a2.736 2.736 0 0 0 2.684-2.26l1.073-5.428h-3.11l-.926 4.646H8.893L3.704 3.044h18.999l-.895 4.414h3.084l.852-4.285c.277-1.61-1.018-3.174-2.673-3.172Z" fill="#000"/></svg>
439    </a>
440</div>
441<ul class="header links"><li class="authorization-link ajax-logged-in" data-logged-in="0">
442    <ul class="account-items">
443        <li class="item">
444            <a  
445                aria-label="Inloggen"
446                aria-expanded="false"
447                role="button"
448                id="nav-account-icon" 
449                class="my-account" 
450                rel="nofollow"
451            >
452                <span>Bezig met laden...</span>
453            </a>
454        </li>
455    </ul>
456
457    <ul class="logged-out-items">
458        <li class="beer-tokens-menu-item"></li>
459    </ul>
460
461    <ul class="logged-in-items">
462        <li class="beer-tokens-menu-item icon-wallet-small"></li>
463        <li class="icon-orders"><a href="https://www.perfectdraft.com/nl-be/sales/order/history" rel="nofollow">Bestelgeschiedenis</a></li>
464        <li class="icon-returns"><a href="https://www.perfectdraft.com/nl-be/keg/returns/hub" rel="nofollow">Retour lege vaten
465</a></li>
466        <li class="icon-exit"><a href="https://www.perfectdraft.com/nl-be/customer/account/logout/" rel="nofollow">Afmelden</a></li>
467    </ul>
468</li>
469
470<script id="beer-tokens-card" type="text/x-magento-template">
471    <div class="beer-tokens-card store-credit-card">
472        <% if (data.isLoggedIn) { %>
473            <% if (data.tokensSpendable > 0) { %>
474                <% if (data.isEU) { %>
475                    <div class="store-credit" data-wallet="<%- data.walletCredit %>">
476                        <p class="tokens-title">Je loyaliteitsaccount</p>
477                        <div class="store-credit--amounts">
478                            <a href="https://www.perfectdraft.com/nl-be/reward/customer/info/" rel="nofollow" title="Portemonnee">
479                                <p class="wallet-credit">Portemonnee : <span class="wallet-placeholder credit--loading">0.00</span></p>
480                            </a>
481                            <a href="https://www.perfectdraft.com/nl-be/reward/customer/info/" rel="nofollow" title="Punt">
482                                <p class="points-title">Punt : <span class="points-placeholder credit--loading">0 punten</span></p>
483                                <p class="monetary-credit">(of <span class="monetary-credit-placeholder credit--loading">0</span>)</p>
484                            </a>
485                        </div>
486                    </div>
487                <% } else { %>
488                    <a href="https://www.perfectdraft.com/nl-be/reward/customer/info/" rel="nofollow" title="Bekijk bierfiches">
489                        <p>Je hebt <span class="tokens-amount"><%- data.tokensSpendable %></span></p>
490                        <p class="tokens-title">punten</p>
491                        <p class="tokens-monetary">(of <b>€<%- data.tokensValue %>)</b></p>
492                    </a>
493                <% } %>
494            <% } else { %>
495                <a href="https://www.perfectdraft.com/nl-be/reward/customer/info" rel="nofollow">
496                    <p class="no-tokens"><span>Plaats je eerste bestelling</span> en ontvang loyaliteitspunten.</p>
497                </a>
498            <% } %>
499        <% } else { %>
500            <p class="no-tokens">Log in of maak een account aan om punten te sparen bij elke aankoop.</p>
501        <% } %>
502    </div>
503</script>
503
504</ul>
505<div aria-expanded="false" aria-label="Shopping Cart" aria-owns="mini-cart-popover" tabindex="0"
506     data-block="minicart" class="minicart-wrapper hover-enabled" data-bind="scope: 'minicart_content'">
507
508    <a aria-hidden="true" tabindex="-1" class="action showcart" href="https://www.perfectdraft.com/nl-be/checkout/cart/" rel="nofollow" data-bind="css: { hasItems : !!getCartParam('summary_count_minicart') == true }">
509    <img src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-cart.svg" height="32" width="32" aria-hidden="true"/>
510
511            <span class="counter"
512                data-bind="css: { empty: !!getCartParam('summary_count_minicart') == false }, blockLoader: isLoading">
513                <!-- ko if: getCartParam('summary_count_minicart') -->
514                    <span class="counter-number"><!-- ko text: getCartParam('summary_count_minicart') --><!-- /ko --></span>
515                <!-- /ko -->
516                <!-- ko ifnot: getCartParam('summary_count_minicart') -->
517                    <span class="counter-number">0</span>
518                <!-- /ko -->
519            </span>
520            <!-- ko if: getCartParam('subtotalAmountFormated') -->
521                <span class="price-wrapper" data-bind="html: getCartParam('subtotalAmountFormated')"></span>
522            <!-- /ko -->
523            <!-- ko ifnot: getCartParam('subtotalAmountFormated') -->
524                <span class="price-wrapper">0,00€</span>
525            <!-- /ko -->
526        </a>
527
528        <div class="minicart-popover" id="mini-cart-popover">
529
530        <button type="button" class="close-popover"
531                aria-label="Close Cart" aria-controls="mini-cart-popover" aria-expanded="false">
532            <span aria-hidden="true">×</span>
533        </button>
534
535        <div class="popover-cart-empty-content">
536            <div class="popover-cart-empty-header">
537                <div class="popover-cart-empty-image">
538                    <img src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-cart.svg" height="28" width="28" title="Cart Empty" aria-hidden="true"/>
539                </div>
540                <p>Je winkelmandje is leeg!</p>
541                <p>Tijd om te shoppen.</p>
542            </div>
543            <div class="popover-cart-empty-suggestions">
544                <p>Ontdek deze populaire categorieën en vul je winkelmand met mooie deals.</p>
545                <div class="suggestion-links"></div>
546            </div>
547        </div>
548
549        <div class="popover-promos no-promos"></div>
550
551        <div class="popover-cart-populated-content">
552
553            <div class="popover-items">
554                <p>Producten</p>
555                <ol class="popover-items-list"></ol>
556            </div>
557
558            <div class="popover-totals">
559                <p>Subtotaal (met leeggoed)</p>
560                <span>€ 0,00</span>
561            </div>
562
563            <div class="popover-messages">
564                <img class="icon-info" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-info.svg" height="16" width="16" title="Messages" aria-hidden="true"/>
565                <p class="popover-message">Add 3 more qualifying kegs, save 15% on those kegs</p>
566            </div>
567
568            <div class="popover-actions">
569                <button
570                    type="button"
571                    title="Bekijk winkelmandje"
572                    class="button button--primary-inv"
573                    onClick="dataLayer.push({'event': 'clickMiniCartCTA', 'mini_cart_cta': 'view cart'}); window.location = `${window.BASE_URL}checkout/cart`;"
574                >
575                    Bekijk winkelmandje                </button>
576                <button
577                    type="button"
578                    title="Bestellen"
579                    class="button button--primary"
580                    onClick="dataLayer.push({'event': 'clickMiniCartCTA', 'mini_cart_cta': 'checkout'}); window.location = `${window.BASE_URL}checkout`;"
581                >
582                    Uitchecken                </button>
583            </div>
584        </div>
585
586        </div>
587    </div>
588
589    
590
591    <!-- The "miniConfig" object is passed to app/design/frontend/BeerHawk/perfectdraft/Magento_Checkout/web/js/minicart.js -->
592    
593
594</div></div></div><div class="navigation-wrapper__fw make__fw"><div class="navigation-wrapper make__grid">    
595    <nav 
596        id="main-menu" 
597        class="main-nav" 
598        aria-label="Main menu" 
599        aria-expanded="false"
600        tabIndex="0"
601    >
602
603        <div class="submenu-header">
604            <button 
605                class="submenu-back-button arrow-icon"
606                aria-label="Back to previous menu"
607            ></button>
608            <span class="subMenuTitle"></span>
609        </div>
610
611        <ul 
612            class="main-nav__list"
613            data-mage-init='{
614                "BeerHawk_Design/js/menu": {
615                    "menuClass": "main-nav",
616                    "allLabel": "Alle producten"
617                }
618            }'
619        >
620                                            <li class="main-nav__item">
621                    <a href="https://www.perfectdraft.com/nl-be/biertap" class="main-nav__link" data-menu="menu-728">
622    Biertappen</a>                                    </li>
623                                            <li class="main-nav__item">
624                    <a href="https://www.perfectdraft.com/nl-be/biervat" class="main-nav__link" data-menu="menu-731">
625    Biervaten</a>                                    </li>
626                                            <li class="main-nav__item">
627                    <a href="https://www.perfectdraft.com/nl-be/perfectdraft-accessories" class="main-nav__link" data-menu="menu-730">
628    Glazen en Accessoires</a>                                    </li>
629                                            <li class="main-nav__item nav-promote">
630                    <a href="https://www.perfectdraft.com/nl-be/biedt/bier-aanbiedingen" class="main-nav__link" data-menu="menu-922">
631    Bier aanbiedingen</a>                                    </li>
632                                            <li class="main-nav__item">
633                    <a href="https://www.perfectdraft.com/nl-be/david-beckham" class="main-nav__link" data-menu="menu-890">
634    David Beckham x Stella Artois</a>                                    </li>
635                                            <li class="main-nav__item hide-desktop logged-in">
636                    <a href="/nl-be/customer/account/logout/" data-menu="menu-732" class="main-nav__link">
637    Log out</a>                                    </li>
638                    </ul>
639
640        <div class="menu-footer">
641            <div class="menu-footer-inner">
642                <a 
643                    role="button"
644                    aria-label="Help"
645                    href="https://support.perfectdraft.com/support/home" target="__blank" class="menu-footer-item help">
646                    <img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-help.svg" alt="" />
647                    <span>Help</span>
648                </a>
649                <a 
650                    role="button"
651                    aria-label="Vaten retourneren"
652                    href="https://www.perfectdraft.com/nl-be/keg/returns/hub" class="menu-footer-item keg-returns">
653                    <img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-kegreturns.svg" alt="" />
654                    <span>Vaten retourneren</span>
655                </a>
656                <a 
657                    role="button"
658                    aria-label="Account"
659                    href="https://www.perfectdraft.com/nl-be/customer/account/" class="menu-footer-item my-account">
660                    <img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-account.svg" alt="" />
661                    <span>Account</span>
662                </a>
663            </div>
664        </div>
665
666    </nav>
667
668</div></div></header>
668<main id="maincontent" class="page-main make__fw"><div id="algolia-autocomplete-container"></div>
669<!-- Some of banners attributes will be updated/added with JS -->
670<div id="bh-notification-banners-wrapper">
671    </div>
672<style type="text/css">
673    .bhNotificationBannerMessageContainer {
674        text-align: center;
675        padding: 10px 15px;
676        font-size: 18px;
677        font-weight: 700;
678    }
679    .bhNotificationBannerMessageContainer > span {
680        max-width: 1140px;
681        display: block;
682        margin: 0 auto;
683    }
684    
685    /*
686        For media queries used the value of $medium breakpoint from _mixins.scss
687        desktop version >= $medium
688        mobile version < $medium
689        As alternative .desktop-only / .mobile-only CSS-classes could be used.
690     */
691    @media screen and (max-width: 767px) {
692        .bhNotificationBannerDesktop {
693            display: none;
694        }
695    }
696    @media screen and (min-width: 768px) {
697        .bhNotificationBannerMobile {
698            display: none;
699        }
700    }
701</style>
702
703<a id="contentarea" tabindex="-1"></a>
704<div class="page messages"><div data-placeholder="messages"></div>
705<div data-bind="scope: 'messages'">
706    <!-- ko if: cookieMessages && cookieMessages.length > 0 -->
707    <div role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages">
708        <div data-bind="attr: {
709            class: 'message-' + message.type + ' ' + message.type + ' message',
710            'data-ui-id': 'message-' + message.type
711        }">
712            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
713            <!-- <button class="close-message" onclick="event.target.parentElement.remove();">x</button> -->
714        </div>
715    </div>
716    <!-- /ko -->
717
718    <!-- ko if: messages().messages && messages().messages.length > 0 -->
719    <div role="alert" data-bind="foreach: { data: messages().messages, as: 'message' }" class="messages">
720        <div data-bind="attr: {
721            class: 'message-' + message.type + ' ' + message.type + ' message',
722            'data-ui-id': 'message-' + message.type
723        }">
724            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
725            <!-- <button class="close-message" onclick="event.target.parentElement.remove();">x</button> -->
726        </div>
727    </div>
728    <!-- /ko -->
729</div>
730
731</div><div class="columns make__grid"><div class="column main"><input name="form_key" type="hidden" value="avUPt8QqUgAYFr5n" />
732
733
734
735
736
737
738                    
739
740
741<style>
742    /* Hide Google reCAPTCHA v3 badge */
743    .grecaptcha-badge {
744        visibility: hidden !important;
745    }
746</style>
747<style>
748/* Temp: fix gaps in BT card */
749@media (min-width: 768px) {
750    .beertoken__informationTextContainer .beer-tokens-card a, .myaccount__informationTextContainer .beer-tokens-card a {
751        -ms-grid-columns: repeat(4, min-content);
752        grid-template-columns: repeat(4, min-content);
753        grid-gap: 0.25em;
754        gap: 0.25em;
755    }
756}
757/* END: fix gaps in BT card */
758</style>
759
760<div class="home__top" role="region" aria-label="home page banners">
761  
762<div class="beertoken__banner ajax-logged-in" data-logged-in="0">
763    <div class="beertoken__information">
764        <div class="beertoken__informationIconContainer">
765            <img class="lazyload beertoken__iconImg" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/Wallet--Money.svg" alt="Wallet Icon">
766        </div>
767        <div class="beertoken__informationTextContainer">
768            <h2>Uw punten</h2>
769            <div class="beer-tokens-banner-card-holder"></div>
770            <p class="beer-token-loading-message">Je bierfiches ophalen...</p>
771            <div class="beertoken__informationTextLinks">
772                <a 
773                    aria-label="Ontdek het loyaliteitsprogramma."
774                    role="button"
775                    href="https://www.perfectdraft.com/nl-be/loyaliteitsprogramma" 
776                    class="beertoken__informationLink">Ontdek het loyaliteitsprogramma.                </a>
777                <a  
778                    aria-label="Mijn account"
779                    role="button"
780                    href="https://www.perfectdraft.com/nl-be/customer/account" 
781                    class="auth myaccount__informationLink">Mijn account                </a>
782            </div>
783        </div>
784    </div>
785    <div class="beertoken__buttonContainer">
786        <span class="auth auth--kegs">
787            <button 
788                aria-label="Bestel nu"
789                class="button button--secondary" 
790                href="https://www.perfectdraft.com/nl-be/biertap" 
791                rel="nofollow">Bestel nu            </button>
792        </span>
793        <span class="anon">
794            <button 
795                aria-label="Inloggen"
796                aria-expanded="false"
797                onclick="
798                    if (this.ariaExpanded === 'false') {
799                        this.setAttribute('aria-expanded', true);
800                        setTimeout(() => trapModalFocus(document.querySelector('#contentarea')), 100);
801                    } else {
802                        this.setAttribute('aria-expanded', false);
803                        this.focus();
804                    }
805                "
806                onfocus="if (this.ariaExpanded === 'true') this.setAttribute('aria-expanded', false);"
807                class="button button--primary button--loading beertoken__login" 
808                href="https://www.perfectdraft.com/nl-be/customer/account/login/" 
809                rel="nofollow" 
810                target="_self">Inloggen            </button>
811            <button 
812                aria-label="Maak je account"
813                aria-expanded="false"
814                onclick="
815                    if (this.ariaExpanded === 'false') {
816                        this.setAttribute('aria-expanded', true);
817                        setTimeout(() => trapModalFocus(document.querySelector('#contentarea')), 100);
818                    } else {
819                        this.setAttribute('aria-expanded', false);
820                        this.focus();
821                    }
822                "
823                onfocus="if (this.ariaExpanded === 'true') this.setAttribute('aria-expanded', false);"
824                class="button button--secondary button--loading beertoken__register" 
825                href="https://www.perfectdraft.com/nl-be/customer/account/create/" 
826                rel="nofollow" 
827                target="_self">Maak je account            </button>
828        </span>
829    </div>
830</div>
831
832
833  <div class="hp-banners" role="list">
834    <style>
835  .hp-banners .banner-item {background-color: #ffffff;border-radius: 10px;}
836  .hp-banners .banner-item .banner-text-inner>p>span>span{padding-right:10px;line-height:1.2;text-transform: unset;transform: unset;-webkit-transform: unset;}
837  @media (max-width: 320px){.hp-banners .banner-item .banner-text {font-size: 16px;}}
838  @media (max-width: 425px){.hp-banners .banner-item:first-of-type .banner-text, .hp-banners .banner-item:nth-of-type(2) .banner-text {font-size: 20px;}}
839  @media (min-width: 768px) and (max-width: 930px){.hp-banners .banner-item .banner-text {font-size: 16px;}}
840  @media (min-width: 768px) and (max-width: 768px){.hp-banners .banner-item .banner-text {font-size: 32px;}}
841  @media (min-width: 992px) {.hp-banners .banner-item .banner-text {font-size:23px;}.hp-banners .banner-item:first-of-type .banner-text, .hp-banners .banner-item:nth-of-type(2) .banner-text {font-size: 32px;}}
842  @media (min-width: 576px) and (max-width:767px){.home__top{flex-direction:column;padding-top:15px;}}
843  @media (min-width: 768px){.hp-banners{margin-top:unset;}.p5a_1811_KegReturns{display: none;}}
844</style>
845
846<div 
847  role="listitem"
848  class="banner-item--outer"
849>
850  <!-- p1 -->
851  <style>.p1_august .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){ .p1_1605_bbq .html-data div{font-size:16px;} }</style><a 
852    onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 
853    id="p1_august" href="biertap" 
854    class="p1_august banner-item" 
855    title="Koop nu" 
856    aria-label="Koop nu" 
857    data-analytics-label="p1_august"
858>
859        <div class="html-data"><div>Koop nu</div></div>    <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/P1_GIF_NL.gif" class="lazyload" alt="Koop nu" width="555" height="430" />
860</a>
861
862</div>
863
864<div 
865  role="listitem"
866  class="banner-item--outer"
867>
868  <!-- p2 -->
869  <style>.p2_august .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){ .p2_20240710_black .html-data div{font-size:16px;} }</style><a 
870    onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 
871    id="p2_august" href="3-vaten-naar-keuze-ronde-prijs-pack" 
872    class="p2_august banner-item" 
873    title="Koop nu" 
874    aria-label="Koop nu" 
875    data-analytics-label="p2_august"
876>
877        <div class="html-data"><div>Koop nu</div></div>    <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/4560588516_PerfectDraft_BNFL_Strong_Beers_NL_HPB_1110x860_1100x860.jpg" class="lazyload" alt="Koop nu" width="555" height="430" />
878</a>
879
880</div>
881
882<div 
883  role="listitem"
884  class="banner-item--outer"
885>
886  <!-- p3 -->
887  <style>.p3_august .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){.p5_2201_multibuy .html-data div{font-size:16px;} }</style><a 
888    onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 
889    id="p3_august" href="biertap" 
890    class="p3_august banner-item" 
891    title="Ik bestel" 
892    aria-label="Ik bestel" 
893    data-analytics-label="p3_august"
894>
895        <div class="html-data"><div>Ik bestel</div></div>    <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/4503951669_PerfectDraft_BNFL_World_Beer_TourHPB_1110x860_1100x860-1_1.jpg" class="lazyload" alt="Ik bestel" width="555" height="430" />
896</a>
897
898</div>
899
900<div 
901  role="listitem"
902  class="banner-item--outer"
903>
904  <!-- p4 -->
905  <style>.p4_august .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){ .p4_0805_delivery .html-data div{font-size:16px;} }</style><a 
906    onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 
907    id="p4_august" href="biervat" 
908    class="p4_august banner-item" 
909    title="Ik bestel" 
910    aria-label="Ik bestel" 
911    data-analytics-label="p4_august"
912>
913        <div class="html-data"><div>Ik bestel</div></div>    <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/P4_AUG_NL.png" class="lazyload" alt="Ik bestel" width="555" height="430" />
914</a>
915
916</div>
917
918<div 
919  role="listitem"
920  class="banner-item--outer"
921>
922  <!-- p5 --> 
923  <style>.p5_august .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){.p5_2201_multibuy .html-data div{font-size:16px;} }</style><a 
924    onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 
925    id="p5_august" href="biervat" 
926    class="p5_august banner-item" 
927    title="Koop nu" 
928    aria-label="Koop nu" 
929    data-analytics-label="p5_august"
930>
931        <div class="html-data"><div>Koop nu</div></div>    <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/P5_AUG_NLBE.png" class="lazyload" alt="Koop nu" width="555" height="430" />
932</a>
933
934</div>
935    
936  </div>
937</div>
938
939<div class="product-promo" style="margin-top:20px; margin-bottom:20px;
939display:none;display:none;">
940<div id="pr-products-vejnf" class="col-md-12 pd-instant-search-results-container"></div>
941<div id="pr-products-vejnf-hit">
942    
943</div>
944
945
946
947
948</div>
949
950<div class="shop-categories">
951  <style>.shop-categories .button.button--secondary{font-size:14px;letter-spacing:-0.4px;background: #fff; border: #fff;}.shop-categories .block-heading__wrapper{display :block;}
952.shop-categories__wrapper{margin-bottom: 20px;}
953.recs-block+.recs-block{margin-top: 20px;}
954.block-heading__title{text-transform: none;}
955.shop-categories__item{text-align:center;}
956</style>
957<div class="block-heading__wrapper"><span class="block-heading__title"> Categorieën</span></div>
958<div class="shop-categories__wrapper">
959<div class="shop-categories__item"><a title="Biertaps" href="https://www.perfectdraft.com/nl-be/biertap"> <img alt="Biertaps" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/shop_category/machines.png" class="lazyload"> <span class="button button--secondary">Biertaps</span> </a></div>
960<div class="shop-categories__item"><a title="Biervaten" href="https://www.perfectdraft.com/nl-be/biervat"> <img alt="Biervaten" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/cat_banner_leffe_360.png" class="lazyload"> <span class="button button--secondary">Biervaten</span> </a></div>
961<div class="shop-categories__item"><a title="Bierglazen" href="https://www.perfectdraft.com/nl-be/perfectdraft-accessories"> <img alt="Bierglazen" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/shop_category/merch.png" class="lazyload"> <span class="button button--secondary">Bierglazen</span> </a></div>
962<div class="shop-categories__item"><a title="Vatenbundels" href="https://www.perfectdraft.com/nl-be/biervat/pack"> <img alt="Vatenbundels" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/cat_banner_360.png" class="lazyload"> <span class="button button--secondary">Vatenbundels</span> </a></div>
963<div class="shop-categories__item"><a title="Onze app" href="https://www.perfectdraft.com/nl-be/download-de-app"> <img alt="Onze app" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/fr-fr/APPNL.png" class="lazyload"> <span class="button button--secondary">Onze app</span> </a></div>
964</div>
965<div id="recomm-homepage-2" class="recs-block recs-block-homepage-2"></div>
966<div id="recomm-homepage-3" class="recs-block recs-block-homepage-3"></div>
967<p> 
968</p>
969</div>
970
971<div class="shop-categories more-to-explore" role="region" aria-labelledby="block-heading__title">
972  
973</div>
974
975<style>
976.about-perfectdraft h1{font-size: 22px;margin:20px 0 10px}
977.about-perfectdraft h1,.about-perfectdraft h2{font-family:Montserrat,sans-serif;text-align:center}
978.about-perfectdraft h2 {font-size: 16px;margin:10px 0}
979.about-perfectdraft p{text-align:center}
980.about-perfectdraft a{color:#000;font-weight: 700}
981.about-perfectdraft a:hover{text-decoration:none}
982</style>
983<div class="about-perfectdraft">
984<h1>Ontdek thuis het genot van vers getapt bier met PerfectDraft</h1>
985<p>&nbsp;</p>
986<h2>Wij staan klaar om je te helpen de magie van perfect getapt bier te ontdekken,</h2>
987<h2>want niets maakt ons gelukkiger dan de ultieme ervaring te bieden aan bierliefhebbers zoals jij.</h2>
988<p>&nbsp;</p>
989<p style="line-height: 1;">Met een ruim aanbod aan vaten is er voor elk wat wils. Ons assortiment omvat klassiekers zoals <a title="Koop Tripel Karmeliet 6L" href="tripel-karmeliet-perfectdraft-biervat-6l">Tripel Karmeliet</a> en <a title="Koop Leffe Blonde 6L" href="leffe-blond-perfectdraft-biervat-6l">Leffe Blonde</a>, evenals nieuwkomers</p>
990<p style="line-height: 1;">zoals&nbsp;<a title="Koop Victoria 6L" href="victoria-perfectdraft-biervat-6l">Victoria</a>, <a title="Koop Kwak Blonde" href="kwak-blonde-perfectdraft-biervat-6l">Kwak Blonde</a> en <a title="Koop Leffe Prestige 1240 6L" href="leffe-prestige-perfectdraft-biervat-6l">Leffe Prestige 1240</a>.</p>
991</div></div></div></main><footer class="page-footer"><div class="insurances make__fw"><div class="insurances-inner make__grid"><style>.page-footer .insurances-item .icon.delivery{background-image:url(https://jtdtcwvg.tinifycdn.com/media/wysiwyg/icons/perfectdraft-delivery.svg)}</style>
992<div class="insurances-item">
993    <div class="icon delivery"></div>
994    <div class="text">
995        <h2 class="line1">Gratis levering!</h2>
996        <div class="line2">Geniet van gratis levering bij besteding vanaf €100!<br> <a href="https://www.perfectdraft.com/nl-be/acties-voorwaarden">Onze leveringsvoorwaarden</a></div>
997    </div>
998</div>
999
1000<div class="insurances-item">
1001    <div class="icon like"></div>
1002    <div class="text">
1003        <h2 class="line1"><img alt="" height="20" width="96" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/Stars.svg" class="lazyload">9.4/10</h2>
1004        <div class="line2">Bierliefhebbers houden van ons!<br><a href="https://www.ekomi.nl/klantenmeningen-perfectdraft-be.html" target="_blank">Lees de recensies op eKomi</a>!</div>
1005    </div>
1006</div>
1007
1008<div class="insurances-item">
1009    <div class="icon loyalty"></div>
1010    <div class="text">
1011        <div class="line1">Uw loyaliteit wordt beloond</div>
1012        <div class="line2">Maak een account & ontvang extra voordeel!<br><a href="https://www.perfectdraft.com/nl-be/loyaliteitsprogramma">Leer meer over ons loyaliteitsprogramma</a></div>
1013    </div>
1014</div></div></div><div class="footer-newsletter__fw make__fw"><div class="footer-newsletter make__grid">
1015<!--block:footer-newsletter-signup-->
1016
1017<style>
1018    .widget9449.sign-up-block-holder {
1019            background:#transparent;
1020                        color:#222;
1021        }
1022                
1023    }
1024    @media (min-width: 576px) {
1025        .widget9449 .sign-up-block-holder {
1026                            }
1027        }
1028    }
1029    </style>
1030
1031<div class="sign-up-block-holder widget9449">
1032    <div class="sign-up-block make__grid">
1033        <div class="form-holder">
1034            
1035        <div>
1036
1037            <div class="sign-up-title">Blijf op de hoogte!</div>
1038                            <p class="sign-up-description">Meld je aan voor onze nieuwsbrief en ontvang bericht over onze nieuwste aanwinsten, loyaliteitsvoordeeltjes en exclusieve aanbiedingen.</p>
1039                        </div>
1040<div>
1041
1042            <form class="form sign-up-form" name="sign-up-form" id="widget9449-sign-up-form">
1043                <div class="field">
1044                    <label class="label" for="widget9449-sign-up-input">
1045                        <span>Sign Up</span>
1046                    </label>
1047                    <div class="control">
1048                        <input name="Email" type="email" id="widget9449-sign-up-input" placeholder="e-mailadres" data-validate="{required:true, 'validate-email':true}">
1049                    </div>
1050                </div>
1051                <div class="actions">
1052                    <button class="button button--primary submit-button widget9449-newsletter-signup" title="Abonneren" type="submit"  data-ua-track="true" data-ua-category="Newsletter Sign-up" data-ua-action="User Click" data-ua-label="Footer">
1053                        <span>Sign Up</span>
1054                    </button>
1055                </div>
1056            </form>
1057            <div class="policy-box">
1058                <input type="checkbox" name="signUpConsent" class="checkbox" id="widget9449-sign-up-consent" title="ik aanvaard">
1059                <label for="widget9449-sign-up-consent">
1060                    <span>Ik accepteer de <a href="https://www.perfectdraft.com/nl-be/algemene-voorwaarden" style="color:#222">Voorwaarden</a> en <a href="https://www.perfectdraft.com/nl-be/privacybeleid" style="color:#222">Privacybeleid</a></span>
1061                </label>
1062            </div>
1063            </div>
1064        </div>
1065    </div>
1066</div>
1067
1068
1069<!--/block:footer-newsletter-signup--></div></div><div id="footerwrapper" class="make__fw"><div class="footer-wrapper footer-adjust"><style>
1070#ot-sdk-btn.ot-sdk-show-settings,#ot-sdk-btn.optanon-show-settings,#ot-sdk-btn.ot-sdk-show-settings:hover,#ot-sdk-btn.optanon-show-settings:hover{color: unset;border: unset;padding:unset;line-height:unset;font-size:unset;background-color:unset;}
1071#ot-sdk-btn-floating{display:none;}
1072</style>
1073
1074
1075<div class="footer_links_container">
1076    <div class="footer_links col1">
1077        <div class="footerNav">
1078            <p class="footerHeading">Over ons</p>
1079            <div class="arrow-down"></div>
1080        </div>
1081    <ul class="footer-menu">
1082 <li><a href="https://www.perfectdraft.com/nl-be/over-perfectdraft">Over PerfectDraft</a></li>
1083 <li><a href="https://www.ekomi.nl/klantenmeningen-perfectdraft-be.html" rel="nofollow">Beoordelingen van klanten</a></li>
1084 <li><a href="https://www.perfectdraft.com/nl-be/consumenten-informatie">Compliance</a></li>
1085 <li><a href="https://www.perfectdraft.com/nl-be/refer-a-friend">Referral</a></li>
1086 <li><a href="https://www.perfectdraft.com/nl-be/loyaliteitsprogramma">Loyaliteitsprogramma</a></li>
1087    </div>
1088  <div class="footer_links col2">
1089        <div class="footerNav">
1090            <p class="footerHeading">Klantenservice</p>
1091            <div class="arrow-down"></div>
1092        </div>
1093        <ul class="footer-menu">
1094             <li><a href="https://support.perfectdraft.com/hc/nl-be" target="_blank">FAQ</a></li>
1095            <li><a href="https://www.perfectdraft.com/nl-be/contact">Contact</a></li>
1096            <li><a href="https://www.perfectdraft.com/nl-be/historie-hopt">Historie van HOPT</a></li>
1097            <li><a href="https://www.perfectdraft.com/nl-be/voorwaarden-bezorging">Informatie over de verzending</a></li>
1098            <li><a href="https://www.perfectdraft.com/nl-be/vaten-inleveren" title="Retour de fûts">Vaten retourneren</a></li>
1099            
1100
1101        </ul>
1102    </div>
1103    <div class="footer_links col3">
1104        <div class="footerNav">
1105            <p class="footerHeading">Voorwaarden</p>
1106            <div class="arrow-down"></div>
1107        </div>
1108        <ul class="footer-menu">
1109            <li><a href="https://www.perfectdraft.com/nl-be/privacybeleid">Privacybeleid</a></li>
1110            <li><a href="https://www.perfectdraft.com/nl-be/cookiebeleid">Cookiebeleid</a></li>
1111            <li><a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookies Settings</a></li>
1112            <li><a href="https://www.perfectdraft.com/nl-be/acties-voorwaarden">Actievoorwaarden</a></li>
1113            <li><a href="https://www.perfectdraft.com/nl-be/algemene-voorwaarden">Algemene Voorwaarden</a></li>
1114            <li><a href="https://www.perfectdraft.com/nl-be/toegankelijkheid">Toegankelijkheid</a></li>
1115        </ul>
1116    </div>
1117    <div class="footer_links col4">
1118        <div class="footerNav">
1119            <p class="footerHeading">Sociale media</p>
1120            <div class="arrow-down"></div>
1121        </div>
1122        <ul class="footer-menu social-icons">
1123            <li class="social-icon"><a href="https://www.facebook.com/PerfectDraftBelgium" title="Facebook" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/social/Social--Facebook--Mono.svg" alt="Facebook" /></a></li>
1124            <li class="social-icon"><a href="https://www.instagram.com/perfectdraft_belgium/" title="Instagram" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/social/Social--Instagram--Mono.svg" alt="Instagram" /></a></li>
1125            <li class="social-icon"><a href="https://twitter.com/PerfectDraftEU" title="Twitter" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/social/Social--Twitter--Mono.svg" alt="Twitter" /></a></li>
1126            <li class="social-icon"><a href="https://www.youtube.com/user/perfectdraft_france" title="YouTube" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/social/Social--YouTube--Mono.svg" alt="YouTube" /></a></li>
1127            </li>
1128        </ul>
1129    </div>
1130    <div class="footer_links col5">
1131        <div class="footerNav">
1132            <p class="footerHeading">Onze app voor je machine</p>
1133        </div>
1134        <div class="app-links">
1135            <a href="https://apps.apple.com/gb/app/perfectdraft/id1578658955?itsct=apps_box_badge&itscg=30200" target="_blank"><img class="lazyload" height="40" width="120" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/AppStore.png" alt="Télécharger sur l&#039;App Store" /></a>
1136            <a href="https://play.google.com/store/apps/details?id=com.perfectdraft&hl=en_GB&gl=GB&pli=1" target="_blank"><img class="lazyload" height="40" width="120" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/GooglePlay.png" alt="Obtenez le sur Google Play" /></a>
1137        </div> 
1138    </div>
1139    <div class="clearfix"></div>
1140</div><!--block: footer-payment-logos-->
1141<style>
1142  .footer__absolute .payments .payment-item {
1143    min-height: unset;
1144    max-height: 30px;
1145    max-width: 48px
1146  }
1147
1148  @media screen and (min-width: 768px) {
1149    .footer__absolute .payments .payment-item {
1150      max-height: 48px;
1151      max-width: 62px
1152  }
1153}
1154</style>
1155<div class="footer__absolute">
1156  <div class="payments">
1157    <img class="lazyload payment-item" alt="Visa" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/logos/visa_2x.png">
1158    <img class="lazyload payment-item" alt="Mastercard" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/logos/mastercard_2x.png">
1159    <img class="lazyload payment-item" alt="Bancontact" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/logos/bancontact_2x.png">
1160  </div>
1161</div>
1162<!--/block: footer-payment-logos--><div class="copy">
1163    <span>&copy; 2026 PerfectDraft Limited. Alle rechten voorbehouden.</span>
1164</div>
1165</div></div></footer>
1166
1167
1168
1169<!-- Wrapping template (This template is for the overall layout of the product list & filters) -->
1170
1171
1172<!-- Stats template (This template is for showing the number of results e.g "1-100 out of 500") -->
1173
1174<!-- Facet template (This template is for the checkbox and label of a filter option) -->
1175<!-- Refinements template (This template is for currently applied filters) -->
1176</div><div class="account-popup-container"><div class="login-popup">
1177<div class="messages-wrapper">
1178    <div data-bind="scope: 'messages'">
1179    <!-- ko if: cookieMessages && cookieMessages.length > 0 -->
1180    <div role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages">
1181        <div data-bind="attr: {
1182            class: 'message-' + message.type + ' ' + message.type + ' message',
1183            'data-ui-id': 'message-' + message.type
1184        }">
1185            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
1186            <!-- <button class="close-message" onclick="event.target.parentElement.remove();">x</button> -->
1187        </div>
1188    </div>
1189    <!-- /ko -->
1190
1191    <!-- ko if: messages().messages && messages().messages.length > 0 -->
1192    <div role="alert" data-bind="foreach: { data: messages().messages, as: 'message' }" class="messages">
1193        <div data-bind="attr: {
1194            class: 'message-' + message.type + ' ' + message.type + ' message',
1195            'data-ui-id': 'message-' + message.type
1196        }">
1197            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
1198            <!-- <button class="close-message" onclick="event.target.parentElement.remove();">x</button> -->
1199        </div>
1200    </div>
1201    <!-- /ko -->
1202</div>
1203
1204
1205    <div data-bind="scope: 'messageList'">
1206    <!-- ko if: messages().length > 0 -->
1207    <div role="alert" class="messages instant" data-bind="foreach: { data: messages(), as: 'message' }">
1208        <div data-bind="attr: {
1209            class: 'message-' + message.type + ' ' + message.type + ' message',
1210            'data-ui-id': 'message-' + message.type
1211        }">
1212            <div data-bind="html: message.text"></div>
1213            <button class="close-message" onclick="event.currentTarget.parentElement.remove();">
1214                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64
1214C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z"/></svg>
1215            </button>
1216        </div>
1217    </div>
1218    <!-- /ko -->
1219</div>
1220
1221
1222</div>
1223
1224<form class="form form-login auth__form"
1225      onSubmit="event.preventDefault(); window.customerLogin(event.target);"
1226      method="post"
1227      id="login-form"
1228      data-mage-init='{"validation": {"mixins": ["Magento_Theme/js/mage-validation-ext"]}, "loginForm": {}}'>
1229
1230    <h2>Inloggen</h2>
1231    <p>Toegang tot alle voordelen en volg je bestellingen</p>
1232
1233    <input name="form_key" type="hidden" value="SYTx1dUYT95U5cm0" />
1234    <fieldset class="fieldset login">
1235        <div class="field email required form-floating">
1236
1237            <input
1238                id="email"
1239                class="input-text lowercase form-control"
1240                type="email"
1241                name="email"
1242                placeholder="E-mailadres"
1243                value=""
1244                autocomplete="email"
1245                data-validate="{required:true, 'validate-email':true}"
1246            >
1247            <label for="email">E-mailadres</label>
1248        </div>
1249        <div class="field required form-floating">
1250            <input
1251                id="pass"
1252                class="input-text form-control"
1253                type="password"
1254                placeholder="Wachtwoord"
1255                name="password"
1256                autocomplete="current-password"
1257                data-validate="{required:true}"
1258            >
1259            <label for="pass">Wachtwoord</label>
1260            <i class="password-visibility password-visibility--off" onClick="window.togglePassword(event.target)"></i>
1261            <p class="mage-error"></p>
1262        </div>
1263
1264        
1265        <div class="auth-action">
1266
1267            <p>
1268                <a href="https://www.perfectdraft.com/nl-be/customer/account/forgotpassword/">
1269                    Je wachtwoord vergeten?                </a>
1270            </p>
1271
1272            <button type="submit" class="button--primary" name="send" id="send2">
1273                Inloggen            </button>
1274
1275                            <div class="swap-to-register">
1276                    <p>Heeft u nog geen account? <a onclick="window.openAccountPopup && window.openAccountPopup('register')">Maak een account aan</a></p>
1277                </div>
1278            
1279        </div>
1280    </fieldset>
1281</form>
1282<nav>
1283  <a href="/nl-be/contact">Hulp nodig?</a>
1284  <a href="/nl-be/privacybeleid">Privacybeleid</a>
1285  <a href="/nl-be/algemene-voorwaarden">Algemene voorwaarden</a>
1286</nav></div><div class="register-popup">
1287
1288
1289<div class="messages-wrapper">
1290    <div data-bind="scope: 'messageList'">
1291    <!-- ko if: messages().length > 0 -->
1292    <div role="alert" class="messages instant" data-bind="foreach: { data: messages(), as: 'message' }">
1293        <div data-bind="attr: {
1294            class: 'message-' + message.type + ' ' + message.type + ' message',
1295            'data-ui-id': 'message-' + message.type
1296        }">
1297            <div data-bind="html: message.text"></div>
1298            <button class="close-message" onclick="event.currentTarget.parentElement.remove();">
1299                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z"/></svg>
1300            </button>
1301        </div>
1302    </div>
1303    <!-- /ko -->
1304</div>
1305
1306
1307</div>
1308
1309<h2>Maak een account aan</h2>
1310<p class="intro">Maak een account aan om toegang te krijgen tot alle voordelen en je bestellingen te volgen</p>
1311
1312<form
1313    class="form create account form-create-account auth__form"
1314    onSubmit="event.preventDefault(); window.customerRegister();"
1315    id="form-validate"
1316    autocomplete="off"
1317>
1318
1319        <input name="form_key" type="hidden" value="SYTx1dUYT95U5cm0" />
1320    <div class="scroll">
1321
1322    <fieldset class="fieldset create names">
1323        <div class="cols-2">
1324            <div class="field form-floating field-name-firstname required">
1325                <input
1326                    id="firstname"
1327                    type="text"
1328                    name="firstname"
1329                    autocomplete="given-name"
1330                    title="Voornaam"
1331                    placeholder="Voornaam"
1332                    class="input-text required-entry form-control"
1333                    data-validate="{required:true}"
1334                    aria-required="true"
1335                />
1336                <label for="firstname">Voornaam</label>
1337            </div>
1338
1339            <div class="field form-floating field-name-lastname required">
1340                <input
1341                    type="text"
1342                    id="lastname"
1343                    name="lastname"
1344                    autocomplete="family-name"
1345                    title="Achternaam"
1346                    placeholder="Achternaam"
1347                    class="input-text required-entry form-control"
1348                    data-validate="{required:true}"
1349                    aria-required="true"
1350                />
1351                <label for="lastname">Achternaam</label>
1352            </div>
1353        </div>
1354
1355        <div class="field form-floating required">
1356            <input
1357                class="form-control"
1358                id="customer-dob"
1359                type="date"
1360                name="dob"
1361                value=""
1362                data-validate="{'required':true,'validate-date':{dateFormat:'YYYY-MM-DD'},'validate-dob':false,'validate-dob-age':{dateFormat:'YYYY-MM-DD','ge':18}}"
1363                autocomplete="on"
1364                maxlength="10"
1365                aria-required="true"
1366                placeholder="Geboortedatum"
1367            />
1368            <label for="customer-dob">Geboortedatum</label>
1369        </div>
1370    </fieldset>
1371
1372        
1373    <fieldset class="fieldset create account password" data-hasrequired="* Verplichte velden">
1374        <div class="field form-floating email required">
1375            <input type="email" name="email" id="email_address"
1376                   title="E -mail"
1377                   placeholder="E-mailadres"
1378                   class="input-text lowercase form-control"
1379                   data-validate="{required:true, 'validate-email':true}"
1380                   autocomplete="username"
1381            />
1382            <label for="email_address">E-mailadres</label>
1383        </div>
1384        <div class="field form-floating required">
1385            <input
1386                type="password"
1387                name="password"
1388                id="modal-password"
1389                class="password-input form-control"
1390                data-validate="{required:true, 'validate-password-schema':true}"
1391                placeholder="Wachtwoord"
1392                title="Wachtwoord"
1393                autocomplete="new-password"
1394            >
1395            <label for="modal-password">Wachtwoord</label>
1396            <svg class="password-visibility password-visibility--off" onClick="window.togglePassword('.password')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
1397                <path d="M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z"/>
1398            </svg>
1399            <div class="mage-error" id="modal-password-error"></div>
1400        </div>
1401
1402        <p class="password-info">Moet minimaal 8 tekens bevatten</p>
1403
1404        <div class="field form-floating confirmation required">
1405            <input
1406                type="password"
1407                name="password_confirmation"
1408                autocomplete="new-password"
1409                id="modal-password-confirmation"
1410                class="password-input form-control"
1411                data-validate="{required:true, equalTo:'#modal-password', 'validate-password-schema':true}"
1412                placeholder="bevestig wachtwoord"
1413            />
1414            <label for="modal-password-confirmation">bevestig wachtwoord</label>
1415            <svg class="password-visibility password-visibility--off" onClick="window.togglePassword('.password')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
1416                <path d="M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z"/>
1417            </svg>
1418            <div id="modal-password-confirmation-error" class="mage-error"></div>
1419        </div>
1420    </fieldset>
1421
1422    <fieldset class="fieldset create tel">
1423        <div class="field telephone">
1424            <div class="cols-2">
1425            <div class='phone-country-selector'>
1426                <div class='phone-country'>
1427                    <p class='phone-country-iso2'>BE</p>
1428                    <select id='qa--input--edit-phone-country' onChange="window.handlePhoneCountrySelect(event.target)">
1429                    </select>
1430                    <i class='fi'></i>
1431                </div>
1432                <!-- <div class='phone-country-code'></div> -->
1433            </div>
1434            <div class="form-floating">
1435                <input
1436                    type="tel"
1437                    id="pp_telephone"
1438                    class="input-text form-control"
1439                    name="pp_telephone"
1440                    placeholder="Je telefoonnummer"
1441                    value=""
1442                    data-validate="{'phoneInt':true}"
1443                    oninput="window.checkPhoneIsVerified && window.checkPhoneIsVerified()"
1444                />
1445                <label for="pp_telephone">Je telefoonnummer</label>
1446            </div>
1447            </div>
1448            <div id="pp_telephone-error" class="mage-error"></div>
1449        </div>
1450
1451        <p>Je telefoonnummer is vereist om artikelen te bestellen en express fustretouren uit te voeren.</p>
1452
1453                
1454<div class="field choice newsletter">
1455    <input type="checkbox" name="is_subscribed"
1456           title="Aanmelden voor Nieuwsbrief" id="is_subscribed" />
1457    <label for="is_subscribed" class="label">
1458        <span>Aanmelden voor Nieuwsbrief        </span>
1459    </label>
1460    <input type="hidden" name="registration_url" value="testing">
1461</div>
1462
1463        <div class="field terms">
1464            <input
1465                type="checkbox"
1466                name="terms"
1467                id="terms"
1468                class="checkbox required-entry"
1469                required
1470                aria-required="true"
1471                data-validate="{required:true}"
1472            >
1473            <label for="terms">Door een account aan te maken, gaat u akkoord met onze <a href="https://www.perfectdraft.com/nl-be/algemene-voorwaarden" id="js--gdpr-terms" target="_terms">Voorwaarden</a> en bevestigt u dat u ons privacybeleid hebt gelezen en begrepen. Lees onze <a href="https://www.perfectdraft.com/nl-be/privacybeleid" id="js--gdpr-privacy" target="_privacy">Privacybeleid</a>.            </label>
1474
1475            <div id="terms-error" class="mage-error"></div>
1476        </div>
1477
1478    </fieldset>
1479
1480    <div class="scroll-indicator" aria-hidden="true"></div>
1481    </div>
1482
1483    <div class="auth-action">
1484
1485        <button type="submit" disabled id="createAccountButton" class="button button--primary" title="Account aanmaken">Maak een account aan</button>
1486
1487                    <div class="swap-to-login">
1488                <p>Heb je al een account? <a onclick="window.openAccountPopup && window.openAccountPopup('login')">Meld je hier aan</a></p>
1489            </div>
1490            </div>
1491</form>
1492
1493<nav>
1494  <a href="/nl-be/contact">Hulp nodig?</a>
1495  <a href="/nl-be/privacybeleid">Privacybeleid</a>
1496  <a href="/nl-be/algemene-voorwaarden">Algemene voorwaarden</a>
1497</nav>
1498
1499</div><div class="otp-verification-popup">
1500<div class="messages-wrapper">
1501    <div data-bind="scope: 'messageList'">
1502    <!-- ko if: messages().length > 0 -->
1503    <div role="alert" class="messages instant" data-bind="foreach: { data: messages(), as: 'message' }">
1504        <div data-bind="attr: {
1505            class: 'message-' + message.type + ' ' + message.type + ' message',
1506            'data-ui-id': 'message-' + message.type
1507        }">
1508            <div data-bind="html: message.text"></div>
1509            <button class="close-message" onclick="event.currentTarget.parentElement.remove();">
1510                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z"/></svg>
1511            </button>
1512        </div>
1513    </div>
1514    <!-- /ko -->
1515</div>
1516
1517
1518</div>
1519
1520<form
1521    id="otp-verification-form"
1522    class="form email-verification"
1523    onsubmit="event.preventDefault();"
1524>
1525
1526    <h2>Verifieer je e-mail</h2>
1527    <p id="email-text">We hebben een e-mail gestuurd met een eenmalige toegangscode naar %1</p>
1528
1529    <input
1530        type="hidden"
1531        id="email-verification"
1532        name="email-verification"
1533        alt="email-verification"
1534        value=""
1535    >
1536
1537    <label for="otp-verification">Voer hieronder de 6-cijferige code in:</label>
1538
1539    <div class="otp">
1540        <div class="otp__boxes">
1541            <div class="otp__slots">
1542                <span></span>
1543                <span></span>
1544                <span></span>
1545                <span></span>
1546                <span></span>
1547                <span></span>
1548            </div>
1549            <div class="otp__clip">
1550                <input type="text"
1551                       id="otp-verification"
1552                       inputmode="numeric"
1553                       maxlength="7"
1554                       name="otp-verification"
1555                       autocomplete="one-time-code"
1556                       pattern="\d{6}"
1557                       required>
1558            </div>
1559        </div>
1560    </div>
1561
1562    <p id="resend-otp">
1563        <button type="button" class="button--link" data-action="resend-otp">Code opnieuw verzenden</button>
1564        <span class="resend-otp__timer" data-role="resend-otp-timer" aria-live="polite" hidden></span>
1565    </p>
1566
1567    <div class="auth-action">
1568
1569        <button type="submit" class="button--primary button--make_fw">Verifiëren</button>
1570        <p>E-mail niet ontvangen? <strong>Check je spam</strong></p>
1571
1572    </div>
1573
1574</form>
1575
1576<nav>
1577  <a href="/nl-be/contact">Hulp nodig?</a>
1578  <a href="/nl-be/privacybeleid">Privacybeleid</a>
1579  <a href="/nl-be/algemene-voorwaarden">Algemene voorwaarden</a>
1580</nav>
1581
1582</div></div>    
1583<script>window.mfTranslationConfig={"locale":"nl_BE","store_id":"29","timestamp":1789502521};</script>
1583<script>
1584    var LOCALE = 'nl\u002DBE';
1585    var BASE_URL = 'https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fnl\u002Dbe\u002F';
1586    var require = {
1587        'baseUrl': 'https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fstatic\u002Fversion0.0.0.1228\u002Ffrontend\u002FBeerHawk\u002Fperfectdraft\u002Fnl_BE'
1588    };</script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/requirejs/require.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/mage/requirejs/mixins.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/requirejs-config.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Anowave_Ec/js/ec.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Magento_Theme/js/lazysizes.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/js/main.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/js/webview-common.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Magento_Theme/js/beerclub.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/js/smartbanner.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/js/live-banner.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Magento_Catalog/js/webview-plp.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Bss_ProductLabel/js/bss_fields_hook.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/BeerHawk_RefillSubscribedSegment/js/products_rendering_hook_nodefer.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Algolia_AlgoliaSearch/js/internals/common.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Algolia_AlgoliaSearch/js/insights.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Algolia_AlgoliaSearch/js/hooks.js"></script>
1588<script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Algolia_AlgoliaSearch/js/autocomplete.js"></script>
1588<script src=https://cdn.cookielaw.org/scripttemplates/otSDKStub.js data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="43a2c8ec-818f-473a-aa50-9adbcbf48a70" ></script>
1588<script type="text/javascript">
1589function OptanonWrapper() { }
1590</script>
1590<script>
1591/* Temp: Embolden wallet text */
1592    let page = document.querySelector('body.checkout-cart-index')
1593    if(page) {
1594        let selector = '.beer-tokens-estimate p';
1595        elementReady(selector).then(()=>{
1596            let text = document.querySelector(selector).innerText.split('. ');
1597            let newtext = text[0] + '. <br><span style="font-weight:700;">'+ text[1]+'</span>';
1598            document.querySelector(selector).innerHTML = newtext;
1599
1600        });
1601
1602        function elementReady(selector) {
1603            return new Promise((resolve, reject) => {
1604                let el = document.querySelector(selector);
1605                if (el) {
1606                    resolve(el);
1607                    return
1608                }
1609                new MutationObserver((mutationRecords, observer) => {
1610                    Array.from(document.querySelectorAll(selector)).forEach((element) => {
1611                        resolve(element);
1612                        observer.disconnect();
1613                    });
1614                })
1615                    .observe(document.documentElement, {
1616                    childList: true,
1617                    subtree: true
1618                });
1619            });
1620        }
1621    }
1622/* END: Embolden wallet text */
1623
1624
1625/* Temp: Order Cancellation */
1626const myOrders = document.querySelector('.account.sales-order-history');
1627if (myOrders) {
1628    const orderTable = document.querySelector('.order-table');
1629    const parentDiv = orderTable.parentNode;
1630    const newNode = document.createElement('p');
1631
1632    newNode.style.marginBottom = "20px";
1633    newNode.innerHTML = 'Om je bestelling te annuleren, graag per e-mail contact opnemen met onze klantenservice op <a href="mailto:[email protected]" style="white-space:nowrap;">[email protected]</a>. Houd er rekening mee dat we je bestelling alleen kunnen annuleren als de status "betaling geaccepteerd" is.';
1634
1635    parentDiv.insertBefore(newNode, orderTable);
1636}
1637/* END: Order Cancellation */
1638</script>
1638<script>
1639/* Safari Temp Dialog Fix */
1640if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
1641    var popupTrigger = document.activeElement;
1642
1643    document.addEventListener('click', function (event) {
1644
1645        if (event.target.hasAttribute('aria-expanded')) {
1646            popupTrigger = event.target || document.activeElement;
1647        }
1648
1649        if (document.querySelector('.BeerHawkPopup') && event.target.hasAttribute('onclick')) {
1650            popupTrigger = event.target || document.activeElement;
1651        }
1652
1653        if (document.querySelector('.popup-container') && event.target.id === 'qa--button--close-popup') {
1654            popupTrigger = event.target || document.activeElement;
1655        }
1656
1657        if (event.target.classList.contains('popup-bkg')) {
1658            popupTrigger = event.target || document.activeElement;
1659        }
1660
1661        if (event.target.classList.contains('shippingInfo-popup')) {
1662            if (event.target.classList.contains('shipping__info--header') || 
1663                event.target.classList.contains('shipping__info--text') ||
1664                event.target.classList.contains('fa-question-circle')
1665            ) {
1666                popupTrigger = event.target || document.activeElement;
1667            }
1668        }
1669
1670    }, false);
1671}
1672/* Safari Temp Dialog Fix */
1673</script>
1673<script>
1674// global tracking for CMS/landing pages
1675document.addEventListener('DOMContentLoaded', function () {
1676    // only run on CMS pages
1677    if (document.body.classList.contains('cms-page-view')) {
1678        console.log('global tracking | is a CMS page');
1679
1680        function validateDataObj(obj) {
1681            try {
1682                // add type checking
1683                if (!obj || typeof obj !== 'object') {
1684                    console.warn('global tracking | invalid input to validateDataObj:', obj);
1685                    return { valid: false };
1686                }
1687
1688                // filter to only include non-empty values
1689                const validObj = Object.fromEntries(
1690                    Object.entries(obj).filter(([_, value]) => {
1691                        if (value == null) return false;
1692                        if (typeof value === 'string') return value.trim() !== '';
1693                        return true; 
1694                    })
1695                );
1696                
1697                return validObj.event 
1698                    ? { valid: true, data: validObj } 
1699                    : { valid: false };
1700
1701            } catch (error) {
1702                console.error('global tracking | error in validateDataObj:', error);
1703                return { valid: false };
1704            }
1705        }
1706
1707        const trackedElements = document.querySelectorAll('[data-layer]');
1708        console.log({trackedElements})
1709        if (trackedElements.length > 0) {
1710            trackedElements.forEach(trackedElement => {
1711                console.log({trackedElement})
1712                trackedElement.addEventListener('click', function(e) {
1713                    try {
1714                        const attributesObj = JSON.parse(trackedElement.dataset.layer),
1715                            resultObj = validateDataObj(attributesObj);
1716                        
1717                        if (resultObj.valid) {
1718                            console.log('global tracking | Valid data: ', {resultObj})
1719                            window.dataLayer && window.dataLayer.push(resultObj.data);
1720                        }
1721                    } catch (error) {
1722                        console.error('global tracking | failed to parse tracking data:', error, trackedElement);
1723                    }
1724                });
1725            });
1726        }
1727    }
1728});
1729
1730</script>
1730<script>
1731    const helpLink = document.querySelector('.main-nav .menu-footer a.help');
1732    helpLink && (helpLink.href = '/nl-be/contact');
1733</script>
1733<script>
1734    if (window.isWebview) {
1735        document.addEventListener('DOMContentLoaded', function() {
1736            if (document.body.classList) {
1737                document.body.classList.add('is-webview');
1738            }
1739        });
1740    }
1741</script>
1741<script  type="text/javascript"  data-routing="commerce=rum" defer="defer" src="https://rum.hlx.page/.rum/@adobe/helix-rum-js@^2/dist/rum-standalone.js"></script>
1741<script type="text/x-magento-init">
1742        {
1743            "*": {
1744                "Magento_PageCache/js/form-key-provider": {
1745                    "isPaginationCacheEnabled":
1746                        0                }
1747            }
1748        }
1749    </script>
1749<script data-ommit="true">
1750
1751	/**
1752	 * Magento 2 Google Tag Manager Enhanced Ecommerce (UA) Tracking
1753	 *
1754	 * @author Anowave
1755	 * @see http://www.anowave.com/marketplace/magento-2-extensions/magento-2-google-tag-manager-enhanced-ecommerce-ua-tracking/
1756	 * @copyright 2020 Anowave
1757	 */
1758
1759	window.dataLayer = window.dataLayer || [];
1760
1761		
1762	AEC.Const = 
1763	{
1764		TIMING_CATEGORY_ADD_TO_CART:		'Add To Cart Time',
1765		TIMING_CATEGORY_REMOVE_FROM_CART:	'Remove From Cart Time',
1766		TIMING_CATEGORY_PRODUCT_CLICK:		'Product Detail Click Time',
1767		TIMING_CATEGORY_CHECKOUT:			'Checkout Time',
1768		TIMING_CATEGORY_CHECKOUT_STEP:		'Checkout Step Time',
1769		TIMING_CATEGORY_PRODUCT_WISHLIST:	'Add to Wishlist Time',
1770		TIMING_CATEGORY_PRODUCT_COMPARE:	'Add to Compare Time'
1771	};
1772
1773	AEC.Const.URL 					= 'https://www.perfectdraft.com/nl-be/';
1774	AEC.Const.VARIANT_DELIMITER 	= '-';
1775	AEC.Const.VARIANT_DELIMITER_ATT = ':';
1776
1777		
1778	AEC.Const.CHECKOUT_STEP_SHIPPING 	= 1;
1779	AEC.Const.CHECKOUT_STEP_PAYMENT  	= 2;
1780	AEC.Const.CHECKOUT_STEP_ORDER  		= 3;
1781
1782		
1783	AEC.Const.DIMENSION_SEARCH = 18;
1784
1785	
1786	AEC.Const.COOKIE_DIRECTIVE 								= false;
1787	AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED  			= false;
1788	AEC.Const.COOKIE_DIRECTIVE_SEGMENT_MODE 				= false;
1789	AEC.Const.COOKIE_DIRECTIVE_SEGMENT_MODE_EVENTS			= ["cookieConsentGranted"];	
1790	AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED_EVENT 		= "cookieConsentGranted";
1791	AEC.Const.COOKIE_DIRECTIVE_CONSENT_DECLINE_EVENT 		= "cookieConsentDeclined";
1792
1793		
1794	AEC.Const.CATALOG_CATEGORY_ADD_TO_CART_REDIRECT_EVENT 	= "catalogCategoryAddToCartRedirect";
1795
1796		
1797	AEC.Message = 
1798	{
1799		confirm: 			 true,
1800		confirmRemoveTitle:  "Weet je het zeker?",
1801		confirmRemove: 		 "Weet u zeker dat u dit artikel uit de winkelwagen wilt verwijderen?"		
1802	};
1803			
1804	AEC.storeName 			= "PerfectDraft nl_BE Store View";
1805	AEC.currencyCode	 	= "EUR";
1806	AEC.useDefaultValues 	= false;
1807	AEC.facebook 			= false;
1808	AEC.facebookInitParams 	= [];
1809	AEC.eventCallback		= false;
1810
1811		
1812	AEC.SUPER = [];
1813
1814		
1815	AEC.CONFIGURABLE_SIMPLES = [];
1816
1817	
1818	AEC.BUNDLE = {"bundles":[],"options":[]};
1819
1820	
1821	AEC.localStorage = true;
1822	
1823</script>
1823<script data-ommit="true">
1824
1825	/**
1826 	 * Define dataLayer[] object
1827	 */
1828	window.dataLayer = window.dataLayer || [];
1829
1830	/**
1831	 * Define transport layer to use as fallback in case of Ad-Blockers
1832	 * 
1833	 * @copyright Anowave
1834	 */
1835	var dataLayerTransport = (function()
1836	{
1837		var data = [];
1838		
1839		return {
1840			data:[],
1841			push: function(data)
1842			{
1843				this.data.push(data);
1844				
1845				return this;
1846			},
1847			serialize: function()
1848			{
1849				return this.data;
1850			}
1851		}	
1852	})();
1853	
1854</script>
1854<script data-ommit="true">
1855
1856	var EC = [], Purchase = [];
1857
1858	/* Dynamic remarketing */
1859	window.google_tag_params = window.google_tag_params || {};
1860
1861	/* Default pagetype */
1862	window.google_tag_params.ecomm_pagetype = 'home';
1863
1864	/* Grouped products collection */
1865	window.G = [];
1866
1867	/**
1868	 * Global revenue
1869	 */
1870	window.revenue = 0;
1871
1872	/**
1873	 * DoubleClick
1874	 */
1875	window.DoubleClick =
1876	{
1877		DoubleClickRevenue:	 	0,
1878		DoubleClickTransaction: 0,
1879		DoubleClickQuantity: 	0
1880	};
1881
1882	var visitor = {"visitorLoginState":"Uitgelogd","visitorLifetimeValue":0,"visitorExistingCustomer":"Nee","visitorType":"NOT LOGGED IN","currentStore":"PerfectDraft nl_BE Store View"};
1883
1884	
1885	
1886	AEC.Cookie.visitor(visitor).push(dataLayer, false);
1887
1888	
1889	dataLayer.push({ pageType: "home"});
1890
1891</script>
1891<script data-ommit="true">AEC.Bind.apply({"performance":false})</script>
1891<script type="text/javascript">
1892    <!--
1893    window.lazySizesConfig = window.lazySizesConfig || {};
1894    lazySizesConfig.loadMode = 1;
1895    -->
1896</script>
1896<script type="text/javascript">
1897
1898    requirejs(['jquery'], function (jQuery) {
1899        (function ($) {
1900
1901            (function (a, c, b, e) {
1902            a[b] = a[b] || {}; a[b].initial = { accountCode: "BEERH11111", host: "BEERH11111.pcapredict.com" };
1903            a[b].on = a[b].on || function () { (a[b].onq = a[b].onq || []).push(arguments) }; var d = c.createElement("script");
1904            d.async = !0; d.src = e; c = c.getElementsByTagName("script")[0]; c.parentNode.insertBefore(d, c)
1905            })(window, document, "pca", "/" + "/BEERH11111.pcapredict.com/js/sensor.js");
1906
1907            pca.magento = pca.magento || {};
1908            pca.magento.currentUrl = window.location.href;
1909            pca.magento.checkout = false;
1910
1911            pca.magento.isElementVisible = function( elem ) {
1912                return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length );
1913            };
1914
1915            pca.magento.setupCheckout = function(){
1916                pca.magento.checkout = true;
1917                pca.magento.doLoad();
1918            };
1919
1920            pca.on('data', function(source, key, address, variations) {
1921                switch (source) {
1922                    case "address":
1923                        if (pca.magento.checkout)
1924                        {
1925                            // Because magento is using form validation on each field we need to fire a change on the fields we populate.
1926                            var provinceField = null;
1927                            for(var c = 0; c< pca.capturePlus.controls.length; c++){
1928                                var cont = pca.capturePlus.controls[c];
1929                                if(cont.key == key){
1930                                   for(var f = 0; f < cont.fields.length; f++){
1931                                       var element = pca.getElement(cont.fields[f].element);
1932                                       if(cont.fields[f].field === '{ProvinceName}'){
1933                                           provinceField = element;
1934                                       }
1935                                        pca.fire(element, 'change');
1936                                   }
1937                                }
1938                            }
1939                            if(provinceField){
1940                                pca.setValue(provinceField, address.ProvinceName);
1941                                pca.fire(provinceField, 'change');
1942                            }
1943                        }
1944                        break;
1945                }
1946            });
1947
1948            // This bit of code was written to accommodate the Magento 2 DOM element fields with the same name and dynamic id's.
1949            // We are doing the equivalent of the following : 
1950            // 1) Recording the amount of times the address fields are on the page, e.g. How many times is the "Postcode" element on the page.
1951            // 2) Taking each set in turn and getting the dynamic id's that relate to the names. e.g. <input name="postcode" id="D6G65BGS" ...
1952            // 3) For each of those id's we rewrite the mappings for a key. Control[Index].Mappings.Postcode = BGH34DF (pseudo-code)
1953            // 4) Reload the controls - this should then reduce down the number of found mappings as they have been re-written to the new id's.
1954            var loadHitCounter = 0;
1955            pca.on("load", function(type, key, control){
1956                if(type == "capture+"){
1957                    for(var f = 0; f < control.fields.length; f++){
1958                        if(control.fields[f].element.indexOf('wait_') == 0){
1959                            control.fields[f].element = control.fields[f].element.replace('wait_', '');
1960                        }
1961                        if(document.getElementById(control.fields[f].element)){
1962                            //ignore
1963                        }else{
1964                            var elementsMatchedByName = document.getElementsByName(control.fields[f].element);
1965
1966                            if(elementsMatchedByName.length > loadHitCounter){
1967                                control.fields[f].element = elementsMatchedByName[loadHitCounter].id;
1968                            }else{
1969                                control.fields[f].element = "wait_" + control.fields[f].element;
1970                            }
1971                        }
1972                    }
1973                    control.reload();
1974                    loadHitCounter++;
1975                }
1976            });
1977
1978            pca.magento.reloadPCA = function() {
1979                if (console && console.log) console.log("Loading PCA");
1980                loadHitCounter = 0;
1981                pca.load();
1982            }
1983
1984            pca.magento.loadPCA = function() {
1985
1986                pca.magento.reloadPCA();
1987                
1988                // If you login while in the checkout and add a new address, it will show a popup view.
1989                var buttons = document.getElementsByTagName('button');
1990                for (var b = 0; b < buttons.length; b++) {
1991                    if (buttons[b].className.indexOf('action-show-popup') > -1) {
1992                        //onclick
1993                        $(buttons[b]).off('click.pca').on('click.pca', function(){
1994                            pca.magento.reloadPCA();
1995                        });
1996                    }
1997                }
1998
1999                // Toggle button for adding billing fields on checkout single step.
2000                var els = document.getElementsByName('billing-address-same-as-shipping');
2001                if (els && els.length) {
2002                    for (var i=0; i < els.length; i++) {
2003                        //onclick
2004                        $(els[i]).off('click.pca').on('click.pca', function(){
2005                            if (this.checked === false) {
2006                                pca.magento.reloadPCA();
2007                            }
2008                        });
2009                    }                    
2010                }
2011
2012                // Logged in user can select an address on billing screen or add a new one.
2013                var els = document.getElementsByName('billing_address_id');
2014                if (els && els.length) {
2015                    for (var i=0; i < els.length; i++) {
2016                        // onchange
2017                        $(els[i]).off('change.pca').on('change.pca', function(){
2018                            pca.magento.reloadPCA();
2019                        });
2020                    }                    
2021                }
2022                
2023                // This is so we can reload the mappings to find the next set of address fields.
2024                // NOTE - Monitor Fields and Continual Field Search could potenially remove this.
2025                if (pca.magento.checkout) {
2026                    pca.magento.checkUrlChange();
2027                }
2028            };
2029
2030            pca.magento.checkUrlChange = function() {
2031                if (window.location.href != pca.magento.currentUrl) {
2032                    pca.magento.currentUrl = window.location.href;
2033                    window.setTimeout(pca.magento.loadPCA, 500);
2034                }
2035                else {
2036                    window.setTimeout(pca.magento.checkUrlChange, 1000); 
2037                }
2038            };
2039
2040            // Checks for the dynamic fields are on the page - Means we will need to reload the view to perform the dynamic mapping above.
2041            pca.magento.dynamicMagentoFieldsExist = function() {
2042                
2043                var isDynamicRegExp = new RegExp("^[A-Z0-9]{7}$"); // Magento 2 - 7 character dynamic id's.
2044                var col = document.getElementsByTagName("*");
2045
2046                for (var i = 0; i < col.length; i++) {
2047                    if (isDynamicRegExp.test(col[i].id) && pca.magento.isElementVisible(col[i])) {
2048                        return true;
2049                    }
2050                }
2051            }
2052
2053            pca.magento.doLoad = function() {
2054                // Load when ready.                  
2055                if (pca && 
2056                    pca.platform && 
2057                    typeof pca.platform.elementExists === 'function' &&
2058                    (pca.platform.getBindingsForService("PLATFORM_CAPTUREPLUS").length > 0 
2059                    || pca.platform.getBindingsForService("PLATFORM_MOBILEVALIDATION").length > 0
2060                    || pca.platform.getBindingsForService("PLATFORM_EMAILVALIDATION").length > 0)
2061                    && (!pca.magento.checkout || pca.magento.dynamicMagentoFieldsExist())) { 
2062
2063                    window.setTimeout(pca.magento.loadPCA, 500);
2064                }
2065                else {
2066                    // re-set the timeout
2067                    window.setTimeout(pca.magento.doLoad, 500);
2068                }
2069            };
2070
2071               
2072        })(jQuery);
2073    });
2074  
2075</script>
2075<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.perfectdraft.com\/nl-be\/","name":"PerfectDraft Europe","about":"Ontdek de ultieme bierervaring thuis met PerfectDraft! Bestel PerfectDraft biervaten en de machine online en laat het rechtstreeks bij je thuis bezorgen."}</script>
2075<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Organization","@id":"https:\/\/www.perfectdraft.com\/nl-be\/","name":"PerfectDraft Europe SAS","description":"Ontdek de ultieme bierervaring thuis met PerfectDraft! Bestel PerfectDraft biervaten en de machine online en laat het rechtstreeks bij je thuis bezorgen.","email":"[email protected]","address":{"@type":"PostalAddress","addressCountry":"FR","addressLocality":"Fretin","addressRegion":"Nord","streetAddress":"132 rue du Chemin Vert","postalCode":"59273"},"sameAs":[["https:\/\/www.facebook.com\/PerfectDraftBelgium","https:\/\/www.instagram.com\/perfectdraft_belgium\/"]],"image":"https:\/\/jtdtcwvg.tinifycdn.com\/media\/seller_image\/","url":"https:\/\/www.perfectdraft.com\/nl-be\/"}</script>
2075<script type="application/ld+json">{"@context":"http:\/\/schema.org\/","@type":"WebPage","speakable":{"@type":"SpeakableSpecification","cssSelector":[".cms-content"],"xpath":["\/html\/head\/title"]}}</script>
2075<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=default%2CArray.prototype.includes%2CPromise" crossorigin="anonymous"></script>
2075<script>
2076	window.algoliaConfig = {"instant":{"enabled":true,"selector":".columns","isAddToCartEnabled":true,"addToCartParams":{"action":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/cart\/add\/","formKey":"avUPt8QqUgAYFr5n","redirectUrlParam":"uenc"},"infiniteScrollEnabled":true,"urlTrackedParameters":["query","attribute:*","index"],"isSearchBoxEnabled":true,"isVisualMerchEnabled":false,"categorySeparator":" \/\/\/ ","categoryPageIdAttribute":"categoryPageId","isCategoryNavigationEnabled":false,"hidePagination":false},"autocomplete":{"enabled":true,"selector":".algolia-search-input","sections":[],"nbOfProductsSuggestions":3,"nbOfCategoriesSuggestions":2,"nbOfQueriesSuggestions":5,"isDebugEnabled":false,"isNavigatorEnabled":true,"debounceMilliseconds":300,"minimumCharacters":0},"landingPage":{"query":"","configuration":"[]"},"recommend":{"enabledFBT":false,"enabledRelated":false,"enabledFBTInCart":false,"enabledRelatedInCart":false,"enabledLookingSimilar":0,"limitFBTProducts":6,"limitRelatedProducts":6,"limitTrendingItems":6,"limitLookingSimilar":6,"enabledTrendItems":0,"trendItemFacetName":null,"trendItemFacetValue":null,"isTrendItemsEnabledInPDP":0,"isTrendItemsEnabledInCartPage":0,"isAddToCartEnabledInFBT":false,"isAddToCartEnabledInRelatedProduct":false,"isAddToCartEnabledInTrendsItem":false,"isAddToCartEnabledInLookingSimilar":false,"FBTTitle":"Frequently bought together","relatedProductsTitle":"Related products","trendingItemsTitle":"Trending items","addToCartParams":{"action":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/cart\/add\/","formKey":"avUPt8QqUgAYFr5n","redirectUrlParam":"uenc"},"isLookingSimilarEnabledInPDP":0,"isLookingSimilarEnabledInCartPage":0,"lookingSimilarTitle":"Looking Similar"},"extensionVersion":"3.14.3","applicationId":"ADCFIF4IR3","indexName":"Live_nl_BE","apiKey":"NmRjNmI0NWY4ODRiNjY0ZDk2MjA0NGE3YzE5NWEzNjBkYzBhNDY5YjBjYWFhOWMxNGRiNzYxODM5N2U5NTg2NXRhZ0ZpbHRlcnM9JnZhbGlkVW50aWw9MTc5MTY1NTc2NA==","attributeFilter":[],"facets":[{"attribute":"number_of_beers","type":"disjunctive","label":"Pack tapvaten","searchable":"2","create_rule":"2"},{"attribute":"all_product_type","type":"disjunctive","label":"Type product","searchable":"2","create_rule":"2"},{"attribute":"style","type":"disjunctive","label":"Stijl","searchable":"1","create_rule":"1"},{"attribute":"country","type":"disjunctive","label":"Land","searchable":"2","create_rule":"2"},{"attribute":"brewery","type":"disjunctive","label":"Brouwerij","searchable":"1","create_rule":"1"},{"attribute":"abvrange","type":"disjunctive","label":"Alcoholgehalte","searchable":"2","create_rule":"2"},{"attribute":"price","type":"slider","label":"Prijs","searchable":"2","create_rule":"2"}],"areCategoriesInFacets":false,"hitsPerPage":99,"sortingIndices":[{"attribute":"price","sort":"asc","sortLabel":"Laagste prijs","virtualReplica":"0","name":"Live_nl_BE_products_price_group_0_asc","ranking":["asc(price.EUR.group_0)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Laagste prijs"},{"attribute":"price","sort":"desc","sortLabel":"Hoogste prijs","virtualReplica":"0","name":"Live_nl_BE_products_price_group_0_desc","ranking":["desc(price.EUR.group_0)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Hoogste prijs"},{"attribute":"rating_summary","sort":"desc","sortLabel":"Gebruikersbeoordeling","virtualReplica":"0","name":"Live_nl_BE_products_rating_summary_desc","ranking":["desc(rating_summary)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Gebruikersbeoordeling"},{"attribute":"bestseller","sort":"desc","sortLabel":"Best verkocht","virtualReplica":"0","name":"Live_nl_BE_products_bestseller_desc","ranking":["desc(bestseller)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Best verkocht"},{"attribute":"created_at","sort":"desc","sortLabel":"Nieuwste eerst","virtualReplica":"0","name":"Live_nl_BE_products_created_at_desc","ranking":["desc(created_at)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Nieuwste eerst"}],"isSearchPage":false,"isCategoryPage":false,"isLandingPage":false,"removeBranding":false,"productId":null,"priceKey":".EUR.group_0","priceGroup":"group_0","origFormatedVar":"price.EUR.group_0_original_formated","tierFormatedVar":"price.EUR.group_0_tier_formated","currencyCode":"EUR","currencySymbol":"\u20ac","priceFormat":{"pattern":"\u20ac\u00a0%s","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"maxValuesPerFacet":30,"autofocus":true,"resultPageUrl":"https:\/\/www.perfectdraft.com\/nl-be\/catalogsearch\/result\/","request":{"query":"","refinementKey":"","refinementValue":"","categoryId":"","landingPageId":"","path":"","level":"","parentCategory":"","childCategories":[],"url":"https:\/\/www.perfectdraft.com\/nl-be\/"},"showCatsNotIncludedInNavigation":true,"showSuggestionsOnNoResultsPage":true,"baseUrl":"https:\/\/www.perfectdraft.com\/nl-be","popularQueries":["tripel karmeliet","stella\\","karmeliet","corona","stella artois","dfb__${98991*97996}__::.x","1}}\"}}'}}1%>\"%>'%><%={{={@{#{${dfb}}%>","kwak","keg","1 vat naar keuze + 2 glazen naar keuze"],"useAdaptiveImage":false,"urls":{"logo":"https:\/\/www.perfectdraft.com\/static\/version0.0.0.1228\/frontend\/BeerHawk\/perfectdraft\/nl_BE\/Algolia_AlgoliaSearch\/js\/images\/algolia-logo-blue.svg"},"cookieConfiguration":{"customerTokenCookie":"_ALGOLIA_MAGENTO_AUTH","consentCookieName":"user_allowed_save_cookie","cookieAllowButtonSelector":"#btn-cookie-allow","cookieRestrictionModeEnabled":false,"cookieDuration":"15552000000"},"ccAnalytics":{"enabled":true,"ISSelector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","conversionAnalyticsMode":"all","addToCartSelector":".action.primary.tocart","orderedProductIds":[]},"isPersonalizationEnabled":true,"personalization":{"enabled":true,"viewedEvents":{"viewProduct":{"eventName":"Product bekeken","enabled":true,"method":"viewedObjectIDs"}},"clickedEvents":{"productClicked":{"eventName":"Product geklikt","enabled":true,"selector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","method":"clickedObjectIDs"},"productRecommended":{"eventName":"Aanbevolen product aangeklikt","enabled":false,"selector":".products-upsell .product-item","method":"clickedObjectIDs"}},"filterClicked":{"eventName":"Filter geklikt","enabled":true,"method":"clickedFilters"}},"analytics":{"enabled":false,"delay":"3000","triggerOnUiInteraction":"1","pushInitialSearch":"0"},"now":1791504000,"queue":{"isEnabled":true,"nbOfJobsToRun":100,"retryLimit":3,"nbOfElementsPerIndexingJob":300},"isPreventBackendRenderingEnabled":false,"translations":{"to":"to","or":"or","go":"Gaan","popularQueries":"U kunt een van de populaire zoekopdrachten proberen","seeAll":"Bekijk alle producten","allDepartments":"Alle afdelingen","seeIn":"Zie producten binnen","orIn":"of binnen","noProducts":"Geen producten voor zoekopdracht","noResults":"No results","refine":"Verfijnen","selectedFilters":"Selected Filters","clearAll":"Alles wissen","previousPage":"Previous page","nextPage":"Next page","searchFor":"Zoek naar producten","relevance":"Aanbevolen","categories":"Categories","products":"Producten","suggestions":"Suggesties","searchBy":"Zoek met","searchForFacetValuesPlaceholder":"Zoek naar andere...","showMore":"Meer producten","searchTitle":"zoekresultaten voor","placeholder":"Zoek naar producten, c
2076ategorie\u00ebn, ...","addToCart":"In winkelwagen"}};
2077
2078	// Update cached (due to full page cache) form_key. Not a singe place to consider!
2079    let formKeyFromCookies = (() => {
2080        let allCookies = document.cookie.split(';');
2081        const formDataCookieName = 'form_key';
2082
2083        for (let i = 0; i < allCookies.length; i++) {
2084            let cookiePair = allCookies[i].split("=");
2085
2086            if (formDataCookieName == cookiePair[0].trim()) {
2087                return decodeURIComponent(cookiePair[1]).trim();
2088            }
2089        }
2090
2091        return null;
2092    })();
2093
2094    if (formKeyFromCookies && algoliaConfig.instant && algoliaConfig.instant.addToCartParams) {
2095        algoliaConfig.instant.addToCartParams.formKey = formKeyFromCookies;
2096    }
2097
2098</script>
2098<script type="text/x-magento-init">
2099    {
2100        "*": {
2101            "Magento_PageBuilder/js/widget-initializer": {
2102                "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false}},
2103                "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"768px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}}            }
2104        }
2105    }
2106</script>
2106<script type="text&#x2F;javascript">document.querySelector("#cookie-status").style.display = "none";</script>
2106<script type="text/x-magento-init">
2107    {
2108        "*": {
2109            "cookieStatus": {}
2110        }
2111    }
2112</script>
2112<script type="text/x-magento-init">
2113    {
2114        "*": {
2115            "mage/cookies": {
2116                "expires": null,
2117                "path": "\u002Fnl\u002Dbe",
2118                "domain": ".www.perfectdraft.com",
2119                "secure": true,
2120                "lifetime": "2592000"
2121            }
2122        }
2123    }
2124</script>
2124<script>
2125    window.cookiesConfig = window.cookiesConfig || {};
2126    window.cookiesConfig.secure = true;
2127</script>
2127<script>    require.config({
2128        map: {
2129            '*': {
2130                wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymceAdapter'
2131            }
2132        }
2133    });</script>
2133<script>    require.config({
2134        paths: {
2135            googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3.53\u0026key\u003D'
2136        },
2137        config: {
2138            'Magento_PageBuilder/js/utils/map': {
2139                style: '',
2140            },
2141            'Magento_PageBuilder/js/content-type/map/preview': {
2142                apiKey: '',
2143                apiKeyErrorMessage: 'U\u0020moet\u0020een\u0020geldige\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fnl\u002Dbe\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u002Dsleutel\u003C\u002Fa\u003E\u0020opgeven\u0020om\u0020een\u0020\u200B\u200Bkaart\u0020te\u0020kunnen\u0020gebruiken.'
2144            },
2145            'Magento_PageBuilder/js/form/element/map': {
2146                apiKey: '',
2147                apiKeyErrorMessage: 'U\u0020moet\u0020een\u0020geldige\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fnl\u002Dbe\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u002Dsleutel\u003C\u002Fa\u003E\u0020opgeven\u0020om\u0020een\u0020\u200B\u200Bkaart\u0020te\u0020kunnen\u0020gebruiken.'
2148            },
2149        }
2150    });</script>
2150<script>
2151    require.config({
2152        shim: {
2153            'Magento_PageBuilder/js/utils/map': {
2154                deps: ['googleMaps']
2155            }
2156        }
2157    });</script>
2157<script type="text/x-magento-init">
2158    {
2159        "*": {
2160            "toastConfig": {}
2161        }
2162    }
2163</script>
2163<script type="text/x-magento-init">
2164{
2165    ".ajax-logged-in": {
2166        "beerhawkajaxloggedin": {}
2167    }
2168}
2169</script>
2169<script type="text/x-magento-init">
2170{
2171    ".ajax-logged-in": {
2172        "beerhawkajaxloggedin": {}
2173    },
2174    ".beer-tokens-menu-item": {
2175        "beerTokensCard": {}
2176    }
2177}
2178</script>
2178<script>
2179        window.checkout = {"shoppingCartUrl":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/cart\/","checkoutUrl":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/","updateItemQtyUrl":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/www.perfectdraft.com\/nl-be\/","minicartMaxItemsVisible":3,"websiteId":"13","maxItemsToDisplay":10,"storeId":"29","storeGroupId":"13","customerLoginUrl":"https:\/\/www.perfectdraft.com\/nl-be\/customer\/account\/login\/","isRedirectRequired":false,"autocomplete":"off","captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/www.perfectdraft.com\/nl-be\/captcha\/refresh\/","isRequired":false,"timestamp":1791546597}}};
2180    </script>
2180<script type="text/x-magento-init">
2181        {
2182            "*": {
2183                "minicartConfig": {
2184                    "imgPath": "https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons",
2185                    "currency": "EUR"
2186                },
2187                "Magento_Ui/js/block-loader": "https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/loader-1.gif"
2188            },
2189            "[data-block='minicart']": {
2190                "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":1,"display_cart_subtotal_excl_tax":0,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals","children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}}}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"children":{"clearpay.cta":{"component":"clearpayCta","template":"Clearpay_Clearpay\/cta\/cta","sortOrder":"0","config":{"id":"clearpay-cta-mini-cart","pageType":"mini-cart","modelContainerId":"clearpay-mini-cart-container"},"children":{"clearpay.cta.mini.cart.data.retriever":{"component":"Clearpay_Clearpay\/js\/service\/container\/cart\/mini-cart-data-retriever","config":{"modelContainerId":"clearpay-mini-cart-container"}}}},"clearpay.express.checkout":{"component":"clearpayExpressCheckoutButton","template":"Clearpay_Clearpay\/express-checkout\/button-minicart","sortOrder":"1","config":{"entryPoint":"mini-cart","modelContainerId":"clearpay-mini-cart-container"},"children":{"clearpay.express.checkout.mini.cart.data.retriever":{"component":"Clearpay_Clearpay\/js\/service\/container\/cart\/mini-cart-data-retriever","config":{"modelContainerId":"clearpay-mini-cart-container"}}}},"mini_cart_button":{"component":"Klarna_Kec\/js\/mini-cart-kec-button","displayArea":"miniCartButton"}},"component":"uiComponent","config":{"displayArea":"extraInfo","template":"Klarna_Kec\/mini-cart-btn"}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]}            }
2191        }
2192    </script>
2192<script type="text/x-magento-init">
2193    {
2194       "#bh-notification-banners-wrapper": {
2195            "BeerHawk_NotificationBanner/js/notification-banner": {
2196                "banners_config_data": {"activatedBanners":[],"storeId":"29","storeTimezone":"Europe\/Brussels"}             }
2197        }
2198    }
2199</script>
2199<script type="text/x-magento-init">
2200    {
2201        "*": {
2202            "Magento_Ui/js/core/app": {
2203                "components": {
2204                        "messages": {
2205                            "component": "Magento_Theme/js/view/messages"
2206                        }
2207                    }
2208                },
2209                "Magento_Theme/js/messages-clear": {}
2210            }
2211    }
2212</script>
2212<script type="text/x-magento-init">
2213    {
2214        "*": {
2215            "Magento_Customer/js/section-config": {
2216                "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages","company","customer"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha","customersegments"],"catalog\/product_compare\/add":["compare-products"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart","ammessages"],"sales\/order\/reorder":["cart","ammessages"],"rest\/v1\/requisition_lists":["requisition"],"requisition_list\/requisition\/delete":["requisition"],"requisition_list\/item\/addtocart":["cart"],"checkout\/cart\/add":["cart","directory-data","ammessages"],"checkout\/cart\/delete":["cart","ammessages"],"checkout\/cart\/updatepost":["cart","ammessages"],"checkout\/cart\/updateitemoptions":["cart","ammessages"],"checkout\/cart\/couponpost":["cart","ammessages"],"checkout\/cart\/estimatepost":["cart","ammessages"],"checkout\/cart\/estimateupdatepost":["cart","ammessages"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items","ammessages"],"checkout\/sidebar\/removeitem":["cart","ammessages"],"checkout\/sidebar\/updateitemqty":["cart","ammessages"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","instant-purchase","ammessages"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha","ammessages"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data","ammessages"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","instant-purchase","ammessages"],"customer_order\/cart\/updatefaileditemoptions":["cart"],"checkout\/cart\/updatefaileditemoptions":["cart"],"customer_order\/cart\/advancedadd":["cart"],"checkout\/cart\/advancedadd":["cart"],"checkout\/cart\/removeallfailed":["cart"],"checkout\/cart\/removefailed":["cart"],"customer_order\/cart\/addfaileditems":["cart"],"checkout\/cart\/addfaileditems":["cart"],"customer_order\/sku\/uploadfile":["cart"],"wishlist\/index\/add":["wishlist"],"wishlist\/index\/remove":["wishlist"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart"],"wishlist\/index\/fromcart":["wishlist","cart"],"wishlist\/index\/allcart":["wishlist","cart"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"giftregistry\/index\/cart":["cart"],"giftregistry\/view\/addtocart":["cart"],"company\/company\/select":["customer-companies","cart","cart-data","checkout-data","negotiable_quote","purchase_order"],"rest\/*\/v1\/carts\/*\/po-payment-information":["cart","checkout-data","last-ordered-items"],"purchaseorder\/purchaseorder\/success":["cart","checkout-data","last-ordered-items"],"customer\/address\/*":["instant-purchase"],"customer\/account\/*":["instant-purchase"],"vault\/cards\/deleteaction":["instant-purchase"],"multishipping\/checkout\/overviewpost":["cart","ammessages"],"wishlist\/index\/copyitem":["wishlist"],"wishlist\/index\/copyitems":["wishlist"],"wishlist\/index\/deletewishlist":["wishlist","multiplewishlist"],"wishlist\/index\/createwishlist":["multiplewishlist"],"wishlist\/index\/editwishlist":["multiplewishlist"],"wishlist\/index\/moveitem":["wishlist"],"wishlist\/index\/moveitems":["wishlist"],"wishlist\/search\/addtocart":["cart","wishlist"],"paypal\/express\/placeorder":["cart","checkout-data","ammessages"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data","ammessages"],"paypal\/express\/onauthorization":["cart","checkout-data","ammessages"],"persistent\/index\/unsetcookie":["persistent"],"quickorder\/sku\/uploadfile\/":["cart"],"review\/product\/post":["review"],"paymentservicespaypal\/smartbuttons\/placeorder":["cart","checkout-data"],"paymentservicespaypal\/smartbuttons\/cancel":["cart","checkout-data"],"amasty_promo\/cart\/add":["cart","ammessages"],"braintree\/paypal\/placeorder":["ammessages","cart","checkout-data"],"authorizenet\/directpost_payment\/place":["ammessages"],"braintree\/googlepay\/placeorder":["cart","checkout-data"],"customer\/guest\/segment":["customersegments"],"clearpay\/payment\/capture":["cart","checkout-data","last-ordered-items"],"clearpay\/express\/placeorder":["cart","checkout-data","last-ordered-items"]},
2217                "clientSideSections": ["checkout-data","cart-data"],
2218                "baseUrls": ["https:\/\/www.perfectdraft.com\/nl-be\/"],
2219                "sectionNames": ["messages","customer","compare-products","last-ordered-items","requisition","cart","directory-data","captcha","wishlist","company","company_authorization","customer-companies","negotiable_quote","purchase_order","instant-purchase","loggedAsCustomer","multiplewishlist","persistent","review","payments","ammessages","customersegments","recently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement"]            }
2220        }
2221    }
2222</script>
2222<script type="text/x-magento-init">
2223    {
2224        "*": {
2225            "Magento_Customer/js/customer-data": {
2226                "sectionLoadUrl": "https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fnl\u002Dbe\u002Fcustomer\u002Fsection\u002Fload\u002F",
2227                "expirableSectionLifetime": 60,
2228                "expirableSectionNames": ["cart","persistent"],
2229                "cookieLifeTime": "2592000",
2230                "cookieDomain": "",
2231                "updateSessionUrl": "https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fnl\u002Dbe\u002Fcustomer\u002Faccount\u002FupdateSession\u002F",
2232                "isLoggedIn": ""
2233            }
2234        }
2235    }
2236</script>
2236<script type="text/x-magento-init">
2237    {
2238        "*": {
2239            "Magento_Customer/js/invalidation-processor": {
2240                "invalidationRules": {
2241                    "website-rule": {
2242                        "Magento_Customer/js/invalidation-rules/website-rule": {
2243                            "scopeConfig": {
2244                                "websiteId": "13"
2245                            }
2246                        }
2247                    }
2248                }
2249            }
2250        }
2251    }
2252</script>
2252<script type="text/x-magento-init">
2253    {
2254        "body": {
2255            "pageCache": {"url":"https:\/\/www.perfectdraft.com\/nl-be\/page_cache\/block\/render\/","handles":["default","cms_index_index","cms_page_view","cms_index_index_id_homepage","algolia_search_handle","blog_css"],"originalRequest":{"route":"cms","controller":"index","action":"index","uri":"\/nl-be\/"},"versionCookieName":"private_content_version"}        }
2256    }
2257</script>
2257<script type="text/x-magento-init">
2258{
2259    "*": {
2260        "Magento_Banner/js/model/banner":
2261            {"sectionLoadUrl":"https:\/\/www.perfectdraft.com\/nl-be\/banner\/ajax\/load\/","cacheTtl":30000}        }
2262}
2263</script>
2263<script type="text/x-magento-init">
2264    {
2265        "*": {
2266            "Bss_ProductLabel/js/label":{}
2267        }
2268    }
2269</script>
2269<script type="text/x-magento-init">
2270    {
2271        "*": {
2272            "Bss_ProductLabel/js/label-productlist-page":{
2273            	            		"selector" : ".product"
2274            				}
2275        }
2276    }
2277</script>
2277<script>
2278            require(['jquery', 'domReady!'], function($){
2279                if ($('.mfblogunveil').length) {
2280                    require(['Magefan_Blog/js/lib/mfblogunveil'], function(){
2281                        $('.mfblogunveil').mfblogunveil();
2282                    });
2283                }
2284            });
2285        </script>
2285<script>
2286	window.kegDepositConfig = {"isEnabled":true,"depositKegPrice":5,"popupContent":"<style>\r\n    .krh-link:hover, .krh-link:active, .krh-link:focus {text-decoration: none;}\r\n    .deposit-value {font-size: 18px; line-height: 22px;}\r\n    @media (min-width: 768px) {.deposit-value{font-size:20px; line-height:24px;}}\r\n    @media (min-width: 1025px) {.deposit-value{font-size:24px; line-height:29px;}}\r\n<\/style>\r\n<div style=\"box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; width: 100%; min-width: 0px; padding: 16px;\"><img style=\"min-width: 0px; margin-bottom: 16px;\" data-src=\"https:\/\/assets.interdrinks.com\/_next\/static\/images\/KegReturn-45a7c0165000852ddab368c4ef30c16b.svg\" class=\"lazyload\">\r\n<div style=\"box-sizing: border-box; width: 100%; min-width: 0px; margin: 8px;\">\r\n<div class=\"deposit-value\" style=\"box-sizing: border-box; margin: 0px 0px 8px; font-weight: bold; text-align: center; width: 100%; min-width: 0px;\">1 vat gerecycled =<span style=\"box-sizing: border-box; color: rgb(205, 20, 44); width: auto; min-width: 0px;\">\u20ac5 in je wallet!<\/span><\/div>\r\n<div style=\"box-sizing: border-box; font-size: 16px; line-height: 24px; text-align: center; width: 100%; min-width: 0px;\">Bereid je lege vaten voor en lever ze in bij een van de daarvoor bestemde inzamelpunten. Voor elk teruggestuurd vat ontvangt u 5\u20ac statiegeld in uw spaarpot terug.&nbsp;<strong>Het is gratis, snel en milieuvriendelijk. <a class=\"krh-link\" style=\"box-sizing: border-box; color: rgb(28, 119, 195); width: 100%; min-width: 0px;\" title=\"\" href=\"\/nl-be\/terugbrengen-van-vaten\">Meer informatie<\/a><\/strong><\/div>\r\n<\/div>\r\n<\/div>"};
2287</script>
vendor: 67 bytes, line 2287
2287<script src="https://www.google.com/recaptcha/enterprise.js?render=
22876LcZQiUoAAAAAAO3JUjLiT470c-pNXbWyepuvMtV
vendor: 11 bytes, line 2287
2287"></script>
2287<script>
2288    window.pdGoogleRecaptchaConig = {"isLoginEnabled":true,"siteKey":"6LcZQiUoAAAAAAO3JUjLiT470c-pNXbWyepuvMtV","loginActionName":"login"};
2289</script>
2289<script type="text/x-magento-init" nodefer>
2290{
2291    "*": {
2292        "bhApp": {
2293            "url": "https://www.perfectdraft.com/nl-be/bhappdata/get/index/"
2294        }
2295    }
2296}
2297</script>
2297<script type="text/x-magento-init">
2298{
2299    ".ajax-logged-in": {
2300        "beerhawkajaxloggedin": {
2301            "url": "https://www.perfectdraft.com/nl-be/ajaxloggedin/index/index/"
2302        }
2303    },
2304    ".beer-tokens-banner-card-holder": {
2305        "beerTokensCard": {}
2306    }
2307}
2308</script>
2308<script type="text/template" id="instant-hit-template">
2309    <div class="col-md-4 col-sm-6" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
2310
2311        <meta itemprop="position" content="{{__position}}" />
2312        <div class="result-wrapper" itemprop="item" itemscope itemtype="http://schema.org/Product">
2313            <meta itemprop="url"
2314                {{^__queryID}} content="{{url}}" {{/__queryID}}
2315                {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
2316            />
2317            <meta itemprop="sku" content="{{sku}}" />
2318            <meta itemprop="brand" content="{{brewery}}" />
2319            <meta itemprop="image" content="{{image_url}}" />
2320            <meta itemprop="description" content="{{short_description}}" />
2321
2322            <div class="result-content">
2323
2324                <div class="result-thumbnail-continer">
2325                    <div class="result-thumbnail">
2326                        {{#image_url}}<img itemprop="image" data-src="{{image_url}}" aria-hidden="true" alt="{{name}}" class="lazyload" />{{/image_url}}
2327                        {{^image_url}}<span class="no-image" width="235" height="235"></span>{{/image_url}}
2328
2329                        {{#bssImages}}
2330                        <img data-src="{{imageUrl}}" class="lazyload bss-label" style="{{imageStyles}}" aria-hidden="true" alt="" />
2331                        {{/bssImages}}
2332
2333                        {{#is_free_delivery}}
2334                        <div class="product-free_delivery"><span>Gratis bezorging</span></div>
2335                        {{/is_free_delivery}}
2336                    </div>
2337                </div>
2338
2339                <div class="result-name-and-rating-container">
2340                    <h3 itemprop="name" class="result-title text-ellipsis">
2341                        <a class="result product__link"
2342                           {{^__queryID}} href="{{url}}" {{/__queryID}}
2343                        {{#__queryID}} href="{{urlForInsights}}" {{/__queryID}}
2344                        data-objectid="{{objectID}}"
2345                        data-indexname="{{__indexName}}"
2346                        data-position="{{__position}}"
2347                        data-queryid="{{__queryID}}"
2348
2349                        data-id="{{sku}}"
2350                        data-name="{{name}}"
2351                        data-brand="{{brewery}}"
2352                        data-price="{{price.EUR.group_0}}"
2353                        data-position="{{__position}}"
2354                        {{#in_stock}} data-dimension10="In Stock" {{/in_stock}}
2355                        {{^in_stock}} data-dimension10="Out of Stock" {{/in_stock}}
2356                        >
2357                        {{name}}
2358                        </a>
2359                    </h3>
2360
2361                    <div class="ratings"{{^reviewCount}} style="opacity: 0;pointer-events:none"{{/reviewCount}}>
2362                        <div class="product-reviews-summary short" {{#reviewCount}}itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating"{{/reviewCount}}>
2363                            {{#reviewCount}}
2364                                <meta itemprop="reviewCount" content="{{reviewCount}}"/>
2365                                <meta itemprop="ratingValue" content="{{rating_summary}}%">
2366                            {{/reviewCount}}
2367                            <div class="rating-summary">
2368                                <span class="label">
2369                                    <!-- <span> -->Beoordeling:<!-- </span> -->
2370                                </span>
2371                                <div class="rating-result" {{#reviewCount}}itemprop="ratingValue"{{/reviewCount}}>
2372                                    <div class="stars">
2373                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
2374                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
2375                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
2376                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
2377                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
2378                                        <div class="cover" style="width: {{rating_summary_display}}%;"></div>
2379                                    </div>
2380
2381                                </div>
2382                            </div>
2383                        </div>
2384                    </div>
2385                </div>
2386
2387                <div class="result-price-container">
2388                    {{^price.EUR.group_0_max}}
2389                    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price">
2390                        <meta itemprop="price" content="{{price.EUR.group_0}}" />
2391                        <meta itemprop="url"
2392                            {{^__queryID}} content="{{url}}" {{/__queryID}}
2393                            {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
2394                        />
2395                        <meta itemprop="availability" content="http://schema.org/{{schemaAvailability}}" />
2396                    {{/price.EUR.group_0_max}}
2397                    {{#price.EUR.group_0_max}}
2398                    <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price">
2399                        <meta itemprop="lowPrice" content="{{price.EUR.group_0}}" />
2400                        <meta itemprop="highPrice" content="{{price.EUR.group_0_max}}" />
2401                    {{/price.EUR.group_0_max}}
2402                        <meta itemprop="priceCurrency" content="EUR" />
2403                        <div class="price-wrapper">
2404                            <div class="price-wrapper-inner">
2405                                {{^showPriceComparison}}
2406                                    <span class="display_price">
2407                                        {{#price.EUR.group_0_original_formated}}
2408                                            {{price.EUR.group_0_original_formated}}
2409                                        {{/price.EUR.group_0_original_formated}}
2410
2411                                        {{^price.EUR.group_0_original_formated}}
2412                                            {{price.EUR.group_0_formated}}
2413                                        {{/price.EUR.group_0_original_formated}}
2414                                    </span>
2415                                {{/showPriceComparison}}
2416
2417                                {{#showPriceComparison}}
2418
2419                                    <span class="after_special
2420                                        {{#price.EUR.group_0_original_formated}}
2421                                            promotion
2422                                        {{/price.EUR.group_0_original_formated}} display_price"
2423                                    >
2424                                        {{price.EUR.group_0_formated}}
2425                                    </span>
2426
2427                                {{/showPriceComparison}}
2428
2429                                <div class="price-info">
2430                                    {{#showPriceComparison}}
2431                                        <span class="before_special">
2432                                            {{^bundleSlashPrice}}
2433                                                {{#price.EUR.group_0_original_formated}}
2434                                                    {{price.EUR.group_0_original_formated}}
2435                                                {{/price.EUR.group_0_original_formated}}
2436                                            {{/bundleSlashPrice}}
2437
2438                                            {{#bundleSlashPrice}}
2439                                                {{bundleSlashPrice}}
2440                                            {{/bundleSlashPrice}}
2441                                        </span>
2442                                    {{/showPriceComparison}}
2443
2444                                                                                                        </div>
2445
2446                            </div>
2447
2448                            {{#1}}
2449                                <span class="tier_price">
2450                                    Zo laag als                                    <span class="tier_value display_price">{{price.EUR.group_0_tier_formated}}</span>
2451                                </span>
2452                            {{/1}}
2453
2454                            {{#ppiPrice}}
2455                                <span class="price-per-item">{{ppiPrice}}{{ppiString}}</span>
2456                            {{/ppiPrice}}
2457
2458                            {{#requiresDepositKeg}}
2459                                <button
2460                                    aria-label="Leeggoed "
2461                                    aria-expanded="false"
2462                                    class="button--neutral button--keg-deposit keg-deposit-label-wrapper"
2463                                    onclick="event.preventDefault(); window.showKegDepositPopup();"
2464                                >
2465                                    <span class="keg-deposit-label">{{kegDepositMessage}}</span>
2466                                </button>
2467                            {{/requiresDepositKeg}}
2468
2469                        </div>
2470                    </div>
2471                </div>
2472
2473                <div class="result-cart-elements-container">
2474                    <div class="cart-elements">
2475                        {{#isAddToCartEnabled}}
2476                        <form
2477                            {{#isSubscription}}
2478                                onSubmit="event.preventDefault(); window.buySubscription({{objectID}}, event.target.elements.qty.value);"
2479                            {{/isSubscription}}
2480                            {{^isSubscription}}
2481                                data-role="tocart-form"
2482                                action="{{ addToCart.action }}"
2483                                method="post"
2484                                onSubmit="event.preventDefault(); window.addToCart(event.target);"
2485                            {{/isSubscription}}
2486                            data-reset-form-key="{{resetFormKey}}"
2487                        >
2488                            <input type="hidden" name="queryID" value="{{__queryID}}">
2489                            <input type="hidden" name="product" value="{{objectID}}">
2490                            <input type="hidden" name="uenc" value="{{ addToCart.uenc }}">
2491                            <input name="form_key" type="hidden" value="{{ addToCart.formKey }}">
2492                            <div class="product__qty" {{#hideQtySelectors}}style="opacity:0;visibility:hidden"{{/hideQtySelectors}}>
2493                                <button type="button" aria-label="decrease quantity" class="qty__down fal fa-minus fa-2x qty__disabled" id="dn_{{objectID}}" {{#in_stock}}onClick="qty_change('dn', '{{objectID}}');"{{/in_stock}}></button>
2494                                <input data-public="true" aria-label="quantity" type="number" {{^isAvailableForCurrentCustomer}}disabled="true"{{/isAvailableForCurrentCustomer}} name="qty" class="input-text qty" maxlength="12" id="qty_{{objectID}}" data-defaultvalue="1" value="1" title="How many would you like?" onChange="qty_set('{{objectID}}')"  {{^in_stock}}disabled="disabled"{{/in_stock}} />
2495                                <button type="button" aria-label="increase quantity" class="qty__up fal fa-plus fa-2x {{^in_stock}}qty__disabled{{/in_stock}} {{^isAvailableForCurrentCustomer}}qty__disabled{{/isAvailableForCurrentCustomer}}" id="up_{{objectID}}" {{#in_stock}}onClick="qty_change('up','{{objectID}}');"{{/in_stock}}></button>
2496                            </div>
2497                            {{#isAvailableForCurrentCustomer}}
2498                            {{#isPdpLink}}
2499                            <a href="{{url}}" class="action button button--primary-inv pdp-link" title="{{buttonTooltip}}" {{#isOOS}}onClick="window.getProductData(event.target);"{{/isOOS}}
2500                            {{/isPdpLink}}
2501                            {{^isPdpLink}}
2502                            <button type="submit" title="{{buttonTooltip}}" class="button button--primary"
2503                            {{/isPdpLink}}
2504                                data-objectid="{{objectID}}"
2505                                data-indexname="{{__indexName}}"
2506                                data-position="{{__position}}"
2507                                data-queryid="{{__queryID}}"
2508
2509                                data-id="{{sku}}"
2510                                data-name="{{name}}"
2511                                data-brand="{{brewery}}"
2512                                data-price="{{price.EUR.group_0}}"
2513                                data-category="{{category}}"
2514                                data-position="{{__position}}"
2515
2516                            >
2517                            <span>{{buttonLabel}}</span>
2518                            {{#isPdpLink}}
2519                            </a>
2520                            {{/isPdpLink}}
2521                            {{^isPdpLink}}
2522                            </button>
2523                            {{/isPdpLink}}
2524                            {{/isAvailableForCurrentCustomer}}
2525                            {{^isAvailableForCurrentCustomer}}
2526                                {{{disabled_addtocart_description}}}
2527                            {{/isAvailableForCurrentCustomer}}
2528                        </form>
2529                        {{/isAddToCartEnabled}}
2530                    </div>
2531                </div>
2532
2533                <div class="result-labels-and-attributes-container">
2534
2535                    {{#bssTextLabels.length}}
2536                        <div class="bss-label-textlist bss-label-textlist-plp" style="width: 100%;">
2537                            {{#bssTextLabels}}
2538                            <div class="label-text" style="--bss-label-color: {{textColour}}; --bss-label-background-color: {{textBackgroundColour}}">
2539                                {{{text}}}
2540                            </div>
2541                            {{/bssTextLabels}}
2542                        </div>
2543                    {{/bssTextLabels.length}}
2544
2545                    {{#showAttrTable}}
2546                        <div class="product-attr-labels">
2547                            <div class="label attr-label__size"><span>{{attr2}}</span></div>
2548                            <div class="label attr-label__abv"><span>{{attr1}}</span></div>
2549                            <div class="label attr-label__country"><span>{{attr3}}</span></div>
2550                        </div>
2551                    {{/showAttrTable}}
2552
2553                </div>
2554
2555            </div>
2556
2557            <div class="algolia-clearfix"></div>
2558        </div>
2559    </div>
2560</script>
2560<script type="text/x-magento-init">
2561    {
2562        "*": {
2563            "PerfectDraft_ProductWidget/productSection" : {
2564                "sectionContainer" : "pr-products-vejnf",
2565                "productIds" : "1438,1440,2615,4931",
2566                "kegDepositConfig": {"isEnabled":true,"depositKegPrice":5,"popupContent":"<style>\r\n    .krh-link:hover, .krh-link:active, .krh-link:focus {text-decoration: none;}\r\n    .deposit-value {font-size: 18px; line-height: 22px;}\r\n    @media (min-width: 768px) {.deposit-value{font-size:20px; line-height:24px;}}\r\n    @media (min-width: 1025px) {.deposit-value{font-size:24px; line-height:29px;}}\r\n<\/style>\r\n<div style=\"box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; width: 100%; min-width: 0px; padding: 16px;\"><img style=\"min-width: 0px; margin-bottom: 16px;\" data-src=\"https:\/\/assets.interdrinks.com\/_next\/static\/images\/KegReturn-45a7c0165000852ddab368c4ef30c16b.svg\" class=\"lazyload\">\r\n<div style=\"box-sizing: border-box; width: 100%; min-width: 0px; margin: 8px;\">\r\n<div class=\"deposit-value\" style=\"box-sizing: border-box; margin: 0px 0px 8px; font-weight: bold; text-align: center; width: 100%; min-width: 0px;\">1 vat gerecycled =<span style=\"box-sizing: border-box; color: rgb(205, 20, 44); width: auto; min-width: 0px;\">\u20ac5 in je wallet!<\/span><\/div>\r\n<div style=\"box-sizing: border-box; font-size: 16px; line-height: 24px; text-align: center; width: 100%; min-width: 0px;\">Bereid je lege vaten voor en lever ze in bij een van de daarvoor bestemde inzamelpunten. Voor elk teruggestuurd vat ontvangt u 5\u20ac statiegeld in uw spaarpot terug.&nbsp;<strong>Het is gratis, snel en milieuvriendelijk. <a class=\"krh-link\" style=\"box-sizing: border-box; color: rgb(28, 119, 195); width: 100%; min-width: 0px;\" title=\"\" href=\"\/nl-be\/terugbrengen-van-vaten\">Meer informatie<\/a><\/strong><\/div>\r\n<\/div>\r\n<\/div>"}                }
2567            }
2568        }
2569</script>
2569<script type="text/x-magento-init">
2570    {
2571        "[data-role=tocart-form]": {
2572            "catalogAddToCart": {}
2573        }
2574    }
2575</script>
2575<script>
2576    const categoryLinks = Array.from(document.querySelectorAll('.shop-categories__wrapper a'));
2577
2578    Array.isArray(categoryLinks) && categoryLinks.length && categoryLinks.forEach(link => link.addEventListener('click', () => {
2579        window.dataLayer && window.dataLayer.push({
2580            'event': 'clickShopCategoriesItem',
2581            'categoryItem' : link.title
2582        });
2583    }));
2584</script>
2584<script type="text/x-magento-init">
2585{ 
2586    "*" : { 
2587        "emailSignUpWidget" : { 
2588            "uniqueID": "widget9449",
2589            "signUpFormSuccessMessage": "Thank you for signing up, you will receive your email soon",
2590            "signUpFormErrorMessage": "",
2591            "consentCategories": "pd_philips,pd_pro,kegs",
2592            "consentText": "Meld je aan voor onze nieuwsbrief en ontvang bericht over onze nieuwste aanwinsten, loyaliteitsvoordeeltjes en exclusieve aanbiedingen.",
2593            "consentType": "Explicit Opt In Widget"
2594        }
2595    } 
2596}
2597</script>
2597<script type="text/x-magento-init">
2598        {
2599            "*": {
2600                "Magento_Ui/js/core/app": {
2601                    "components": {
2602                        "storage-manager": {
2603                            "component": "Magento_Catalog/js/storage-manager",
2604                            "appendTo": "",
2605                            "storagesConfiguration" : {"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/www.perfectdraft.com\/nl-be\/rest\/nl_BE\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/www.perfectdraft.com\/nl-be\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":"0"}}                        }
2606                    }
2607                }
2608            }
2609        }
2610</script>
2610<script data-ommit="true">
2611
2612	require(['jquery'],function($)
2613	{
2614		(function($, dataLayer)
2615		{
2616			var events = 
2617			{
2618				addToCart: function()
2619				{
2620					
2621					AEC.ajax(this, dataLayer);
2622					
2623										
2624				},
2625				removeFromCart: function()
2626				{
2627					
2628					AEC.remove(this, dataLayer);
2629					
2630										
2631				},
2632				productClick: function()
2633				{
2634					
2635					AEC.click(this, dataLayer);
2636					
2637										
2638				},
2639				addToWishlist: function()
2640				{
2641					
2642					AEC.wishlist(this, dataLayer);
2643					
2644										
2645				},
2646				addToCompare: function()
2647				{
2648					
2649					AEC.compare(this, dataLayer);
2650					
2651										
2652				},
2653				addToCartSwatch: function()
2654				{
2655					
2656					AEC.ajaxSwatch(this, dataLayer);
2657					
2658									}
2659			};
2660
2661			var b = function(events)
2662			{
2663				$.each(events, function(event, callback)
2664				{
2665					var elements = $('[data-event]').filter(function()
2666					{
2667						return $(this).data('event') == event;
2668					});
2669
2670					elements.each(function()
2671					{
2672						$(this).off('click.ec').on('click.ec', callback);
2673					});
2674				});
2675			};
2676
2677						
2678			b(events);
2679
2680						
2681			(function(events)
2682			{
2683				$(document).ajaxComplete(function( event, request, settings ) 
2684				{
2685					b(events);
2686				});
2687			})(events);
2688			
2689		})($, dataLayer);
2690	});
2691</script>
2691<script data-ommit="true">
2692
2693	require(['jquery'],function($)
2694	{
2695		$(document).ready(function()
2696		{
2697		    var PromotionTrack = (function($, dataLayer)
2698		    {
2699		        return {
2700		            apply: function()
2701		            {
2702		                var promotions = [], position = 0;
2703		
2704		                $('[data-promotion]').each(function()
2705		                {
2706		                    promotions.push(
2707	                        {
2708	                            id:      	$(this).data('promotion-id'),
2709	                            name:    	$(this).data('promotion-name'),
2710	                            creative:	$(this).data('promotion-creative'),
2711	                            position:	++position
2712	                        });
2713	
2714		                    $(this).on(
2715	                        {
2716	                            click: function()
2717	                            {
2718		                           	var data = 
2719			                        {
2720	                           			'event': 'promotionClick',
2721                                        'ecommerce': 
2722                                        {
2723                                            'promoClick': 
2724                                            {
2725                                                'promotions':
2726                                                [
2727	                                                {
2728		                                                'id':       $(this).data('promotion-id'),
2729		                                                'name':     $(this).data('promotion-name'),
2730		                                                'creative': $(this).data('promotion-creative'),
2731		                                                'position': $(this).data('promotion-position')
2732	                                                }
2733                                                ]
2734                                            }
2735                                        }
2736					                };
2737					                
2738	                                AEC.Cookie.promotionClick(data).push(dataLayer);
2739
2740	                                /**
2741	                                 * Save persistent data
2742	                                 */
2743	                                AEC.Persist.push(AEC.Persist.CONST_KEY_PROMOTION,
2744	    	                        {
2745		    	                        'promotion':data.ecommerce.promoClick.promotions[0]
2746		    	                    });
2747	                            }
2748	                        });
2749		                });
2750		
2751		                if (promotions.length)
2752		                {
2753			                AEC.Cookie.promotion({
2754		                        'event':'promoViewNonInteractive',
2755	                            'ecommerce':
2756	                            {
2757	                                'promoView':
2758	                                {
2759	                                    'promotions': promotions
2760	                                }
2761	                            }
2762	                        }).push(dataLayer);
2763		                }
2764		
2765		                return this;
2766		            }
2767		        }
2768		    })($, dataLayer).apply();
2769		});
2770	});
2771</script>
2771<script data-ommit="true">
2772
2773	if (typeof dataLayer !== "undefined")
2774	{
2775		
2776					
2777		
2778					
2779		
2780					
2781		
2782		if ('undefined' !== typeof fbq)
2783		{
2784					}
2785
2786		for (a = 0, b = EC.length; a < b; a++)
2787		{
2788			EC[a].apply(this,[dataLayer]);
2789			EC[a].apply(this,[dataLayerTransport]);
2790		}
2791
2792		/* AdWords Remarketing */
2793		if (window.google_tag_params)
2794		{
2795			(function(callback)
2796			{
2797				if (AEC.Const.COOKIE_DIRECTIVE)
2798				{
2799					if (!AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED)
2800					{
2801						AEC.CookieConsent.queue(callback);
2802					}
2803					else
2804					{
2805						callback.apply(window,[]);
2806					}
2807				}
2808				else 
2809				{
2810					callback.apply(window,[]);
2811				}
2812			})
2813			(
2814				(function(dataLayer)
2815				{
2816					return function()
2817					{
2818						AEC.Cookie.remarketing({'event':'fireRemarketingTag', 'google_tag_params':window.google_tag_params}).push(dataLayer);
2819					}
2820				})(dataLayer)
2821			);
2822		}
2823
2824		require(['jquery'],function($)
2825		{
2826			$(window).on(
2827			{
2828				load: function()
2829				{
2830					if (!AEC.gtm())
2831					{
2832											}
2833				}
2834			});
2835		});
2836
2837		if (typeof FB !== 'undefined') 
2838		{
2839			FB.Event.subscribe('edge.create',function(href) 
2840		 	{
2841				dataLayer.push(
2842				{
2843					'event': 			'socialInt',
2844					'socialNetwork': 	'Facebook',
2845					'socialAction': 	'Like',
2846					'socialTarget': 	href
2847				});
2848			});
2849		}
2850
2851		window.sendPlus = function(g)
2852		{
2853		    dataLayer.push(
2854			{
2855		        'event': 			'socialInt',
2856		        'socialNetwork': 	'Google',
2857		        'socialAction': 	'+1',
2858		        'socialTarget': 	g.href
2859		    });
2860		};
2861
2862		if (typeof twttr !== 'undefined') 
2863		{
2864			twttr.ready(function (twttr) 
2865			{
2866				twttr.events.bind('click', function()
2867				{
2868					dataLayer.push(
2869					{
2870						'event': 			'socialInt',
2871						'socialNetwork': 	'Twitter',
2872						'socialAction': 	'tweet',
2873						'socialTarget': 	window.location.href
2874					});
2875				}); 
2876			});
2877		}
2878	}
2879	else
2880	{
2881		log('dataLayer[] is not intialized. Check if GTM is installed properly');
2882	}
2883	
2884</script>
2884<script type="text/javascript">
2885    window.dataLayer = window.dataLayer || [];
2886    var analyticsEvents = JSON.parse("[]");
2887    
2888    for(const event of analyticsEvents){
2889        
2890        window.dataLayer.push(event);
2891    }
2892</script>
2892<script type="text/x-magento-init">
2893{
2894    "*": {
2895        "one-trust": {
2896            "onetrustGroups": []        }
2897    }
2898}
2899</script>
2899<script type="text/x-magento-init">
2900    {
2901        "*": {
2902            "BeerHawk_Gtm/js/login-track": {}
2903        }
2904    }
2905</script>
2905<script type="text/template" id="instant_wrapper_template">
2906    <div id="algolia_instant_selector"
2907         class=" with-facets">
2908        <div class="row">
2909            <div class="col-md-3" id="algolia-left-container">
2910                <div class="filters-wrapper hide-filters">
2911                    <div id="instant-search-facets-container" class="instant-search-facets-container">
2912                        <div class="filter-refinements">
2913                            <div class="title">Geselecteerde filters</div>
2914                            <div id="current-refinements"></div>
2915                            <div id="clear-refinements"></div>
2916                        </div>
2917                        <div id="instant-search-facets-container-inner" class="instant-search-facets-container-inner"></div>
2918
2919                    </div>
2920                    <button id="hide-filters-button2" class="hide-filters-button"><span>Resultaten bekijken</span></button>
2921                </div>
2922            </div>
2923            <div class="col-md-9" id="algolia-right-container">
2924                <div class="row">
2925                    <div class="col-md-12">
2926                        <div>
2927                            <div id="category-title">
2928                                                             </div>
2929                                                            <div id="keg-deposit-top-info-block-for-plp">
2930                                    <style>
2931    .category-bierglas #keg-deposit-top-info-block-for-plp, .category-perfectdraft-accessories #keg-deposit-top-info-block-for-plp{display:none;}
2932</style>
2933
2934
2935<p>De prijs van vaten wordt weergegeven zonder aanbetaling. Het statiegeldbedrag wordt aan u terugbetaald bij ontvangst van uw lege vaten. <a href="https://www.perfectdraft.com/nl-be/vaten-inleveren/" title="" class="krh-link" target="_blank">Meer informatie gebruiksaanwijzing</a>.</p>                                </div>
2936                                                    </div>
2937                    </div>
2938                </div>
2939
2940                <div class="row">
2941                    <div class="col-md-12">
2942                        <div>
2943                            {{#second_bar}}
2944                               <div id="instant-search-bar"></div>
2945                            {{/second_bar}}
2946                        </div>
2947                    </div>
2948                </div>
2949                <div class="row">
2950                    <div class="col-md-12">
2951                        <div itemscope itemtype="http://schema.org/ItemList" class="hits">
2952                            <div class="algolia-infos">
2953                            <div id="algolia-stats"></div>
2954                                <div class="filter-and-sort-container">
2955                                    <div class="sort-by-container">
2956                                        <label for="ais-SortBy-select" class="sort-by-label">
2957                                            Sorteer op                                        </label>
2958                                        <div class="sort-by-dropdown" id="algolia-sorts"></div>
2959                                    </div>
2960                                    <div id="show-filters-button">
2961                                        <span>Filteren op</span>
2962                                        <div class="filters-applied">
2963                                           <span class="filters-applied-inner-text">Filters applied</span> <span class="filters-applied-inner"></span>
2964                                        </div>
2965                                        <span class="no-filters-applied">No filters applied</span>
2966                                    </div>
2967                                </div>
2968                            </div>
2969                            <div class="algolia-clearfix"></div>
2970                            <div id="algolia-banner"></div>
2971                            <div id="instant-empty-results-container"></div>
2972                            <div id="instant-search-results-container"></div>
2973                            <div class="algolia-custom-stats--showmore"></div>
2974                        </div>
2975                    </div>
2976                    <div class="algolia-clearfix"></div>
2977                </div>
2978
2979                <div class="text-center">
2980                    <div id="instant-search-pagination-container"></div>
2981                </div>
2982            </div>
2983        </div>
2984    </div>
2985</script>
2985<script type="text/template" id="instant-hit-template">
2986    <div class="col-md-4 col-sm-6" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
2987
2988        <meta itemprop="position" content="{{__position}}" />
2989        <div class="result-wrapper" itemprop="item" itemscope itemtype="http://schema.org/Product">
2990            <meta itemprop="url"
2991                {{^__queryID}} content="{{url}}" {{/__queryID}}
2992                {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
2993            />
2994            <meta itemprop="sku" content="{{sku}}" />
2995            <meta itemprop="brand" content="{{brewery}}" />
2996            <meta itemprop="image" content="{{image_url}}" />
2997            <meta itemprop="description" content="{{short_description}}" />
2998
2999            <div class="result-content">
3000
3001                <div class="result-thumbnail-continer">
3002                    <div class="result-thumbnail">
3003                        {{#image_url}}<img itemprop="image" data-src="{{image_url}}" aria-hidden="true" alt="{{name}}" class="lazyload" />{{/image_url}}
3004                        {{^image_url}}<span class="no-image" width="235" height="235"></span>{{/image_url}}
3005
3006                        {{#bssImages}}
3007                        <img data-src="{{imageUrl}}" class="lazyload bss-label" style="{{imageStyles}}" aria-hidden="true" alt="" />
3008                        {{/bssImages}}
3009
3010                        {{#is_free_delivery}}
3011                        <div class="product-free_delivery"><span>Gratis bezorging</span></div>
3012                        {{/is_free_delivery}}
3013                    </div>
3014                </div>
3015
3016                <div class="result-name-and-rating-container">
3017                    <h3 itemprop="name" class="result-title text-ellipsis">
3018                        <a class="result product__link"
3019                           {{^__queryID}} href="{{url}}" {{/__queryID}}
3020                        {{#__queryID}} href="{{urlForInsights}}" {{/__queryID}}
3021                        data-objectid="{{objectID}}"
3022                        data-indexname="{{__indexName}}"
3023                        data-position="{{__position}}"
3024                        data-queryid="{{__queryID}}"
3025
3026                        data-id="{{sku}}"
3027                        data-name="{{name}}"
3028                        data-brand="{{brewery}}"
3029                        data-price="{{price.EUR.group_0}}"
3030                        data-position="{{__position}}"
3031                        {{#in_stock}} data-dimension10="In Stock" {{/in_stock}}
3032                        {{^in_stock}} data-dimension10="Out of Stock" {{/in_stock}}
3033                        >
3034                        {{name}}
3035                        </a>
3036                    </h3>
3037
3038                    <div class="ratings"{{^reviewCount}} style="opacity: 0;pointer-events:none"{{/reviewCount}}>
3039                        <div class="product-reviews-summary short" {{#reviewCount}}itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating"{{/reviewCount}}>
3040                            {{#reviewCount}}
3041                                <meta itemprop="reviewCount" content="{{reviewCount}}"/>
3042                                <meta itemprop="ratingValue" content="{{rating_summary}}%">
3043                            {{/reviewCount}}
3044                            <div class="rating-summary">
3045                                <span class="label">
3046                                    <!-- <span> -->Beoordeling:<!-- </span> -->
3047                                </span>
3048                                <div class="rating-result" {{#reviewCount}}itemprop="ratingValue"{{/reviewCount}}>
3049                                    <div class="stars">
3050                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
3051                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
3052                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
3053                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
3054                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
3055                                        <div class="cover" style="width: {{rating_summary_display}}%;"></div>
3056                                    </div>
3057
3058                                </div>
3059                            </div>
3060                        </div>
3061                    </div>
3062                </div>
3063
3064                <div class="result-price-container">
3065                    {{^price.EUR.group_0_max}}
3066                    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price">
3067                        <meta itemprop="price" content="{{price.EUR.group_0}}" />
3068                        <meta itemprop="url"
3069                            {{^__queryID}} content="{{url}}" {{/__queryID}}
3070                            {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
3071                        />
3072                        <meta itemprop="availability" content="http://schema.org/{{schemaAvailability}}" />
3073                    {{/price.EUR.group_0_max}}
3074                    {{#price.EUR.group_0_max}}
3075                    <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price">
3076                        <meta itemprop="lowPrice" content="{{price.EUR.group_0}}" />
3077                        <meta itemprop="highPrice" content="{{price.EUR.group_0_max}}" />
3078                    {{/price.EUR.group_0_max}}
3079                        <meta itemprop="priceCurrency" content="EUR" />
3080                        <div class="price-wrapper">
3081                            <div class="price-wrapper-inner">
3082                                {{^showPriceComparison}}
3083                                    <span class="display_price">
3084                                        {{#price.EUR.group_0_original_formated}}
3085                                            {{price.EUR.group_0_original_formated}}
3086                                        {{/price.EUR.group_0_original_formated}}
3087
3088                                        {{^price.EUR.group_0_original_formated}}
3089                                            {{price.EUR.group_0_formated}}
3090                                        {{/price.EUR.group_0_original_formated}}
3091                                    </span>
3092                                {{/showPriceComparison}}
3093
3094                                {{#showPriceComparison}}
3095
3096                                    <span class="after_special
3097                                        {{#price.EUR.group_0_original_formated}}
3098                                            promotion
3099                                        {{/price.EUR.group_0_original_formated}} display_price"
3100                                    >
3101                                        {{price.EUR.group_0_formated}}
3102                                    </span>
3103
3104                                {{/showPriceComparison}}
3105
3106                                <div class="price-info">
3107                                    {{#showPriceComparison}}
3108                                        <span class="before_special">
3109                                            {{^bundleSlashPrice}}
3110                                                {{#price.EUR.group_0_original_formated}}
3111                                                    {{price.EUR.group_0_original_formated}}
3112                                                {{/price.EUR.group_0_original_formated}}
3113                                            {{/bundleSlashPrice}}
3114
3115                                            {{#bundleSlashPrice}}
3116                                                {{bundleSlashPrice}}
3117                                            {{/bundleSlashPrice}}
3118                                        </span>
3119                                    {{/showPriceComparison}}
3120
3121                                                                                                        </div>
3122
3123                            </div>
3124
3125                            {{#1}}
3126                                <span class="tier_price">
3127                                    Zo laag als                                    <span class="tier_value display_price">{{price.EUR.group_0_tier_formated}}</span>
3128                                </span>
3129                            {{/1}}
3130
3131                            {{#ppiPrice}}
3132                                <span class="price-per-item">{{ppiPrice}}{{ppiString}}</span>
3133                            {{/ppiPrice}}
3134
3135                            {{#requiresDepositKeg}}
3136                                <button
3137                                    aria-label="Leeggoed "
3138                                    aria-expanded="false"
3139                                    class="button--neutral button--keg-deposit keg-deposit-label-wrapper"
3140                                    onclick="event.preventDefault(); window.showKegDepositPopup();"
3141                                >
3142                                    <span class="keg-deposit-label">{{kegDepositMessage}}</span>
3143                                </button>
3144                            {{/requiresDepositKeg}}
3145
3146                        </div>
3147                    </div>
3148                </div>
3149
3150                <div class="result-cart-elements-container">
3151                    <div class="cart-elements">
3152                        {{#isAddToCartEnabled}}
3153                        <form
3154                            {{#isSubscription}}
3155                                onSubmit="event.preventDefault(); window.buySubscription({{objectID}}, event.target.elements.qty.value);"
3156                            {{/isSubscription}}
3157                            {{^isSubscription}}
3158                                data-role="tocart-form"
3159                                action="{{ addToCart.action }}"
3160                                method="post"
3161                                onSubmit="event.preventDefault(); window.addToCart(event.target);"
3162                            {{/isSubscription}}
3163                            data-reset-form-key="{{resetFormKey}}"
3164                        >
3165                            <input type="hidden" name="queryID" value="{{__queryID}}">
3166                            <input type="hidden" name="product" value="{{objectID}}">
3167                            <input type="hidden" name="uenc" value="{{ addToCart.uenc }}">
3168                            <input name="form_key" type="hidden" value="{{ addToCart.formKey }}">
3169                            <div class="product__qty" {{#hideQtySelectors}}style="opacity:0;visibility:hidden"{{/hideQtySelectors}}>
3170                                <button type="button" aria-label="decrease quantity" class="qty__down fal fa-minus fa-2x qty__disabled" id="dn_{{objectID}}" {{#in_stock}}onClick="qty_change('dn', '{{objectID}}');"{{/in_stock}}></button>
3171                                <input data-public="true" aria-label="quantity" type="number" {{^isAvailableForCurrentCustomer}}disabled="true"{{/isAvailableForCurrentCustomer}} name="qty" class="input-text qty" maxlength="12" id="qty_{{objectID}}" data-defaultvalue="1" value="1" title="How many would you like?" onChange="qty_set('{{objectID}}')"  {{^in_stock}}disabled="disabled"{{/in_stock}} />
3172                                <button type="button" aria-label="increase quantity" class="qty__up fal fa-plus fa-2x {{^in_stock}}qty__disabled{{/in_stock}} {{^isAvailableForCurrentCustomer}}qty__disabled{{/isAvailableForCurrentCustomer}}" id="up_{{objectID}}" {{#in_stock}}onClick="qty_change('up','{{objectID}}');"{{/in_stock}}></button>
3173                            </div>
3174                            {{#isAvailableForCurrentCustomer}}
3175                            {{#isPdpLink}}
3176                            <a href="{{url}}" class="action button button--primary-inv pdp-link" title="{{buttonTooltip}}" {{#isOOS}}onClick="window.getProductData(event.target);"{{/isOOS}}
3177                            {{/isPdpLink}}
3178                            {{^isPdpLink}}
3179                            <button type="submit" title="{{buttonTooltip}}" class="button button--primary"
3180                            {{/isPdpLink}}
3181                                data-objectid="{{objectID}}"
3182                                data-indexname="{{__indexName}}"
3183                                data-position="{{__position}}"
3184                                data-queryid="{{__queryID}}"
3185
3186                                data-id="{{sku}}"
3187                                data-name="{{name}}"
3188                                data-brand="{{brewery}}"
3189                                data-price="{{price.EUR.group_0}}"
3190                                data-category="{{category}}"
3191                                data-position="{{__position}}"
3192
3193                            >
3194                            <span>{{buttonLabel}}</span>
3195                            {{#isPdpLink}}
3196                            </a>
3197                            {{/isPdpLink}}
3198                            {{^isPdpLink}}
3199                            </button>
3200                            {{/isPdpLink}}
3201                            {{/isAvailableForCurrentCustomer}}
3202                            {{^isAvailableForCurrentCustomer}}
3203                                {{{disabled_addtocart_description}}}
3204                            {{/isAvailableForCurrentCustomer}}
3205                        </form>
3206                        {{/isAddToCartEnabled}}
3207                    </div>
3208                </div>
3209
3210                <div class="result-labels-and-attributes-container">
3211
3212                    {{#bssTextLabels.length}}
3213                        <div class="bss-label-textlist bss-label-textlist-plp" style="width: 100%;">
3214                            {{#bssTextLabels}}
3215                            <div class="label-text" style="--bss-label-color: {{textColour}}; --bss-label-background-color: {{textBackgroundColour}}">
3216                                {{{text}}}
3217                            </div>
3218                            {{/bssTextLabels}}
3219                        </div>
3220                    {{/bssTextLabels.length}}
3221
3222                    {{#showAttrTable}}
3223                        <div class="product-attr-labels">
3224                            <div class="label attr-label__size"><span>{{attr2}}</span></div>
3225                            <div class="label attr-label__abv"><span>{{attr1}}</span></div>
3226                            <div class="label attr-label__country"><span>{{attr3}}</span></div>
3227                        </div>
3228                    {{/showAttrTable}}
3229
3230                </div>
3231
3232            </div>
3233
3234            <div class="algolia-clearfix"></div>
3235        </div>
3236    </div>
3237</script>
3237<script type="text/template" id="instant-stats-template">
3238    {{#hasOneResult}}<strong>1</strong> resultaat found{{/hasOneResult}}
3239
3240    {{#hasManyResults}}
3241        Artikelen        {{^hasNoResults}}{{first}}-{{last}} van{{/hasNoResults}}
3242        <span itemprop="numberOfItems">{{nbHits}}</span>
3243        producten    {{/hasManyResults}}
3244</script>
3244<script type="text/template" id="refinements-lists-item-template">
3245    <label 
3246        class="test {{cssClasses.label}} {{#isRefined}}checked{{/isRefined}}" 
3247        role="group"
3248        aria-labelledby="ais-name-label"
3249    >
3250        <input 
3251            role="checkbox" 
3252            aria-checked="false" 
3253            name="{{value}} checkbox" 
3254            class="{{cssClasses.checkbox}}" {{#isRefined}}checked{{/isRefined}} 
3255            type="checkbox" 
3256            value="{{value}}" 
3257            tabindex="0"
3258        />
3259        {{value}}
3260        <span class="{{cssClasses.count}}">{{count}}</span>
3261    </label>
3262</script>
3262<script type="text/template" id="current-refinements-template">
3263    <div class="cross-wrapper">
3264        <span class="clear-cross clear-refinement"></span>
3265    </div>
3266    <div class="current-refinement-wrapper">
3267        {{#label}}
3268        <span class="current-refinement-label">{{label}}{{^operator}}:{{/operator}}</span>
3269        {{/label}}
3270        {{#operator}}
3271        {{{displayOperator}}}
3272        {{/operator}}
3273        {{#exclude}}-{{/exclude}}
3274        <span class="current-refinement-name">{{name}}</span>
3275    </div>
3276</script>
3276<script type="text/x-magento-init">
3277    {
3278        "*": {
3279            "Magento_Ui/js/core/app": {
3280                "components": {
3281                        "messages": {
3282                            "component": "Magento_Theme/js/view/messages"
3283                        }
3284                    }
3285                },
3286                "Magento_Theme/js/messages-clear": {}
3287            }
3288    }
3289</script>
3289<script type="text/x-magento-init">
3290    {
3291        "*": {
3292            "Magento_Ui/js/core/app": {
3293                "components": {
3294                    "messageList": {
3295                        "component": "Magento_Theme/js/instantMessages"
3296                    }
3297                }
3298            }
3299        }
3300    }
3301</script>
3301<script type="text/x-magento-init">
3302    {
3303        "*": {
3304            "Magento_Ui/js/core/app": {
3305                "components": {
3306                    "messageList": {
3307                        "component": "Magento_Theme/js/instantMessages"
3308                    }
3309                }
3310            }
3311        }
3312    }
3313</script>
3313<script type="text/x-magento-init">
3314    {
3315                "*": {
3316            "Magento_CustomerCustomAttributes/validation": {
3317                "isDobEnabled": true,
3318                "disableAutoComplete": true,
3319                "mixins": [
3320                    "Magento_Theme/js/mage-validation-ext",
3321                    "Magento_CustomerCustomAttributes/validation-ignore"
3322                ]
3323            }
3324        },
3325        "#form-validate": {
3326            "registerConfig": {
3327                "locale": "nl_BE",
3328                "passwordSchema": {"$schema":"http:\/\/json-schema.org\/draft-07\/schema#","type":"object","properties":{"password":{"type":"string","minLength":8,"errorMessage":{"minLength":"PASSWORD_TOO_SHORT"}}},"description":"PASSWORD_RULES_DESCRIPTION"}            }
3329        },
3330        ".field.password": {
3331            "passwordStrengthIndicator": {
3332                "formSelector": "form.form-create-account"
3333            }
3334        }
3335
3336    }
3337</script>
3337<script type="text/x-magento-init">
3338    {
3339        "*": {
3340            "Magento_Ui/js/core/app": {
3341                "components": {
3342                    "messageList": {
3343                        "component": "Magento_Theme/js/instantMessages"
3344                    }
3345                }
3346            }
3347        }
3348    }
3349</script>
3349<script type="text/x-magento-init">
3350    {
3351        "#otp-verification-form": {
3352            "otpVerification": {}
3353        }
3354    }
3355</script>
3355<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"fc980aaa47","applicationID":"113622373","transactionName":"ZQRRYkNSDEcCABcNXFxOclVFWg1aTAAOFxxbD1dTSRwLWgcGGw==","queueTime":0,"applicationTime":394,"atts":"SUNGFAtIHxhBAkFeSE8c","errorBeacon":"bam.nr-data.net","agent":""}</script>
3355</body>
3356</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.