1<!DOCTYPE html> <html lang="nl-NL" class="kc-classic"> <head>
1<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"6d416604e4","applicationID":"604861797","transactionName":"YAZVMhFRWkoEW0IMX1lMcRMNU0BQClYZBl9ZF0UJD1xRSxYWRApfQ1l8BSJARGsKV0JLXFgEXgg=","queueTime":0,"applicationTime":85,"agent":""}; 2(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam-cell.nr-data.net"]},session_trace:{sampling_rate:0.0,mode:"FIXED_RATE",enabled:true,error_sampling_rate:0.0},distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"1834701004",accountID:"1916883",trustKey:"1916883",xpid:"VQ8GV15bCxAGVFVaAQAAX1M=",licenseKey:"6d416604e4",applicationID:"604861797",browserID:"1834701004"};;/*! For license information please see nr-loader-spa-1.322.0.min.js.LICENSE.txt */ 3(()=>{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)),s=0===Object.keys(r).length?e:r;for(let a in s)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):e[a]instanceof Map||e[a]instanceof Set||e[a]instanceof Date||e[a]instanceof RegExp?r[a]=e[a]:"object"==typeof e[a]&&null!==t[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){r[a]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>a});var n=r(384),i=r(8122);const s={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 a(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,i.a)(e,s)])},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,["A",0,"@newrelic/rrweb","x",0,"1.322.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"}])},9752(e,t,r){"use strict";const n="newrelic-iframe-",i=n+"timing-update",s=n+"api",a=n+"api-response",o=n+"vitals-update",c=n+"ajax";r.d(t,["$8",0,o,"Gi",0,a,"KU",0,c,"Pl",0,n,"cS",0,s,"cr",0,i])},6154(e,t,r){"use strict";var n=r(1863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===a?.document?.visibilityState),c=""+a?.location,d=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)();r.d(t,["OF",0,d,"RI",0,i,"WN",0,f,"bv",0,s,"gm",0,a,"lR",0,l,"m",0,c,"mw",0,o,"sb",0,u,"zk",0,()=>{const e=a?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<a.performance.now())return e}])},7295(e,t,r){"use strict";r.d(t,{Xv:()=>a,gX:()=>i,iW:()=>s});var n=[];function i(e){if(!e||s(e))return!1;if(0===n.length)return!0;if("*"===n[0].hostname)return!1;for(var t=0;t<n.length;t++){var r=n[t];if(r.hostname.test(e.hostname)&&r.pathname.test(e.pathname))return!1}return!0}function s(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;if("*"===r)return void(n=[{hostname:"*"}]);0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let s,a;i>0?(s=r.substring(0,i),a=r.substring(i)):(s=r,a="*");let[c]=s.split(":");n.push({hostname:o(c),pathname:o(a,!0)})}}function o(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},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:()=>d,x3:()=>c});var n=r(3241),i=r(3606),s=r(860),a=r(2646);function o(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};
3e.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&&u(e))}function d(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,u(e)}}function u(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 s=e.ee,o=i.i.handlers;if(s&&!s.aborted&&s.backlog&&o){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.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||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof a.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete o[t],s.backlog[t]=null,s.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],s=e[2];n.apply(i,s)}})}},7836(e,t,r){"use strict";var n=r(384),i=r(8990),s=r(2646),a=r(5607);const o="nr@context:".concat(a.W),c=function e(t,r){var n={},a={},u={},l=!1;try{l=16===r.length&&d.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,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var o=h(n);g(e).forEach(e=>{e.apply(o,r)});var d=v()[a[e]];d&&d.push([f,e,r,o]);return o},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{a[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()[a[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 h(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,o,()=>new s.y(o)):new s.y(o)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.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,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(9908);s.on=a;var i=s.handlers={};function s(e,t,r,s){a(s||n.d,i,e,t,r)}function a(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var a=t[s]=t[s]||{};(a[r]=a[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 s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,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:()=>a,ZF:()=>o,bz:()=>s,el:()=>c});var n=r(6154);function i(e,t){return e?15&e[t]:16*Math.random()|0}function s(){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 a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,s=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var o=0;o<e;o++)a.push(i(r,s++).toString(16));return a.join("")}function o(){return a(16)}function c(){return a(32)}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","g",0,{OFF:0,FULL:1,ERROR:2},"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])},733(e,t,r){"use strict";function n(e,t){return function(e){let t=2166136261;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return(t>>>0).toString(16).padStart(8,"0")}("".concat(String(e),":").concat(String(t)))}r.d(t,{Y:()=>n})},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},9119(e,t,r){"use strict";r.d(t,{L:()=>s});var n=/([^?#]*)[^#]*(#[^?]*|$).*/,i=/([^?#]*)().*/;function s(e,t){return e?e.replace(t?n:i,"$1$2"):e}},7485(e,t,r){"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},7866(e,t,r){"use strict";r.d(t,["Nc",0,/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,"cn",0,/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i,"fL",0,/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,"h3",0,/function (.+?)\s*\(/,"hB",0,/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i])},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:()=>s});var n=r(944);const i=new Map;function s(...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]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},3304(e,t,r){"use strict";r.d(t,{A:()=>i});var n=r(7836);function i(e){try{return JSON.stringify(e,(()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}})())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},9232(e,t,r){"use strict";r.d(t,["f",0,{MFE:"MFE",BA:"BA"}])},7560(e,t,r){"use strict";r.d(t,{N:()=>a,j:()=>c});var n=r(9119),i=r(944);const s=(0,r(6389).J)(e=>(0,i.R)(80,e));function a(e){if(!Array.isArray(e?.assets)||!e.assets.length)return;
3const t=e.assets.map(o).filter(Boolean);return t.length?{assets:t,scripts:t.filter(e=>e.isScript)}:void 0}function o(e){if(!e||"object"!=typeof e)return;const{matcher:t,type:r}=e;let i="string"==typeof t&&t.endsWith(".js");return void 0!==r&&(!function(e){return"script"===e||"asset"===e}(r)?s(r):i=function(e){return"script"===e}(r)),a=t,"[object RegExp]"===Object.prototype.toString.call(a)?{pattern:t,test:e=>(t.lastIndex=0,t.test((0,n.L)(e))),isScript:i}:"string"==typeof t&&t.length>0?{pattern:t,test:e=>(0,n.L)(e).includes(t),isScript:i}:void s(t);var a}function c(e,t,{scriptsOnly:r=!1}={}){if(!e||!t)return!1;return(r?e.scripts:e.assets).some(e=>e.test(t))}},5718(e,t,r){"use strict";r.d(t,{xo:()=>T,AZ:()=>v,cI:()=>g,Qr:()=>A,QL:()=>y});var n=r(6154),i=r(1863),s=r(9119),a=r(7866);class o{dom=new c;performance=new c;constructor(e){this.url=e,this.claimedBy=new Set}get script(){const e=Math.max(this.dom.start,this.performance.end);return{start:e,end:Math.max(this.dom.end,this.performance.end,e)}}}class c{start=0;end=0;value=void 0}function d(e=()=>{},t){return{get:()=>void 0!==t?t:e(),set:e=>{t=e}}}let u;try{u=v(y())[0]}catch(e){u=v(e)[0]}const l=new Map;let f=[];const h=new WeakMap;function p(e){let t=h.get(e);return t||(t={weighedAssetUrls:new Set,recordManifestScriptWindow:(t,r)=>{t&&(e.scriptStart=e.scriptStart>0?Math.min(e.scriptStart,t):t),r&&(e.scriptEnd=e.scriptEnd>0?Math.max(e.scriptEnd,r):r)}},h.set(e,t)),t}function g(e){return l.get(e)}function m(e){const t=g(e);
3if(t)return t;const r=new o(e);if(l.set(e,r),l.size>1e3){const e=l.keys().next().value;l.delete(e)}return r}if(n.gm.MutationObserver&&n.gm.document){new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if("SCRIPT"===e.nodeName&&e.src){const t=m((0,s.L)(e.src));t.dom.start=(0,i.t)(),t.dom.value=e;const r=()=>{t.dom.end=(0,i.t)()};["load","error"].forEach(t=>e.addEventListener(t,r,{once:!0}))}})})}).observe(n.gm.document,{childList:!0,subtree:!0})}if(n.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{if((e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&(0,s.L)(e.name).endsWith(".js"))(e)){const t=m((0,s.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e}if(!f.length)return;const t=[];f.forEach(({test:r,addedAt:n},s)=>{(r(e)||(0,i.t)()-n>1e4)&&t.push(s)}),f=f.filter((e,r)=>!t.includes(r))})}).observe({type:"resource",buffered:!0})}function v(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(a.cn)||e.match(a.hB)||e.match(a.fL);if(r&&r[2])t.add((0,s.L)(r[2]));else{const r=e.match(/\(([^)]+\.js):\d+:\d+\)/)||e.match(/^\s+at\s+([^\s(]+\.js):\d+:\d+/);r&&r[1]&&t.add((0,s.L)(r[1]))}}return[...t]}function y(){let e;try{const t=Error.stackTraceLimit;Error.stackTraceLimit=50,e=(new Error).stack,Error.stackTraceLimit=t}catch(t){e=(new Error).stack}return e}function b(e,t){return(0,s.L)(e.name)===t}function E(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType,w(e,t)}function w(e,t){const r=(0,s.L)(t.name),{weighedAssetUrls:n}=p(e);n.has(r)||(n.add(r),e.totalWeight=(e.totalWeight||0)+(t.transferSize||0),"blocking"===t.renderBlockingStatus?e.renderBlocking=!0:"non-blocking"===t.renderBlockingStatus&&!0!==e.renderBlocking&&(e.renderBlocking=!1))}function R(e,t,r,n,i){if(w(e,t),"scripts"!==i&&"all"!==i)return;if("all"===i||r.isScript){const r=Math.floor(t.startTime),n=Math.floor(t.responseEnd);e.fetchStart=e.fetchStart>0?Math.min(e.fetchStart,r):r,e.fetchEnd=e.fetchEnd>0?Math.max(e.fetchEnd,n):n}if(r.isScript){const r=g((0,s.L)(t.name));if(r){const t=()=>{const{start:t,end:n}=r.script;p(e).recordManifestScriptWindow(t,n)};t(),!r.dom.end&&r.dom.value&&["load","error"].forEach(e=>r.dom.value.addEventListener(e,t,{once:!0}))}n.resolved||(e.asset=t.name,e.type=t.initiatorType,n.resolved=!0)}}function T(e,t){const r=t?.manifest;if(!r||!r.assets.length)return;const s={resolved:!1},a=new Set(r.assets);(n.gm.performance?.getEntriesByType("resource")||[]).forEach(r=>{const n=[...a].find(e=>e.test(r.name));n&&(R(e,r,n,s,t.timingMethod),a.delete(n))}),a.size&&function(e,t,r,s){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:n=>{const i=[...t].find(e=>e.test(n.name));return i&&(R(e,n,i,r,s),t.delete(i)),0===t.size}})}(e,a,s,t.timingMethod)}function A(e){const t=e?.id,r={registeredAt:(0,i.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown",totalWeight:0,renderBlocking:void 0},a=y();if(!a)return r;const o=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const e=v(a),c=(e.length>1?e.filter(e=>u!==e):e)[0];if(!c)return r;if(o.includes(c))return r.asset=(0,s.L)(o),r.type="inline",r;r.correlation=g(c);const l=r.correlation?.performance.value||n.gm.performance?.getEntriesByType("resource")?.find(e=>b(e,c));if(l)E(r,l);else{(function(e){if(!e||!n.gm.document)return!1;try{const t=n.gm.document.querySelectorAll('link[rel="preload"][as="script"]');for(const r of t)if((0,s.L)(r.href)===e)return!0}catch(e){}return!1})(c)&&(r.asset=c,r.type="preload"),function(e,t){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:r=>!!b(r,t)&&(E(e,r),!0)})}(r,c)}const h=r.correlation,m=!!t&&!!h?.claimedBy.has(t);h&&t&&h.claimedBy.add(t);const y=()=>{const e=h?.script.start;if(!m||!e)return!1;return r.registeredAt-e>1e4};let w=0,R=0;p(r).recordManifestScriptWindow=(e,t)=>{e&&(w=w>0?Math.min(w,e):e),t&&(R=R>0?Math.max(R,t):t)},Object.defineProperty(r,"scriptStart",d(()=>{const e=y()?r.registeredAt:h?.script.start??r.fetchEnd;return w>0?Math.min(e,w):e})),Object.defineProperty(r,"scriptEnd",d(()=>{const e=y()?r.registeredAt:h?.script.end??r.registeredAt;return R>0?Math.max(e,R):e}))}catch(e){}return r}},5732(e,t,r){"use strict";r.d(t,{$5:()=>m,B5:()=>g,K6:()=>u,M$:()=>
3o,Ms:()=>d,NG:()=>c,Ux:()=>h,YA:()=>p,yx:()=>l});var n=r(5718),i=r(7560),s=r(9119),a=r(9232);function o(e){return e?.type===a.f.MFE}function c(e,t){if(!y(e,t))return;const r=t.runtime.registeredEntities;return r?.find(t=>t.metadata.target.iframeInterfaceId===e)}function d(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function u(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=(0,s.L)(e),a=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!1}):!!t.metadata.timings?.asset&&(0,s.L)(t.metadata.timings.asset)===n});return f(a).map(e=>e.metadata.target)}function l(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!0}):!!t.metadata.timings?.asset?.endsWith(e)});return f(n).map(e=>e.metadata.target)}function f(e){if(!e?.length)return e||[];const t=new Map,r=[];for(const n of e){const e=n.metadata?.timings?.asset;if(!e){r.push(n);continue}const i="".concat(e,"::").concat(n.metadata?.target?.id),s=t.get(i);if(s){if(s.metadata.target?.blocked&&!n.metadata.target?.blocked){const e=r.indexOf(s);-1!==e&&(r[e]=n),t.set(i,n)}}else t.set(i,n),r.push(n)}return r}function h(e,t){return v(t)?o(e)?e.attributes:t.agentRef.runtime.v2Target.attributes:{}}function p(e,t){return g(e,t)?{"child.id":e.id,"child.type":e.type,...h(void 0,t)}:{}}function g(e,t){return o(e)&&!!v(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function m(e){if(!e?.runtime)return[];if(!y(!0,e)||!e.runtime.registeredEntities?.length)return[e.runtime.v2Target];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let i=r.length-1;for(;r[i];)t.push(...l(r[i--],e))}catch(e){}const i=function(e){const t=new Set,r=[];for(const n of e){const e=n?.instance;t.has(e)||(t.add(e),r.push(n))}return r}(t);return i.length||i.push(e.runtime.v2Target),i}function v(e){return 2===e?.harvestEndpointVersion}function y(e,t){return!!e&&!!t?.init.api.register.enabled}},5289(e,t,r){"use strict";r.d(t,{GG:()=>a,Qr:()=>c,sB:()=>o});var n=r(3878),i=r(6389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function a(e,t){if(s())return e();const r=(0,i.J)(e),a=setInterval(()=>{s()&&(clearInterval(a),r())},500);(0,n.sp)("load",r,t)}function o(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),i=r(1863),s=r(944),a=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 d(){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,a.i)(...Object.values(e.o))),e}function u(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,s.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}}(),d(),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:()=>s,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 s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},8139(e,t,r){"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),s=r(8990),a=r(6154);const o={},c=a.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e,t){var r=function(e){return(e||n.ee).get("events")}(e);if(o[r.debugId]++)return r;o[r.debugId]=1;var f=(0,i.YM)(r,!0,t);function p(e){f.inPlace(e,[d,u],"-",g)}function g(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,p),c&&h(c.prototype,p),h(a.gm,p)),r.on(d+"-start",function(e,t){var r=e[1];if(null!==r&&("function"==typeof r||"object"==typeof r)&&"newrelic"!==e[0]){var n=(0,s.I)(r,l,function(){var e={object:function(){if("function"!=typeof r.handleEvent)return;return r.handleEvent.apply(r,arguments)},function:r}[typeof r];return e?f(e,"fn-",null,e.name||"anonymous"):r});this.wrapped=e[1]=n}}),r.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),r}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434(e,t,r){"use strict";r.d(t,{YM:()=>d});var n=r(7836),i=r(5607),s=r(5732);const a="nr@original:".concat(i.W);var o=Object.prototype.hasOwnProperty,c=!1;function d(e,t,r){return e||(e=n.ee),i.inPlace=function(e,t,r,n,s,a){r||(r="");const o="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];l(u)||(e[d]=i(u,o?d+r:r,n,d,s,a))}},i.flag=a,i;function i(t,n,i,c,f,h){return l(t)?t:(n||(n=""),nrWrapper[a]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach(function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})}),t}catch(e){u([e],r)}for(var n in e)o.call(e,n)&&(t[n]=e[n])}
3(t,nrWrapper,e),nrWrapper);function nrWrapper(){var a,o,l,p;let g,m;try{o=this,a=[...arguments],m=h?(0,s.$5)(r):[r?.runtime?.v2Target],l="function"==typeof i?i(a,o):i||{}}catch(t){u([t,"",[a,o,c],l],e)}d(n+"start",[a,o,c,m],l,f);const v=performance.now();let y;try{return p=t.apply(o,a),y=performance.now(),p}catch(e){throw y=performance.now(),d(n+"err",[a,o,e,m],l,f),g=e,g}finally{const e=y-v,t={start:v,end:y,duration:e,isLongTask:e>=50,methodName:c,thrownError:g};t.isLongTask&&d("long-task",[t,o,m],l,f),d(n+"end",[a,o,p,m],l,f)}}}function d(r,n,i,s){if(!c||t){var a=c;c=!0;try{e.emit(r,n,i,t,s)}catch(t){u([t,r,n,i],e)}c=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function l(e){return!(e&&"function"==typeof e&&e.apply&&!e[a])}r.d(t,["Jt",0,a])},9300(e,t,r){"use strict";const n=r(860).K7.ajax;r.d(t,["TZ",0,n,"f5",0,"ajaxRequest.id","mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3333(e,t,r){"use strict";var n=r(981);const i=r(860).K7.genericEvents,s=[n.R.PA,n.R.UA,n.R.BP];r.d(t,["$v",0,{RESOURCES:"experimental.resources",REGISTER:"register"},"TZ",0,i,"Zp",0,["auxclick","click","copy","keydown","paste","scrollend"],"kd",0,s,"qN",0,["focus","blur"]])},6774(e,t,r){"use strict";const n=r(860).K7.jserrors;r.d(t,["T",0,n])},993(e,t,r){"use strict";const n=r(860).K7.logging;r.d(t,["A$",0,{OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},"TZ",0,n,"p_",0,{ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"}])},3785(e,t,r){"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),s=r(860),a=r(3969),o=r(993);function c(e,t,r={},c=o.p_.INFO,d=!0,u,l=(0,i.t)()){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,s.K7.metrics,e),(0,n.p)("log",[l,t,r,c,d,u],void 0,s.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(o.p_).some(t=>t===e.toUpperCase().trim())}},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])},6344(e,t,r){"use strict";var n=r(2614);const i=r(860).K7.sessionReplay,s={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0}
3;r.d(t,["Qb",0,{API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"},"TZ",0,i,"Vh",0,"errorDuringReplay","_s",0,{DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},"bc",0,{RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},"yP",0,s])},5270(e,t,r){"use strict";r.d(t,{Aw:()=>a,SR:()=>s,rF:()=>o});var n=r(384),i=r(7767);function s(e){return!!(0,n.dV)().o.MO&&(0,i.V)(e)&&!0===e?.session_trace.enabled}function a(e){return!0===e?.session_replay.preload&&s(e)}function o(e,t){try{if("string"==typeof t?.type&&"password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},3738(e,t,r){"use strict";const n=r(860).K7.sessionTrace,i="-start",s="-end",a="fn"+i,o="fn"+s;r.d(t,["He",0,"bstResource","Kp",0,s,"Lc",0,o,"Rz",0,"pushState","TZ",0,n,"bD",0,"resource","bc",0,{CROSS_TAB:{message:"Session Entity was set to OFF on another tab"},ENTITLEMENTS:{message:"Session Trace is not allowed and will not be started"},RESET:{message:"Session was reset"},SESSION_CHANGED:{message:"Session identifier changed unexpectedly"}},"d3",0,i,"uP",0,a])},3962(e,t,r){"use strict";const n=r(860).K7.softNav;r.d(t,["O2",0,{INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},"OV",0,"popstate","Qu",0,{INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},"TZ",0,n,"ih",0,{IP:"in progress",PF:"pending finish",FIN:"finished",CAN:"cancelled"},"pP",0,"initialPageLoad","tC",0,["click","keydown","submit"]])},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:()=>s});var n=r(9566),i=r(1741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},1741(e,t,r){"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(4261);class s{#e(e,...t){if(this[e]!==s.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","hw",0,"api-ixn-","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>u});var n=r(3241),i=r(9908),s=r(1863),a=r(944),o=r(3969),c=r(8362),d=r(860);function u(e,t,r,s){const u=s||r;!u||u[e]&&u[e]!==c.d.prototype[e]||(u[e]=function(){(0,i.p)(o.xV,["API/"+e+"/called"],void 0,d.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,a.R)(23,e)}})}function l(e,t,r,n,a){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(a||null===r)&&(0,i.p)("api-"+n,[(0,s.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",s="browser/blobs",a="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},d={[o.pageViewEvent]:"rum",[o.pageViewTiming]:n,[o.ajax]:n,[o.softNav]:n,[o.metrics]:i,[o.jserrors]:i,[o.sessionTrace]:s,[o.sessionReplay]:s,[o.logging]:a,[o.genericEvents]:"ins"};r.d(t,["$J",0,d,"K7",0,o,"P3",0,c,"XX",0,i,"Yy",0,a,"df",0,s,"hg",0,"connect"])}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],s=t[n++];r.o(e,i)?0===s&&n++:0===s?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:s})}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=>({212:"nr-spa-compressor",238:"nr-spa-iframe-message-handler",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.322.0.min.js"),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.322.0.PROD:";r.l=(n,i,s,a)=>
3{if(e[n])return void e[n].push(i);let o,c;if(void 0!==s){const e=document.getElementsByTagName("script");for(var d=0;d<e.length;d++){const r=e[d];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+s){o=r;break}}}if(!o){c=!0;var u={478:"sha512-SARROoir04gFygxlr/+mTI+PyMeFL+epi1vnUA2G5mTQ7s3G44ItQBJKbOaIMdIE5OBzuaKhb4k5JYta0NICxg==",249:"sha512-6DKQo5WP7YlpzX6l9UfYkgGLGK2oITdoaYTcZtgl5Foa22NY63lED/0z1hBBLeD7qZCz/YdlY19/r8drlol1tg==",212:"sha512-CYxuvSpDx6ErqWJwAvpoHn54eY37YdMcFao/axOumlw3BsSL7yioOeB2LWViY/Njs818sQG10dSglUhYCMfLPw==",238:"sha512-mvbMILWa3ohYst+u6TLfNrmtY2swUIB3rbJFN/uzt3W62KhgvUVwB81UEZ1R0/it5bfrQ5EVz864pi/CAmucNQ=="};o=document.createElement("script"),o.charset="utf-8",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",t+s),o.src=n,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),u[a]&&(o.integrity=u[a])}e[n]=[i];const l=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);const i=e[n];if(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={38:0,788: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 s=new Promise((r,n)=>i=e[t]=[r,n]);n.push(i[2]=s);const a=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(a,c,"chunk-"+t,t)}};const t=(t,n)=>{let[i,s,a]=n;var o,c,d=0;if(i.some(t=>0!==e[t])){for(o in s)r.o(s,o)&&(r.m[o]=s[o]);if(a)a(r)}for(t&&t(n);d<i.length;d++)c=i[d],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.322.0.PROD"]=self["webpackChunk:NRBA-1.322.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),s=r(1741);var a=r(2555),o=r(3333),c=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var u=r(2614),l=r(944),f=r(8122);const h="[data-nr-mask]",p=e=>(0,f.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:c.mo.NONE},api:{register:{get enabled(){return e.feature_flags.includes(o.$v.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(o.$v.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,l.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(o.$v.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:u.wk,inactiveMs:u.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inl
3ine_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(h):""===t||null===t?e.mask_selector=h:(0,l.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,l.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,l.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 g=r(6154),m=r(9324);let v=0;const y={buildEnv:"PROD",distMethod:"CDN",version:m.x,originTime:g.WN},b={consented:!1},E={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||b.consented},set consented(e){b.consented=e},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++v},listeningForIframeMessages:!1};var w=r(9232);var R=r(7836),T=r(3241);const A={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};var S=r(9908),x=r(9752);function O(e,t={},n,o){let{init:c,info:d,loader_config:u,runtime:l={},exposed:h=!0}=t;if(!d){const e=(0,i.pV)();c=e.init,d=e.info,u=e.loader_config}var m;e.init=p(c||{}),e.loader_config=(m=u||{},(0,f.a)(m,A)),d.jsAttributes??={},g.bv&&(d.jsAttributes.isWorker=!0),e.info=(0,a.D)(d);const v=e.init;e.runtime??=(e=>{const t=(0,f.a)(e,E),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:w.f.BA,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(s.W.prototype).forEach(r=>{const n=s.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=R.ee.get(e.agentIdentifier),e.exposed=h,(0,T.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.init.api.register.allow_iframe_bridge&&g.gm.addEventListener("message",t=>{"string"==typeof t.data?.type&&t.data.type.startsWith(x.Pl)&&(0,S.p)("iframe-message",[t],void 0,"IFRAME",e.ee)}),e.runtime.configured=!0)}var _=r(1863),k=r(4261),N=r(1738);var L=r(1687),M=r(4234),P=r(5289),I=r(5270),j=r(7767),C=r(6389),D=r(7699);const B=new WeakSet,H=new WeakMap;class W 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,C.J)(()=>{(0,L.Ak)(e,this.featureName),t()}))}):(0,L.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const i=async()=>{if(await this.deferred,this.#t(e),!(0,a.f)(e.info))return(0,l.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);try{await async function(e,t,n){if(H.has(e))return H.get(e);const i=(async()=>
3{if((0,j.V)(e.init))try{const{setupAgentSession:t}=await r.e(478).then(r.bind(r,8766));t(e)}catch(e){(0,l.R)(20,e),t.emit("internal-error",[e]),(0,S.p)(D.qh,[e],void 0,n,t)}if(e.init.api.register.allow_iframe_bridge)try{const{setupIframeMFEMessageListener:t}=await r.e(238).then(r.bind(r,6417));t(e)}catch(e){(0,l.R)(23,e)}const[{Connector:i},{Harvester:s}]=await Promise.all([r.e(478).then(r.bind(r,6589)),r.e(478).then(r.bind(r,5237))]);e.runtime.connector=new i(e),e.runtime.harvester=new s(e);const a=Object.values(e.features).filter(t=>e.runtime.drainRegistry.has(t.featureName));Promise.all(a.map(e=>e.onAggregateImported)).then(()=>e.runtime.harvester.startTimer())})();H.set(e,i),await i}(e,this.ee,this.featureName)}catch(e){return(0,l.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,L.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,l.R)(34,e),this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1)}};g.RI?(0,P.GG)(()=>i(),!0):i()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,I.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!B.has(e)&&(B.add(e),!(0,a.f)(e.info))){const t=(0,i.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}O(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var U=r(6630);class K extends W{static featureName=U.T;constructor(e){var t;super(e,U.T),this.setupInspectionEvents(),t=e,(0,N.Y)(k.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,S.p)("api-"+k.Fw,[(0,_.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>e.init.feature_flags.includes("rum_v2")?r.e(478).then(r.bind(r,908)):r.e(478).then(r.bind(r,7927)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,T.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,P.sB)(t=>{e(t,"DOMContentLoaded")}),(0,P.GG)(t=>{e(t,"load")}),(0,P.Qr)(t=>{e(t,"navigate")}),this.ee.on(u.tS.UPDATE,(e,t)=>{(0,T.W)({type:"lifecycle",name:"session",data:t})})}}class F extends e.d{constructor(e){var t;(super(),g.gm)?(this.features={},(0,i.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(K),O(this,e,e.loaderType||"agent"),t=this,(0,N.Y)(k.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,k.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)},t),function(e){(0,N.Y)(k.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,l.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,k.Dl,!0)},e)}(this),function(e){(0,N.Y)(k.nb,function(t){if("string"==typeof t||null===t)return(0,N.U)(e,"application.version",t,k.nb,!1);(0,l.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)(k.Pv,function(t=!0){if("boolean"==typeof t){if((0,S.p)("api-"+k.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,l.R)(65,typeof t)},e)}(this),this.run()):(0,l.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={};return 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,l.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,l.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 V=r(2843),z=r(782);class G extends W{static featureName=z.T;constructor(e){super(e,z.T),g.RI&&((0,V.u)(()=>(0,S.p)("docHidden",[(0,_.t)()],void 0,z.T,this.ee),!0),(0,V.G)(()=>(0,S.p)("winPagehide",[(0,_.t)()],void 0,z.T,this.ee)),this.importAggregator(e,()=>r.e(478).then(r.bind(r,9917))))}}var q=r(3969);class Y extends W{static featureName=q.TZ;constructor(e){super(e,q.TZ),this.importAggregator(e,()=>r.e(478).then(r.bind(r,6555)))}}var Z=r(6774),J=r(3878),X=r(3304);class Q{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,X.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function ee(e){return ne(e)?e:new Q(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function te(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(ne(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return ee(e.reason)}const r=ee(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function re(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new Q(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return ne(e.error)?e.error:ee(e)}function ne(e){return e instanceof Error&&!!e.stack}function ie(e,r,n,i,s=(0,_.t)()){"string"==typeof e&&(e=new Error(e)),(0,S.p)("err",[e,s,!1,r,n.runtime.isRecording,void 0,i],void 0,t.K7.jserrors,n.ee),(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,n.ee)}var se=r(993),ae=r(3785);function oe(e,{customAttributes:t={},level:r=se.p_.INFO}={},n,i,s=(0,_.t)()){(0,ae.R)(n.ee,e,t,r,!1,i,s)}function ce(e,r,n,i,s=(0,_.t)()){(0,S.p)("api-"+k.hG,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}function de(e,r,n,i,s=(0,_.t)()){const{start:a,end:o,customAttributes:c}=r||{},d={customAttributes:c||{}};if("object"!=typeof d.customAttributes||"string"!=typeof e||0===e.length)return void(0,l.R)(57);const u=(e,t)=>
3null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(d.start=u(a,0),d.end=u(o,s),Number.isNaN(d.start)||Number.isNaN(d.end))(0,l.R)(57);else{if(d.duration=d.end-d.start,!(d.duration<0))return(0,S.p)("api-"+k.V1,[d,e,i],void 0,t.K7.genericEvents,n.ee),d;(0,l.R)(58)}}function ue(e,r={},n,i,s=(0,_.t)()){(0,S.p)("api-"+k.fF,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}var le=r(5718);const fe=(e,t)=>e?.nrMfeId===t.id&&(!e?.nrMfeObserved||e?.nrMfeObserved===t.instance),he=e=>{try{return g.gm.CSS.escape(e)}catch(t){return e}},pe=(e,t={})=>{const r=t.id,n=t.instance;if(!e||!r||!n)return!1;try{let r=1===e.nodeType?e:e.parentElement;for(;r?.tagName;){if(fe(r.dataset,t))return r.dataset.nrMfeObserved=n,!0;r=r.parentNode}}catch(e){}return!1},ge=(e,t)=>{const r=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]')),n=(Array.from(r)||[]).find(t=>fe(t.dataset,e));let i=!!n;i&&(n.dataset.nrMfeObserved??=e.instance);const s=new g.gm.MutationObserver(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{const n=1===r.nodeType?r:null;!i&&fe(n?.dataset,e)&&(s.disconnect(),s.observe(n,{childList:!0,subtree:!0}),i=!0,n.dataset.nrMfeObserved=e.instance),(e=>{try{return e?.textContent?.trim()||["img","video","canvas","svg"].includes(e?.nodeName?.toLowerCase())}catch(e){return!1}})(r)&&(i||pe(r,e))&&t(r,s)})})});return s.observe(n||g.gm.document,{childList:!0,subtree:!0}),s},me=(e,t,r)=>{try{const n=new g.gm.PerformanceObserver(e=>{e.getEntries().forEach(r)});return n.observe(t),e.push(n),n}catch(e){return null}};function ve(e,t){let r,n,i=!1;const s=e=>null==e?e:e-(t?.scriptStart||t?.registeredAt||0),a={fcp:{get value(){const e=s(r);return e>1e4?void 0:e},set value(e){i||(r=e)}},lcp:{get value(){if(void 0!==a.fcp.value)return s(n)},set value(e){i||(n=e)}},cls:{value:void 0},inp:{value:void 0},disconnect:()=>{}};if(!(e&&g.RI&&g.gm.MutationObserver&&g.gm.PerformanceObserver))return a;const o=[];setTimeout(()=>{r||a.disconnect()},1e4);const c=()=>{if(!i){if(null==r){const e=(0,_.t)();if(s(e)>1e4)return void a.disconnect();r=e}n??=(0,_.t)(),a.cls.value??=0}},d=ge(e,(e,t)=>{c(),t.disconnect()});o.push(d);let u=0,l=null;const f=new Set;try{l=new g.gm.ResizeObserver(e=>{i||e.forEach(e=>{try{const t=e.contentRect.width*e.contentRect.height;t>u&&(u=t,a.lcp.value=(0,_.t)()),l.unobserve(e.target)}catch(e){}})})}catch(e){}const h=ge(e,e=>{if(c(),l)try{const t=1===e.nodeType?e:e.parentElement;t&&!f.has(t)&&(f.add(t),"IMG"===t.tagName?t.complete?l.observe(t):t.addEventListener("load",()=>{l.observe(t)},{once:!0}):"VIDEO"===t.tagName?t.readyState>=2?l.observe(t):t.addEventListener("loadeddata",()=>{l.observe(t)},{once:!0}):l.observe(t))}catch(e){}});l&&o.push(l),o.push(h),me(o,{type:"layout-shift",buffered:!0},t=>{i||t.hadRecentInput||(t.sources||[]).some(r=>!!pe(r.node,e)&&(c(),a.cls.value+=t.value,!0))}),me(o,{type:"event",buffered:!0,durationThreshold:40},t=>{!i&&t.interactionId&&pe(t.target,e)&&(void 0===a.inp.value||t.duration>a.inp.value)&&(c(),a.inp.value=t.duration)});const p=["pointerdown","keydown"],m=()=>{p.forEach(e=>{g.gm.removeEventListener(e,v,{passive:!0})})};a.disconnect=()=>{i=!0,o.forEach(e=>{try{e?.disconnect()}catch(e){}}),m(),["visibilitychange","pagehide"].forEach(e=>{g.gm.removeEventListener(e,a.disconnect,{once:!0,passive:!0})})};const v=t=>{pe(t?.target,e)&&((()=>{try{h?.disconnect(),l?.disconnect()}catch(e){}})(),m())};p.forEach(e=>{g.gm.addEventListener(e,v,{passive:!0})}),["visibilitychange","pagehide"].forEach(e=>{g.gm.addEventListener(e,a.disconnect,{once:!0,passive:!0})});const y=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]'));return Array.from(y||[]).some(t=>fe(t.dataset,e))&&c(),a}var ye=r(9566),be=r(7560),Ee=r(9119);const we=["entry","scripts","all"],Re=["name","id","type"],Te=new Map([[ce,"addPageAction"],[oe,"log"],[de,"measure"],[ie,"noticeError"],[ue,"recordCustomEvent"]]),Ae={experimental:(0,C.J)(()=>(0,l.R)(54,"newrelic.register")),disabled:(0,C.J)(()=>(0,l.R)(55)),invalidTarget:(0,C.J)(e=>(0,l.R)(48,e)),deregistered:(0,C.J)(()=>(0,l.R)(68)),invalidTimingMethod:(0,C.J)(e=>(0,l.R)(80,e)),duplicateName:(0,C.J)(e=>(0,l.R)(81,e)),duplicateId:(0,C.J)(e=>(0,l.R)(82,e))};function Se(e){(0,N.Y)(k.eY,function(t){return xe(e,t)},e)}function xe(e,r){Ae.experimental(),r||={},r.instance=(0,ye.LA)(8),r.type=w.f.MFE,r.licenseKey||=e.info.licenseKey,r.blocked=!1,("object"!=typeof r.tags||null===r.tags||Array.isArray(r.tags))&&(r.tags={}),r.parent??={get id(){return e.runtime.appMetadata.agents?.[0].entityGuid},type:w.f.BA},r.manifest=(0,be.N)(r.manifest),void 0===r.timingMethod||we.includes(r.timingMethod)||(Ae.invali
3dTimingMethod(r.timingMethod),r.timingMethod=void 0);const n=(0,le.Qr)(r);r.manifest&&(0,le.xo)(n,r);const i=ve(r,n),s=(0,Ee.L)(""+location),a={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...a,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||w.f.BA,"parent.id":r.parent?.id})}),Object.entries(r.tags).forEach(([e,t])=>{Re.includes(e)||(a["source.".concat(e)]=t)});let o=()=>{};const c=e.runtime.registeredEntities,d=e=>{r.blocked=!0,o=e};function u(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||d(Ae.disabled),u(r.id)&&u(r.name)||d(()=>Ae.invalidTarget(r)),c.forEach(e=>{try{const{name:t,id:n}=e.metadata.target;t===r.name&&n!==r.id&&Ae.duplicateName(r),n===r.id&&t!==r.name&&Ae.duplicateId(r)}catch(e){}});const f={addPageAction:(t,n={})=>m(ce,[t,{...a,...n},e],r),deregister:()=>{p(),d(Ae.deregistered)},log:(t,n={})=>m(oe,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),measure:(t,n={})=>m(de,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>m(ie,[t,{...a,...n},e],r),recordCustomEvent:(t,n={})=>m(ue,[t,{...a,...n},e],r),setApplicationVersion:e=>g("application.version",e),setCustomAttribute:(e,t)=>g(e,t),setUserId:e=>g("enduser.id",e),metadata:{get customAttributes(){return a},target:r,timings:n,vitals:i,events:{latestTimestamp:void 0}}},h=()=>(r.blocked&&o(),r.blocked);function p(){if(n.reportedAt)return;n.reportedAt=(0,_.t)(),i.disconnect(),n.fcp=i.fcp,n.lcp=i.lcp,n.cls=i.cls,n.inp=i.inp;const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart,r={assetUrl:n.asset,assetType:n.type,registerUrl:s,deregisterUrl:(0,Ee.L)(""+location),pageUrl:void 0,currentUrl:void 0,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,t
3imeToRegister:n.registeredAt,totalWeight:n.totalWeight,...void 0!==n.renderBlocking&&{renderBlocking:n.renderBlocking},...i.fcp.value>=0&&{"vitals.fcp.value":i.fcp.value},...i.lcp.value>=0&&{"vitals.lcp.value":i.lcp.value},...i.cls.value>=0&&{"vitals.cls.value":i.cls.value},...i.inp.value>=0&&{"vitals.inp.value":i.inp.value}};f.recordCustomEvent("MicroFrontEndTiming",r)}h()||(c.push(f),(0,V.G)(p));const g=(e,t)=>{h()||(a[e]=t)},m=(r,n,i)=>{if(h()&&r!==xe)return;const s=f.metadata.events.latestTimestamp??(0,_.t)();f.metadata.events.latestTimestamp=void 0;const a=Te.get(r)||"unknown";(0,S.p)(q.xV,["API/register/".concat(a,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,i,s)}catch(e){(0,l.R)(50,e)}};return f}class Oe extends W{static featureName=Z.T;constructor(e){var t;super(e,Z.T),t=e,(0,N.Y)(k.o5,(e,r)=>ie(e,r,t),t),function(e){(0,N.Y)(k.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,N.Y)(k.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),Se(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,S.p)("ierr",[ee(t),(0,_.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),g.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,S.p)("err",[te(t),(0,_.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),g.gm.addEventListener("error",t=>{this.abortHandler&&(0,S.p)("err",[re(t),(0,_.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e,()=>r.e(478).then(r.bind(r,9377)))}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var _e=r(8990);let ke=1;function Ne(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g.gm?0:(0,_e.I)(e,"nr@id",function(){return ke++})}function Le(e){if("string"==typeof e)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,X.A)(e).length}catch(e){return}}}var Me=r(8139),Pe=r(3434),Ie=r(5732);const je={},Ce=["open","send","setRequestHeader"];function De(e,t){var r=e||R.ee;const n=function(e){return(e||R.ee).get("xhr")}(r);if(void 0===g.gm.XMLHttpRequest)return n;if(je[n.debugId]++)return n;je[n.debugId]=1,(0,Me.u)(r,t);var i=(0,Pe.YM)(n,void 0,t),s=g.gm.XMLHttpRequest,a=g.gm.MutationObserver,o=g.gm.Promise,c=g.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],f=[],h=g.gm.XMLHttpRequest=function(e){const r=new s(e),a=n.context(r);a.targets=(0,Ie.$5)(t);try{n.emit("new-xhr",[r],a),r.addEventListener(d,(o=a,function(){var e=this;e.readyState>3&&!o.resolved&&(o.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,u,"fn-",E)}),(0,J.jT)(!1))}catch(e){(0,l.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var o;return r};function p(e,t){i.inPlace(t,["onreadystatechange"],"fn-",E)}if(function(e,t){for(var r in e)t[r]=e[r]}(s,h),h.prototype=s.prototype,i.inPlace(h.prototype,Ce,"-xhr-",E),n.on("send-xhr-start",function(e,t){p(e,t),function(e){f.push(e),a&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",p),a){var m=o&&o.resolve();if(!c&&!o){var v=1,y=document.createTextNode(v);new a(b).observe(y,{characterData:!0})}}else r.on("fn-end",function(e){e[0]&&e[0].type===d||b()});function b(){for(var e=0;e<f.length;e++)p(0,f[e]);f.length&&(f=[])}function E(e,t){return t}return n}var Be="fetch-",He=Be+"body-",We=["arrayBuffer","blob","json","text","formData"],Ue=g.gm.Request,Ke=g.gm.Response,Fe="prototype";const Ve={};function ze(e,t){const r=function(e){return(e||R.ee).get("fetch")}(e);if(!(Ue&&Ke&&g.gm.fetch))return r;if(Ve[r.debugId]++)return r;function n(e,n,i){var s=e[n];"function"==typeof s&&(e[n]=function(){var e=[...arguments];const n={},a=(0,Ie.$5)(t);var o;r.emit(i+"before-start",[e],n),n[R.P]&&n[R.P].dt&&(o=n[R.P].dt);var c=s.apply(this,e);return r.emit(i+"start",[e,o],c),c.then(function(e){return r.emit(i+"end",[null,e,a],c),e},function(e){throw r.emit(i+"end",[e,void 0,a],c),e})})}
3return Ve[r.debugId]=1,We.forEach(e=>{n(Ue[Fe],e,He),n(Ke[Fe],e,He)}),n(g.gm,"fetch",Be),r.on(Be+"end",function(e,n,i){var s=this;if(s.targets=i||[t.runtime.v2Target],n){var a=n.headers.get("content-length");null!==a&&(s.rxSize=a),r.emit(Be+"done",[null,n],s)}else r.emit(Be+"done",[e],s)}),r}var Ge=r(7485);class qe{constructor(e){this.agentRef=e}generateTracePayload(e){const t=this.agentRef.loader_config;if(!this.shouldGenerateTrace(e)||!t)return null;var r=(t.accountID||"").toString()||null,n=(t.agentID||"").toString()||null,i=(t.trustKey||"").toString()||null;if(!r||!n)return null;var s=(0,ye.ZF)(),a=(0,ye.el)(),o=Date.now(),c={spanId:s,traceId:a,timestamp:o};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(c.traceContextParentHeader=this.generateTraceContextParentHeader(s,a),c.traceContextStateHeader=this.generateTraceContextStateHeader(s,o,r,n,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(c.newrelicHeader=this.generateTraceHeader(s,a,o,r,n,i)),c}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,s){if(!("function"==typeof g.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return s&&n!==s&&(a.d.tk=s),btoa((0,X.A)(a))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,Ge.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var Ye=r(7295);function Ze(e){return"string"==typeof e?e:e instanceof(0,i.dV)().o.REQ?e.url:g.gm?.URL&&e instanceof URL?e.href:void 0}function $e(e,t){var r=(0,Ge.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var Je=["load","error","abort","timeout"],Xe=Je.length,Qe=(0,i.dV)().o.REQ,et=(0,i.dV)().o.XHR;const tt="X-NewRelic-App-Data",rt="internal-error";class nt extends W{static featureName=c.TZ;constructor(e){super(e,c.TZ),this.dt=new qe(e),this.handler=(e,t,r,n)=>(0,S.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};g.gm?.performance?.getEntriesByType("resource").forEach(r=>{if(r.initiatorType in e&&0!==r.responseStatus){const n={status:r.responseStatus},i={rxSize:r.transferSize,duration:Math.floor(r.duration),cbTime:0};$e(n,r.name),this.handler("xhr",[n,i,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}ze(this.ee,e),De(this.ee,e),function(e,r,n,i){const s=[c.mo.ALL,c.mo.FAILURES].includes(e.init.ajax?.capture_payloads);function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=A,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},t.latestLongtaskEnd=0,e.addEventListener("load",function(r){O(t,e)},(0,J.jT)(!1)),g.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,J.jT)(!1))}function o(e){this.params={method:e[0]},$e(this,e[1]),this.metrics={}}function d(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=i.generateTracePayload(this.parsedOrigin);if(n){var s=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),s=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),s=!0),s&&(this.dt=n)}}function u(e,t){s&&e.length>=2&&(this.requestHeaders??={},this.requestHeaders[e[0].toLowerCase()]=e[1])}function l(e,t){var n=this.metrics,i=e[0],s=this;if(n&&i){var a=Le(i);a&&(n.txSize=a)}this.startTime=(0,_.t)(),this.requestBody=i,this.listener=function(e){try{"abort"!==e.type||s.loadCaptureCalled||(s.params.aborted=!0),("load"
3!==e.type||s.called===s.totalCbs&&(s.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof s.end)&&s.end(t)}catch(e){try{r.emit(rt,[e])}catch(e){}}};for(var o=0;o<Xe;o++)t.addEventListener(Je[o],this.listener,(0,J.jT)(!1))}function f(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function h(e,t){var r=""+Ne(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function p(e,t){var r=""+Ne(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function m(){this.endTime=(0,_.t)()}function v(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function y(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function b(e,t,r){t instanceof et&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,_.t)()))}function E(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,_.t)()-this.xhrCbStart,this.onload,t],t)}function w(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&g.RI&&(t=""+g.gm.location.href):e[0]&&e[0].url?t=e[0].url:g.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,Ge.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=i.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)o(e[0].headers,n)&&(this.dt=n);else{var s={};for(var a in r)s[a]=r[a];s.headers=new Headers(r.headers||{}),o(s.headers,n)&&(this.dt=n),e.length>1?e[1]=s:e.push(s)}}function o(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function R(e,t){this.params={},this.metrics={},this.startTime=(0,_.t)(),this.dt=t;let[r,n={}]=e;$e(this,Ze(r));const i=(""+(r&&r instanceof Qe&&r.method||n.method||"GET")).toUpperCase();this.params.method=i,this.txSize=Le(n.body||r?.body)||0;try{var a=n.headers||r?.headers;if(s&&a)if(this.requestHeaders??={},a instanceof Headers)a.forEach(function(e,t){this.requestHeaders[t.toLowerCase()]=e}.bind(this));else if("object"==typeof a)for(var o in a)this.requestHeaders[o.toLowerCase()]=a[o]}catch(e){}this.requestBody=n.body||r?.body}function T(e,t){if(this.endTime=(0,_.t)(),this.params||(this.params={}),(0,Ye.iW)(this.params))return;this.params.status=t?t.status:0;const n=()=>{const e=+this.rxSize,t=null==this.rxSize||isNaN(e)?void 0:e,r={txSize:this.txSize,rxSize:t,duration:this.endTime-this.startTime},n=[this.params,r,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>x(n,this,e))};t&&s?t.clone().text().then(e=>{this.responseBody=e,this.rxSize&&"0"!==this.rxSize&&0!==this.rxSize||void 0===e||0===this.params.status||(this.rxSize=Le(e)),t?.headers&&(this.responseHeaders={},t.headers.forEach(function(e,t){this.responseHeaders[t.toLowerCase()]=e}.bind(this)))}).catch(e=>{r.emit(rt,[e])}).finally(()=>{n()}):n()}function A(e){const t=this.params,n=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<Xe;t++)e.removeEventListener(Je[t],this.listener,!1);if(t.aborted)return;if((0,Ye.iW)(t))return;if(n.duration=this.endTime-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):O(this,e),n.cbTime=this.cbTime,s){try{this.responseBody=e.responseText}catch(t){this.responseBody=e.response}if((!n.rxSize||0===n.rxSize)&&void 0!==this.responseBody&&0!==t.status){const e=Le(this.responseBody);void 0!==e&&(n.rxSize=e)}try{this.responseHeaders=function(e){const t={};return e?(e.split("\r\n").forEach(function(e){const r=e.indexOf(": ");if(r>0){const n=e.substring(0,r),i=e.substring(r+2);t[n.toLowerCase()]=i}}),t):t}(e.getAllResponseHeaders())}catch(e){r.emit(rt,[e])}}const i=[t,n,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>x(i,this,e))}function x(e,r,i){n("xhr",[...e,i],r,t.K7.ajax)}function O(e,n){e.params.status=n.status;var i=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?Le(e.response):"text"===r||""===r||void 0===r?Le(e.responseText):void 0}(n,e.lastSize);if(void 0!==i&&0!==n.status&&(e.metrics.rxSize=i),e.sameOrigin&&n.getAllResponseHeaders().indexOf(tt)>=0){var s=n.getResponseHeader(tt);s&&((0,S.p)("sm",["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=s.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",a),r.on("open-xhr-start",o),r.on("open-xhr-end",d),r.on("send-xhr-start",l),r.on("setRequestHeader-xhr-start",u),r.on("xhr-cb-time",f),r.on("xhr-load-added",h),r.on("xhr-load-removed",p),r.on("xhr-resolved",m),r.on("addEventListener-end",v),r.on("removeEventListener-end",y),r.on("fn-end",E),r.on("fetch-before-start",w),r.on("fetch-start",R),r.on("fn-start",b),r.on("fetch-done",T)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>r.e(478).then(r.bind(r,3845)))}}const it={},st=["pushState","replaceState"];function at(e,t){const r=function(e){return(e||R.ee).get("history")}(e);return!g.RI||it[r.debugId]++||(it[r.debugId]=1,(0,Pe.YM)(r,void 0,t).inPlace(window.history,st,"-")),r}var ot=r(3738);function ct(e){(0,N.Y)(k.BL,function(r=Date.now()){const n=r-g.WN;n<0&&(0,l.R)(62,r),(0,S.p)(q.XG,[k.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:k.BL,start:r,origin:"nr"}),(0,S.p)("api-"+k.hG,[n,k.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:dt,bD:ut,d3:lt,Kp:ft,TZ:ht,Lc:pt,uP:gt,Rz:mt}=ot;class vt extends W{static featureName=ht;constructor(e){var n;super(e,ht),n=e,(0,N.Y)(k.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const r={n:e.name,s:e.start-g.WN,e:(e.end||e.start)-g.WN,o:e.origin||"",t:"api"};r.s<0||r.e<0||r.e<r.s?(0,l.R)(61,{start:r.s,end:r.e}):(0,S.p)("bstApi",[r],void 0,t.K7.sessionTrace,n.ee)},n),ct(e);
3if(!(0,j.V)(e.init))return void this.deregisterDrain();const i=this.ee;let s;at(i,e),this.eventsEE=(0,Me.u)(i,e),this.eventsEE.on(gt,function(e,t){this.bstStart=(0,_.t)()}),this.eventsEE.on(pt,function(e,r){(0,S.p)("bst",[e[0],r,this.bstStart,(0,_.t)()],void 0,t.K7.sessionTrace,i)}),i.on(mt+lt,function(e){this.time=(0,_.t)(),this.startPath=location.pathname+location.hash}),i.on(mt+ft,function(e){(0,S.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,i)});try{s=new PerformanceObserver(e=>{const r=e.getEntries();(0,S.p)(dt,[r],void 0,t.K7.sessionTrace,i)}),s.observe({type:ut,buffered:!0})}catch(e){}this.importAggregator(e,()=>r.e(478).then(r.bind(r,6974)),{resourceObserver:s})}}var yt=r(733),bt=r(6344);class Et extends W{static featureName=bt.TZ;#i;recorder;constructor(e){var n;let i;super(e,bt.TZ),n=e,(0,N.Y)(k.CH,function(){(0,S.p)(k.CH,[],void 0,t.K7.sessionReplay,n.ee)},n),function(e){(0,N.Y)(k.Tb,function(){(0,S.p)(k.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);const s="".concat(u.Wt).concat((0,yt.Y)(e.info.licenseKey,e.info.applicationID));try{i=JSON.parse(localStorage.getItem(s))}catch(e){}(0,I.SR)(e.init)&&this.ee.on(k.CH,()=>this.#s()),this.#a(i)&&this.importRecorder().then(e=>{e.startRecording(bt.Qb.PRELOAD,i?.sessionReplayMode)}),this.abortHandler=this.#n,this.importAggregator(this.agentRef,()=>r.e(478).then(r.bind(r,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,S.p)(bt.Vh,[e],void 0,this.featureName,this.ee))})}#a(e){return e&&(e.sessionReplayMode===u.g.FULL||e.sessionReplayMode===u.g.ERROR)||(0,I.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#i??=Promise.all([r.e(478),r.e(249)]).then(r.bind(r,4866)).then(({Recorder:e})=>(this.recorder=new e(this),this.recorder)).catch(e=>{throw this.ee.emit("internal-error",[e]),this.blocked=!0,e}),this.#i)}#s(){this.blocked||(this.featAggregate?this.featAggregate.mode!==u.g.FULL&&this.featAggregate.initializeRecording(u.g.FULL,!0,bt.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(bt.Qb.API,u.g.FULL)}))}#n(){this.recorder?.stopRecording()}}var wt=r(3962);class Rt extends W{static featureName=wt.TZ;constructor(e){if(super(e,wt.TZ),function(e){const r=e.ee.get("tracer");function n(){}(0,N.Y)(k.dT,function(e){return(new n).get("object"==typeof e?e:{})},e);const i=n.prototype={createTracer:function(n,i){var s={},a=this,o="function"==typeof i;return(0,S.p)(q.xV,["API/createTracer/called"],void 0,t.K7.metrics,e.ee),function(){if(r.emit((o?"":"no-")+"fn-start",[(0,_.t)(),a,o],s),o)try{return i.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw r.emit("fn-err",[arguments,this,t],s),t}finally{r.emit("fn-end",[(0,_.t)()],s)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach(r=>{N.Y.apply(this,[r,function(){return(0,S.p)(k.hw+r,[performance.now(),...arguments],this,t.K7.softNav,e.ee),this},e,i])}),(0,N.Y)(k.PA,function(){(0,S.p)(k.hw+"routeName",[performance.now(),...arguments],void 0,t.K7.softNav,e.ee)},e)}(e),!g.RI||!(0,i.dV)().o.MO)return;const n=at(this.ee,e);try{this.removeOnAbort=new AbortController}catch(e){}wt.tC.forEach(e=>{(0,J.sp)(e,e=>{c(e)},!0,this.removeOnAbort?.signal)}
3);const s=()=>(0,S.p)("newURL",[(0,_.t)(),""+window.location],void 0,this.featureName,this.ee);n.on("pushState-end",s),n.on("replaceState-end",s),(0,J.sp)(wt.OV,e=>{c(e),(0,S.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)},!0,this.removeOnAbort?.signal);let a=!1;const o=new((0,i.dV)().o.MO)((e,t)=>{a||(a=!0,requestAnimationFrame(()=>{(0,S.p)("newDom",[(0,_.t)()],void 0,this.featureName,this.ee),a=!1}))}),c=(0,C.s)(e=>{"loading"!==document.readyState&&((0,S.p)("newUIEvent",[e],void 0,this.featureName,this.ee),o.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),o.disconnect(),this.abortHandler=void 0},this.importAggregator(e,()=>r.e(478).then(r.bind(r,4393)),{domObserver:o})}}var Tt=r(981);const At={},St=new Set;function xt(e){return"string"==typeof e?{type:"string",size:(new TextEncoder).encode(e).length}:e instanceof ArrayBuffer?{type:"ArrayBuffer",size:e.byteLength}:e instanceof Blob?{type:"Blob",size:e.size}:e instanceof DataView?{type:"DataView",size:e.byteLength}:ArrayBuffer.isView(e)?{type:"TypedArray",size:e.byteLength}:{type:"unknown",size:0}}class Ot{constructor(e,t){this.timestamp=(0,_.t)(),this.currentUrl=(0,Ee.L)(window.location.href),this.socketId=(0,ye.LA)(8),this.requestedUrl=(0,Ee.L)(e),this.requestedProtocols=Array.isArray(t)?t.join(","):t||"",this.openedAt=void 0,this.protocol=void 0,this.extensions=void 0,this.binaryType=void 0,this.messageOrigin=void 0,this.messageCount=0,this.messageBytes=0,this.messageBytesMin=0,this.messageBytesMax=0,this.messageTypes=void 0,this.sendCount=0,this.sendBytes=0,this.sendBytesMin=0,this.sendBytesMax=0,this.sendTypes=void 0,this.closedAt=void 0,this.closeCode=void 0,this.closeReason="unknown",this.closeWasClean=void 0,this.connectedDuration=0,this.hasErrors=void 0}}class _t extends W{static featureName=o.TZ;constructor(e){super(e,o.TZ);const n=e.init.feature_flags.includes("websockets")||e.init.web_sockets?.enabled,s=!e.init.feature_flags.includes("no_spv"),a=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.performance.resources.enabled,e.init.user_actions.enabled,n,s];var c;let d;if(c=e,(0,N.Y)(k.hG,(e,t)=>ce(e,t,c),c),function(e){(0,N.Y)(k.fF,(t,r)=>ue(t,r,e),e)}(e),ct(e),Se(e),function(e){(0,N.Y)(k.V1,(t,r)=>de(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},n){const u=function(e,t){if(!(0,i.dV)().o.WS)return e;const r=e.get("websockets");if(At[r.debugId]++)return r;At[r.debugId]=1,(0,V.G)(()=>{const e=(0,_.t)();St.forEach(t=>{t.nrData.closedAt=e,t.nrData.closeCode=1001,t.nrData.closeReason="Page navigating away",t.nrData.closeWasClean=!1,t.nrData.openedAt&&(t.nrData.connectedDuration=e-t.nrData.openedAt),r.emit("ws",[t.nrData,t.targets],t)})});
3class n extends WebSocket{static name=Tt.R.WS;static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return n.name}#o(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new Ot(e[0],e[1]),this.targets=(0,Ie.$5)(t),this.addEventListener("open",()=>{this.nrData.openedAt=(0,_.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),St.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=xt(e.data);this.nrData.messageOrigin??=(0,Ee.L)(e.origin),this.nrData.messageCount++,this.nrData.messageBytes+=r,this.nrData.messageBytesMin=Math.min(this.nrData.messageBytesMin||1/0,r),this.nrData.messageBytesMax=Math.max(this.nrData.messageBytesMax,r),(this.nrData.messageTypes??"").includes(t)||(this.nrData.messageTypes=this.nrData.messageTypes?"".concat(this.nrData.messageTypes,",").concat(t):t)}),this.addEventListener("close",e=>{this.nrData.closedAt=(0,_.t)(),this.nrData.closeCode=e.code,e.reason&&(this.nrData.closeReason=e.reason),this.nrData.closeWasClean=e.wasClean,this.nrData.connectedDuration=this.nrData.closedAt-this.nrData.openedAt,St.delete(this),r.emit("ws",[this.nrData,this.targets],this)})}addEventListener(e,t,...r){const n=this,i="function"==typeof t?function(...e){try{return t.apply(this,e)}catch(e){throw n.#o(e),e}}:t?.handleEvent?{handleEvent:function(...e){try{return t.handleEvent.apply(t,e)}catch(e){throw n.#o(e),e}}}:t;return super.addEventListener(e,i,...r)}send(e){if(this.readyState===WebSocket.OPEN){const{type:t,size:r}=xt(e);this.nrData.sendCount++,this.nrData.sendBytes+=r,this.nrData.sendBytesMin=Math.min(this.nrData.sendBytesMin||1/0,r),this.nrData.sendBytesMax=Math.max(this.nrData.sendBytesMax,r),(this.nrData.sendTypes??"").includes(t)||(this.nrData.sendTypes=this.nrData.sendTypes?"".concat(this.nrData.sendTypes,",").concat(t):t)}try{return super.send(e)}catch(e){throw this.#o(e),e}}close(...e){try{super.close(...e)}catch(e){throw this.#o(e),e}}}return g.gm.WebSocket=n,r}(this.ee,e);u.on("ws",(e,t)=>{(0,S.p)("ws-complete",[e,t],void 0,this.featureName,this.ee)})}if(s){if("function"==typeof g.gm.ReportingObserver){const l=new g.gm.ReportingObserver(e=>{e.forEach(e=>{(0,S.p)("spv",[kt(e),(0,_.t)()],void 0,t.K7.genericEvents,this.ee)}),l.disconnect()},{types:["csp-violation"],buffered:!0});l.observe()}g.gm.addEventListener("securitypolicyviolation",e=>{(0,S.p)("spv",[kt(e),e.timeStamp],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal))}if(g.RI){if(ze(this.ee,e),De(this.ee,e),d=at(this.ee,e),e.init.user_actions.enabled){function f(t){const r=(0,Ge.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function h(){d.emit("navChange")}o.Zp.forEach(e=>(0,J.sp)(e,e=>(0,S.p)("ua",[e],void 0,this.featureName,this.ee),!0)),o.qN.forEac
3h(e=>{const t=(0,C.s)(e=>{(0,S.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,J.sp)(e,t)}),g.gm.addEventListener("error",()=>{(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{f(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!f(Ze(e[0]))&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),d.on("pushState-end",h),d.on("replaceState-end",h),window.addEventListener("hashchange",h,(0,J.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",h,(0,J.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&g.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{(0,S.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)})}).observe({type:"resource",buffered:!0})}}a.some(e=>e)?this.importAggregator(e,()=>r.e(478).then(r.bind(r,8019))):this.deregisterDrain()}}function kt(e){const t=e.body??e;return{blockedUrl:t.blockedURL??e.blockedURI,documentUrl:t.documentURL??e.documentURI,effectiveDirective:t.effectiveDirective,originalPolicy:t.originalPolicy,sourceFile:t.sourceFile,statusCode:t.statusCode,lineNumber:t.lineNumber,columnNumber:t.columnNumber,disposition:"reporting"===t.disposition?"report":t.disposition,sample:t.sample,referrer:t.referrer}}var Nt=r(2646);const Lt=new Map;function Mt(e,t,r,n,i=!0,s){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const a=function(e){return(e||R.ee).get("logger")}(e),o=(0,Pe.YM)(a,void 0,s),c=new Nt.y(R.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=i;const d=t[r]?.[Pe.Jt]||t[r];return Lt.set(d,c),o.inPlace(t,[r],"wrap-logger-",()=>Lt.get(d),void 0,!0),a}var Pt=r(1910);class It extends W{static featureName=se.TZ;constructor(e){var t;super(e,se.TZ),t=e,(0,N.Y)("log",(e,r)=>oe(e,r,t),t),function(e){(0,N.Y)(k.Wb,(t,r,{customAttributes:n={},level:i=se.p_.INFO}={})=>{Mt(e.ee,t,r,{customAttributes:n,level:i},!1,e)},e)}(e),Se(e);const n=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,Pt.i)(g.gm.console[t]),Mt(n,g.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([t],r,i,s=[e.runtime.v2Target]){const{level:a,customAttributes:o,autoCaptured:c}=this;s.forEach(e=>{(0,ae.R)(n,t,o,a,c,e)})}),this.importAggregator(e,()=>r.e(478).then(r.bind(r,5288)))}}new F({features:[nt,K,G,vt,Et,Y,Oe,_t,It,Rt],loaderType:"spa"})})()})();</script>
3
3<script> dataLayer = [{ 'analyticsaccount': "G-JCV7KVDG1C", 'userid': "", 'useremail': "" }]; </script>
3<script>
vendor: 375 bytes, line 3
3 (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "
3GTM-NCV34D
vendor: 4 bytes, line 3
3");
3</script>
3 <!-- start head_html --> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 4<link href="/media/favicon.ico" rel="shortcut icon" type="image/x-icon"> 5 6 7 8<!-- Begin eTrusted bootstrap tag -->
9<script src="https://integrations.etrusted.com/applications/widget.js/v2" async defer></script>
9 10<!-- End eTrusted bootstrap tag --> 11 12<!-- Hotjar Tracking Code for Simply Colors -->
13<script>
vendor: 128 bytes, lines 13-16
13 14 (function(h,o,t,j,a,r){ 15 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 16 h._hjSettings={hjid:
162874855
vendor: 264 bytes, lines 16-21
16,hjsv:6}; 17 a=o.getElementsByTagName('head')[0]; 18 r=o.createElement('script');r.async=1; 19 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 20 a.appendChild(r); 21 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
22</script>
22 <!-- end head_html --> <link rel="stylesheet" href="/_/kcbootstrap/dist/css/app.css?v=2026.38.0" /> <link rel="stylesheet" type="text/css" media="screen" href="/common/modal.css?1d1222bb" /> <link rel="stylesheet" type="text/css" media="screen" href="/common/main.css?0180e878" /> <link rel="stylesheet" href="https://kit.fontawesome.com/06c0323ca4.css" crossorigin="anonymous" /> <link rel="stylesheet" href="/site_css?v=3022" /> <link rel="stylesheet" href="/common/temp-refactoring-2023/base-site-css.css?1db7b755" /> <link rel="stylesheet" href="/common/temp-refactoring-2023/breadcrumb-site-css.css?9c5ebfc7" /> <link rel="stylesheet" href="/custom_css?v=3022" /> <link rel="stylesheet" href="/common/temp-refactoring-2026/overwrite-base-styling.css?a9cbef5c" />
22<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous" ></script>
22
22<script src="/js/kc-public-cache.js?340d9d48"></script>
22
22<script src="/common/components-js/menu_widget.js?2033fa8d"></script>
22
22<script src="/common/components-js/smooth-anchorlink-scroll.js?e2d1402e"></script>
22
22<script src="/common/components-js/account-menu.js?d0dba155"></script>
22
22<script type="module" src="/js/sp-web-components/sp-web-components/sp-web-components.esm.js?40d7fb3b"></script>
22 <!-- prettier-ignore-start -->
22<script> var isLoggedIn = false; var basket_count = 0; var is_reseller = false; var shopLoginDialog = true; </script>
22 <!-- prettier-ignore-end -->
22<script> facebookDataLayer = { pixel_id: "5206410252817931", events: {} }; </script>
22 <!-- start ab tests tool script --> <!-- begin Convert Experiences code-->
22<script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10047834-100415098.js?environment=production"></script>
22<!-- end Convert Experiences code --> <!-- end ab tests tool script --> <title>Inloggen</title> </head> <body id='body_login'>
vendor: 70 bytes, line 22
22 <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=
22GTM-NCV34D
vendor: 88 bytes, line 22
22" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript>
22<div class="navigation-bar"> <!-- start widget group id: 2024 --> <div class="navigation-bar-header d-none d-lg-block " > <div class="navigation-bar-container"> <!-- start widget id: 6469 --> <div class="navigation-bar-group navigation-top-bar justify-content-center" style="max-width: 100%; margin: auto; gap: 24px;"> 23 24 <div class="navigation-bar-item justify-content-center" style="display: flex; align-items: flex-start;"> 25 <a href="/"> <i style="color: #EF5C53" class="fa-solid fa-circle-heart"></i>Gratis verzending vanaf â¬50</a></div> 26 27 <div class="navigation-bar-item justify-content-center"> 28 <a href="/"><i style="color: #9DCC38" class="fa-solid fa-circle-camera"></i>Met foto's, eigen tekst of print</a></div> 29 30 <div class="navigation-bar-item justify-content-center"> 31 <a href="/"><i style="color: #FDD444" class="fa-solid fa-circle-star"></i> Snel en makkelijk zelf ontwerpen</a></div> 32 </div> <!-- end widget id: 6469 --> </div> </div> <!-- end widget group id: 2024 --> <!-- start widget group id: 2025 --> <div class="navigation-bar-header d-lg-none " > <div class="navigation-bar-container"> <!-- start widget id: 6468 --> <div class="navigation-bar-group justify-content-center hideAll" id="delay-html" style="max-width: 100%; max-height: 30px; margin: auto; gap: 24px; background-color: #f5f5f5"> 33 <div class="swiper-container swiper-container-rail swiper-container-initialized swiper-container-horizontal swiper-container-free-mode usp-swiper-topbar display-md-none" style="cursor: grab;"> 34 <div aria-live="polite" class="swiper-wrapper" id="swiper-wrapper" style="transition: all 0ms ease 0s; transform: translate3d(0px, 0px, 0px);"> 35 36 <div class="swiper-slide"> 37 <div class="navigation-bar-item justify-content-center" style="display: flex; align-items: flex-start;"> 38 <span style="display: flex; align-items: flex-start; line-height: 18px; text-decoration: none;"> 39 <i style="color: #EF5C53" class="fa-solid fa-circle-heart"></i> 40 <a data-clicktracking="header-desk-verzending" href="/bezorging" style="line-height: 18px; text-decoration: none; font-size: 13px;">Gratis verzending vanaf â¬50</a> 41 </span> 42 </div> 43 </div> 44 45 <div class="swiper-slide"> 46 <div class="navigation-bar-item justify-content-center"> 47 <span style="display: flex; align-items: flex-start; line-height: 18px; text-decoration: none;"> 48 <i style="color: #9DCC38" class="fa-solid fa-circle-camera"></i> 49 <a data-clicktracking="header-desk-verzending" href="/ontwerpen-tips" style="line-height: 18px; text-decoration: none; font-size: 13px;">Met foto's, eigen tekst of print</a> 50 </span> 51 </div> 52 </div> 53 54 <div class="swiper-slide"> 55 <div class="navigation-bar-item justify-content-center"> 56 <span style="display: flex; align-items: flex-start; line-height: 18px; text-decoration: none;"> 57 <i style="color: #FDD444" class="fa-solid fa-circle-star"></i> 58 <a data-clicktracking="header-desk-bulbby" href="/over-ons" style="line-height: 18px; text-decoration: none; font-size: 13px;">Snel en makkelijk zelf ontwerpen</a> 59 </span> 60 </div> 61 </div> 62 63 </div> 64 </div> 65</div> 66
67<script type="text/javascript"> 68 $(document).ready(function () { 69 $("#delay-html").removeClass("hideAll"); 70 }); 71</script>
71 72 <!-- end widget id: 6468 --> </div> </div> <!-- end widget group id: 2025 --> <!-- start widget group id: 2165 --> <div class="navigation-bar-body d-none d-lg-block navigation-bar-toggle-offset" > <a class="navigation-bar-item navigation-bar-toggle" href="#" data-testid="navigation-bar-hamburger"> <i class="shopicons shopicons-hamburger"></i> </a> <div class="navigation-bar-container"> <div class="navigation-bar-group navigation-bar-group-logo d-lg-none"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" data-testid="navigation-bar-logo" > <img src="https://shared.s3.exonet.io/13304-kc-mobile-shop-logo/mobile_shop_logo/216b0f86ddb98395bafb2272b5aa7674" alt="Simply Colors" /> </a> </div> <!-- start widget id: 6790 --> <div class="navigation-bar-group navigation-bar-group-logo d-none navigation-bar-group-logo-md d-lg-flex"> <a class="navigation-bar-item navigation-bar-item-logo" href="/"> <img src="/media/13304-kc-media/logo.png" alt="Simply Colors"></a> </div> <!-- end widget id: 6790 --> <!-- start widget id: 6789 --> <form action="/zoeken" class="navigation-bar-group navigation-bar-group-search navigation-bar-group-search-desk "> <div class="navigation-bar-dropdown dropdown-search dropdown-search-visible"> <a class="navigation-bar-item navigation-bar-dropdown-toggle" href="#"> <i class="shopicons shopicons-search"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-input-group"> <span class="navigation-bar-item flex-0"> <i class="shopicons shopicons-search"></i> </span> <input autocomplete="off" class="navigation-bar-input m-0" name="qry" placeholder="Waar ben je naar op zoek?" type="text"> </div> </div> </div> </form> <!-- end widget id: 6789 --> <!-- start widget id: 6881 --> <a href="https://www.keurmerk.info/webwinkel/?key=13852&pagina=1" class="me-2" target="_blank" style=" 73 display: flex;
74 align-items: center; 75 align-content: center; 76 flex-direction: row; 77"> 78<img src="/media/webshopkeurmerk.png" width="80px> 79</a> <!-- end widget id: 6881 --> <div class="navigation-bar-group navigation-bar-group-static-menu flex-0" > <a class="navigation-bar-item navigation-bar-login" data-testid="navigation-bar-account-menu-login" href="/login" data-bs-toggle="modal" data-bs-target="#loginModal" > <i class="shopicons shopicons-person"></i> <span class="navigation-bar-label" id="navigation-bar-login"> Inloggen </span> </a> <a class="navigation-bar-item navigation-bar-basket" href="/create/basket" data-testid="navigation-bar-account-menu-basket" > <i class="fa-regular fa-basket-shopping fa-lg"></i> <span class="navigation-bar-badge navigation-bar-basket-count"> 0 </span> </a> </div> </div> </div> <!-- end widget group id: 2165 --> <!-- start widget group id: --> <div class="navigation-bar-body d-lg-none navigation-bar-toggle-offset" > <a class="navigation-bar-item navigation-bar-toggle" href="#" data-testid="navigation-bar-hamburger"> <i class="shopicons shopicons-hamburger"></i> </a> <div class="navigation-bar-container"> <div class="navigation-bar-group navigation-bar-group-logo d-lg-none"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" data-testid="navigation-bar-logo" > <img src="https://shared.s3.exonet.io/13304-kc-mobile-shop-logo/mobile_shop_logo/216b0f86ddb98395bafb2272b5aa7674" alt="Simply Colors" /> </a> </div> <div class="navigation-bar-group navigation-bar-group-static-menu " > <a class="navigation-bar-item navigation-bar-login" data-testid="navigation-bar-account-menu-login" href="/login" data-bs-toggle="modal" data-bs-target="#loginModal" > <i class="shopicons shopicons-person"></i> <span class="navigation-bar-label" id="navigation-bar-login"> Inloggen </span> </a> <a class="navigation-bar-item navigation-bar-basket" href="/create/basket" data-testid="navigation-bar-account-menu-basket" > <i class="fa-regular fa-basket-shopping fa-lg"></i> <span class="navigation-bar-badge navigation-bar-basket-count"> 0 </span> </a> </div> </div> </div> <!-- end widget group id: --> <!-- start widget group id: 2086 --> <div class="navigation-bar-footer d-none d-lg-block " > <div class="navigation-bar-container"> <div class="hamburger-header"> <a class="hamburger-close d-block ms-auto" data-testid="navigation-bar-hamburger-close" ><i class="shopicons shopicons-close"></i ></a> </div> <div class="navigation-bar-group navigation-bar-group-logo d-none d-lg-flex"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" data-testid="navigation-bar-shop-logo" > <img src="https://shared.s3.exonet.io/13304-kc-shop-logo/shop_logo/216b0f86ddb98395bafb2272b5aa7674" alt="Simply Colors" /> </a> </div> <div class="navigation-bar-collapse"> <!-- start widget id: 6601 --> <div class="mega-navbar"> <ul class="mega-navbar-items"> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/back-to-school" data-testid="mega-navbar-item-school" >School </a> <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid"> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/school" data-testid="nested-grid-item-school" >School</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/etui" data-testid="nested-link-etuis" >Etuis</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/naamstickers" data-testid="nested-link-naamstickers" >Naamstickers</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sleutelhanger" data-testid="nested-link-sleutelhangers" >Sleutelhangers</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/notitieboekje-met-naam" data-testid="nested-link-notitieboeken" >Notitieboeken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/afstuderen" data-testid="nested-link-afstuderen" >Afstuderen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/back-to-school-set" data-testid="nested-link-bekijk-alle-schoolsets" >Bekijk alle schoolsets</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sale" data-testid="nested-link-sale" >SALE</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/schooltassen" data-testid="nested-grid-item-schooltassen" >
79Schooltassen</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kinderrugzak" data-testid="nested-link-kinderrugzakken" >Kinderrugzakken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/teddy-tas" data-testid="nested-link-teddy-tassen" >Teddy tassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/gymtas-met-naam" data-testid="nested-link-gymtassen" >Gymtassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/bulbby-kindertas" data-testid="nested-link-bulbby-tassen" >Bulbby tassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/back-to-school-set" data-testid="nested-link-bekijk-alle-schoolsets" >Bekijk alle schoolsets</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/alle-fotoproducten?filters=school" data-testid="nested-grid-item-met-foto" >Met foto</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/broodtrommel" data-testid="nested-link-broodtrommels" >Broodtrommels</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kinderrugzak" data-testid="nested-link-kinderrugzakken" >Kinderrugzakken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/naamstickers" data-testid="nested-link-naamstickers" >Naamstickers</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/broodtrommels-drinkbekers" data-testid="nested-grid-item-broodtrommels-en-drinkbekers" >Broodtrommels en drinkbekers</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/broodtrommel" data-testid="nested-link-broodtrommels" >Broodtrommels</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/drinkbeker" data-testid="nested-link-drinkbekers" >Drinkbekers</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/rvs-drinkfles" data-testid="nested-link-rvs-drinkfles" >RVS drinkfles</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/waterfles" data-testid="nested-link-waterflessen" >Waterflessen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/fruitbox-met-naam" data-testid="nested-link-fruitboxjes" >Fruitboxjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/mepal-lunchpot" data-testid="nested-link-lunchpotten" >Lunchpotten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/back-to-school-set" data-testid="nested-link-bekijk-alle-schoolsets" >Bekijk alle schoolsets</a > </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/verjaardag" data-testid="mega-navbar-item-voor-wie" >Voor wie </a> <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid"> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/verjaardag" data-testid="nested-grid-item-cadeaus-voor" >Cadeaus voor</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geboorte" data-testid="nested-link-voor-baby's" >Voor baby's</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/cadeau-kind" data-testid="nested-link-voor-kinderen" >Voor kinderen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/cadeau-voor-hem" data-testid="nested-link-voor-hem" >Voor hem</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/cadeau-voor-haar" data-testid="nested-link-voor-haar" >Voor haar</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/zakelijk" data-testid="nested-link-voor-bedrijven" >Voor bedrijven</a > </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/feestmomenten" data-testid="mega-navbar-item-momenten" >Momenten </a> <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid"> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/geboorte" data-testid="nested-grid-item-kraamcadeaus" >Kraamcadeaus</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geboortebeer" data-testid="nested-link-geboorteberen" >Geboorteberen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/herinneringskist" data-testid="nested-link-houten-herinneringskisten" >Houten herinneringskisten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/babymutsje-met-naam" data-testid="nested-link-mutsjes" >Mutsjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/rompertje-met-naam" data-testid="nested-link-rompertjes" >Rompertjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/knuffel" data-testid="nested-link-knuffels" >Knuffels</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/verjaardag" data-testid="nested-grid-item-verjaardag" >Verjaardag</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/cadeau-kind" data-testid="nested-link-cadeaus-voor-kinderen" >Cadeaus voor kinderen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/cadeau-volwassen" data-testid="nested-link-cadeaus-voor-volwassenen" >Cadeaus voor volwassenen</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/trouwen" data-testid="nested-grid-item-trouwen" >Trouwen</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/enveloppendoos" data-testid="nested-link-enveloppendozen" >Enveloppendozen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/notitieboek" data-testid="nested-link-notitieboeken" >Notitieboeken</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/cadeauverpakking" data-testid="nested-grid-item-cadeauverpakking" >Cadeauverpakking</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/wenskaarten" data-testid="nested-link-wenskaarten" >Wenskaarten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/cadeaudoos" data-testid="nested-link-cadeaudozen" >Cadeaudozen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/houten-wijnkist" data-testid="nested-link-houten-wijnkisten" >Houten wijnkisten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/cadeautas" data-testid="nested-link-cadeautassen" >Cadeautassen</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/alle-fotoproducten" data-testid="nested-grid-item-met-foto" >Met foto</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/rompertje-met-naam" data-testid="nested-link-rompertjes" >Rompertjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/herinneringskist" data-testid="nested-link-herinneringskisten" >Herinneringskisten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/cadeaudoos" data-testid="nested-link-cadeaudozen" >Cadeaudozen</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" data-testid="nested-grid-item-feestdagen" >Feestdagen</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sinterklaas" data-testid="nested-link-sinterklaas" >Sinterklaas</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kerst" data-testid="nested-link-kerst" >Kerst</a > </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/wonen-decoratie" data-testid="mega-navbar-item-wonen-en-decoratie" >Wonen en decoratie </a> <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid"> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/kinderkamer" data-testid="nested-grid-item-kinderkamer" >Kinderkamer</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/beddengoed" data-testid="nested-link-beddengoed" >Beddengoed</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/lampje" data-testid="nested-link-lampjes" >Lampjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/groeimeter-met-naam" data-testid="nested-link-groeimeters" >Groeimeters</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/opbergen" data-testid="nested-grid-item-opbergen-en-bewaren" >Opbergen en bewaren</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/katoenen-opbergzak-met-naam" data-testid="nested-link-opbergzakken" >Opbergzakken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/herinneringskist" data-testid="nested-link-herinneringskisten" >Herinneringskisten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/houten-bewaarbundel" data-testid="nested-link-bewaarbundels" >Bewaarbundels</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/woonaccessoires" data-testid="nested-grid-item-woonaccessoires" >Woonaccessoires</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/waxinelichthouder" data-testid="nested-link-waxinelichthouders" >Waxinelichthouders</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/wanddecoratie" data-testid="nested-grid-item-wanddecoratie" >Wanddecoratie</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/groeimeter-met-naam" data-testid="nested-link-groeimeters" >Groeimeters</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/canvas-poster-met-naam" data-testid="nested-link-canvas-posters" >Canvas posters</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/tegel-met-naam" data-testid="nested-link-tegeltjes" >Tegeltjes</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/accessoires" data-testid="nested-grid-item-accessoires" >Accessoires</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/tandendoosje" data-testid="nested-link-tandendoosjes" >Tandendoosjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/spaarpot-met-naam" data-testid="nested-link-spaarpotten" >Spaarpotten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/schatkistje" data-testid="nested-link-schatkistjes" >Schatkistjes</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/alle-fotoproducten?filters=wonen-decoratie" data-testid="nested-grid-item-met-foto" >Met foto</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/katoenen-opbergzak-met-naam" data-testid="nested-link-opbergzakken" >Opbergzakken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/herinneringskist" data-testid="nested-link-herinneringskisten" >Herinneringskisten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/canvas-poster-met-naam" data-testid="nested-link-canvas-posters" >Canvas posters</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/tegel-met-naam" data-testid="nested-link-tegeltjes" >Tegeltjes</a > </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/kleding-textiel" data-testid="mega-navbar-item-kleding" >Kleding </a> <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid"> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/babykleding" data-testid="nested-grid-item-babykleding" >Babykleding</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/babymutsje-met-naam" data-testid="nested-link-mutsjes" >Mutsjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/rompertje-met-naam" data-testid="nested-link-rompertjes" >Rompertjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/slabbetje" data-testid="nested-link-slabbetjes" >Slabbetjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sale" data-testid="nested-link-sale" >SALE</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/bad-verzorging" data-testid="nested-grid-item-bad-en-verzorging" >Bad en verzorging</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hydrofieldoek" data-testid="nested-link-hydrofiele-doeken" >Hydrofiele doeken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kinderbadjas-met-naam" data-testid="nested-link-kinderbadjassen" >Kinderbadjassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/badcape-met-naam" data-testid="nested-link-badcapes" >Badcapes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/badponch
79o-met-naam" data-testid="nested-link-badponcho's" >Badponcho's</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sporthanddoek" data-testid="nested-link-sporthanddoeken" >Sporthanddoeken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/slippers-met-naam" data-testid="nested-link-slippers" >Slippers</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/alle-fotoproducten?filters=kleding-textiel" data-testid="nested-grid-item-met-foto" >Met foto</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/rompertje-met-naam" data-testid="nested-link-rompertjes" >Rompertjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/slippers-met-naam" data-testid="nested-link-slippers" >Slippers</a > </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/eten-drinken" data-testid="mega-navbar-item-eten-en-drinken" >Eten en drinken </a> <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid"> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/koken-tafelen" data-testid="nested-grid-item-koken-en-tafelen" >Koken en tafelen</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kookschort" data-testid="nested-link-kookschorten" >Kookschorten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/tafeltextiel" data-testid="nested-link-tafeltextiel" >Tafeltextiel</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/glazen-pot-met-naam" data-testid="nested-link-glazen-potten" >Glazen potten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/borrelplank" data-testid="nested-link-borrelplanken" >Borrelplanken</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/servies" data-testid="nested-grid-item-servies" >Servies</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/waterglas-met-naam" data-testid="nested-link-waterglazen" >Waterglazen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/wijnglas-met-naam" data-testid="nested-link-wijnglazen" >Wijnglazen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/bierglas-met-naam" data-testid="nested-link-bierglazen" >Bierglazen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/drankglas" data-testid="nested-link-drankglazen" >Drankglazen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/mokken-met-naam" data-testid="nested-link-mokken" >Mokken</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/kinderservies" data-testid="nested-grid-item-kinderservies" >Kinderservies</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kinderbeker" data-testid="nested-link-bekertjes" >Bekertjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kinderbordje" data-testid="nested-link-bordjes" >Bordjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kinderkommetje" data-testid="nested-link-kommetjes" >Kommetjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kinderbestek" data-testid="nested-link-bestek" >Bestek</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/mepal-kinderbeker" data-testid="nested-link-drinkbekers" >Drinkbekers</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/eetw
79aren-drinkwaren" data-testid="nested-grid-item-eten-en-drinken" >Eten en drinken</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/chocolade-met-naam" data-testid="nested-link-chocolade" >Chocolade</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/alle-fotoproducten?filters=eten-drinken" data-testid="nested-grid-item-met-foto" >Met foto</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/mokken-met-naam" data-testid="nested-link-mokken" >Mokken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kookschort" data-testid="nested-link-kookschorten" >Kookschorten</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kinderbordje" data-testid="nested-link-kinderbordjes" >Kinderbordjes</a > </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/speelgoed" data-testid="mega-navbar-item-speelgoed" >Speelgoed </a> <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid"> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/speelgoed-knutselen" data-testid="nested-grid-item-speelgoed-en-knutselen" >Speelgoed en knutselen</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/houten-speelgoed" data-testid="nested-link-houten-speelgoed" >Houten speelgoed</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/houten-blokken" data-testid="nested-link-houten-blokken" >Houten blokken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/knutseldoos" data-testid="nested-link-knutseldozen" >Knutseldozen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/tekendoos" data-testid="nested-link-tekendozen" >Tekendozen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/speelgoed-koffertje" data-testid="nested-link-speelgoed-koffertjes" >Speelgoed koffertjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/little-dutch-speelgoed" data-testid="nested-link-little-dutch" >Little Dutch</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sale" data-testid="nested-link-sale" >SALE</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/knuffel-met-naam" data-testid="nested-grid-item-knuffels" >Knuffels</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/knuffel" data-testid="nested-link-knuffels" >Knuffels</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/happy-horse-knuffeldoekje" data-testid="nested-link-knuffeldoekjes" >Knuffeldoekjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geboortebeer" data-testid="nested-link-geboorteberen" >Geboorteberen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/happy-horse-knuffels-met-naam" data-testid="nested-link-happy-horse-knuffels" >Happy Horse knuffels</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/alle-fotoproducten?filters=speelgoed" data-testid="nested-grid-item-met-foto" >Met foto</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/knutseldoos" data-testid="nested-link-knutseldozen" >Knutseldozen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/tekendoos" data-testid="nested-link-te
79kendozen" >Tekendozen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/speelgoed-koffertje" data-testid="nested-link-speelgoedkoffertjes" >Speelgoedkoffertjes</a > </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/tassen-reizen" data-testid="mega-navbar-item-tassen-en-reizen" >Tassen en reizen </a> <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid"> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/tassen" data-testid="nested-grid-item-tassen" >Tassen</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kinderrugzak" data-testid="nested-link-kinderrugzakken" >Kinderrugzakken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/teddy-tas" data-testid="nested-link-teddy-tassen" >Teddy tassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sporttas" data-testid="nested-link-sporttassen" >Sporttassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/shopper" data-testid="nested-link-shoppers" >Shoppers</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/luizenzak" data-testid="nested-link-luizenzakken" >Luizenzakken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sale" data-testid="nested-link-sale" >SALE</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/reizen-onderweg" data-testid="nested-grid-item-reizen-en-onderweg" >Reizen en onderweg</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/trolley" data-testid="nested-link-trolleys" >Trolleys</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/xl-trolley" data-testid="nested-link-xl-trolleys" >XL Trolleys</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/toilettas" data-testid="nested-link-toilettassen" >Toilettassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/koffertje-met-naam" data-testid="nested-link-koffertjes" >Koffertjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/portemonnee-met-naam" data-testid="nested-link-portemonnees" >Portemonnees</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/zonnescherm-auto-met-naam" data-testid="nested-link-auto-zonneschermen" >Auto zonneschermen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/veiligheid" data-testid="nested-link-veiligheid" >Veiligheid</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/alle-fotoproducten?filters=tassen-reizen" data-testid="nested-grid-item-met-foto" >Met foto</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kinderrugzak" data-testid="nested-link-kinderrugzakken" >Kinderrugzakken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/trolley" data-testid="nested-link-trolleys" >Trolleys</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/toilettas" data-testid="nested-link-toilettassen" >Toilettassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/koffertje-met-naam" data-testid="nested-link-koffertjes" >Koffertjes</a > </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/sport" data-testid="mega-navbar-item-sport" >Sport </a> <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid"> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/sport/sport" data-testid="nested-grid-item-sport" >Sport</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sportkleding" data-testid="nested-link-kleding" >Kleding</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sporthanddoek" data-testid="nested-link-sporthanddoeken" >Sporthanddoeken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/uitrusting" data-testid="nested-link-uitrusting" >Uitrusting</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sportaccessoires" data-testid="nested-link-sportaccessoires" >Sportaccessoires</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sale" data-testid="nested-link-sale" >SALE</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/sporttas" data-testid="nested-grid-item-sporttassen" >Sporttassen</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/gymtas-met-naam" data-testid="nested-link-gymtassen" >Gymtassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hockeytas" data-testid="nested-link-hockeytassen" >Hockeytassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/tennistas" data-testid="nested-link-tennistassen" >Tennistassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sporttas-met-naam" data-testid="nested-link-sporttassen" >Sporttassen</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/alle-fotoproducten?filters=sport" data-testid="nested-grid-item-met-foto" >Met foto</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sportkleding" data-testid="nested-link-kleding" >Kleding</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/gymtas-met-naam" data-testid="nested-link-gymtassen" >Gymtassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hockeytas" data-testid="nested-link-hockeytassen" >Hockeytassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sporttas-met-naam" data-testid="nested-link-sporttassen" >Sporttassen</a > </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/merken" data-testid="mega-navbar-item-merken" >Merken </a> <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid"> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/mepal" data-testid="nested-grid-item-mepal" >Mepal</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/mepal-broodtrommel" data-testid="nested-link-broodtrommels" >Broodtrommels</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/fruitbox-met-naam" data-testid="nested-link-fruitboxjes" >Fruitboxjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/mepal-kinderbeker" data-testid="nested-link-kinderbekers" >Kinderbekers</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/mepal-waterfles" data-testid="nested-link-waterflessen" >Waterflessen</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/happy-horse" data-testid="nested-grid-item-happy-horse" >Happy Horse</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/happy-horse-knuffels-met-naam" data-testid="nested-link-knuffels" >Knuffels</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/happy-horse-xl-knuffel" data-testid="nested-link-xl-knuffels" >XL knuffels</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/happy-horse-knuffeldoekje" data-testid="nested-link-knuffeldoekjes" >Knuffeldoekjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/happy-horse-nachtlampje" data-testid="nested-link-nachtlampjes" >Nachtlampjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/happy-horse-knuffel-met-muziek" data-testid="nested-link-knuffels-met-muziek" >Knuffels met muziek</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/dopper" data-testid="nested-grid-item-dopper" >Dopper</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/dopper-drinkfles" data-testid="nested-link-drinkflessen" >Drinkflessen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/dopper-thermosfles" data-testid="nested-link-thermosflessen" >Thermosflessen</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/little-dutch" data-testid="nested-grid-item-little-dutch" >Little Dutch</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/little-dutch-kinderspeelgoed" data-testid="nested-link-kinderspeelgoed" >Kinderspeelgoed</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/jollein" data-testid="nested-grid-item-jollein" >Jollein</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jollein-kinderbadjas" data-testid="nested-link-kinderbadjassen" >Kinderbadjassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jollein-feestaccessoires" data-testid="nested-link-feestaccessoires" >Feestaccessoires</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jollein-rugzak" data-testid="nested-link-rugzakken" >Rugzakken</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jollein-schoolaccessoires" data-testid="nested-link-schoolaccessoires" >Schoolaccessoires</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jollein-slabbetje" data-testid="nested-link-slabbetjes" >Slabbetjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jollein-speendoekje" data-testid="nested-link-speendoekjes" >Speendoekjes</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jollein-badcape" data-testid="nested-link-badcapes" >Badcapes</a > </li> </ul> </div> <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/bulbby" data-testid="nested-grid-item-bulbby" >Bulbby</a > <ul class="nested-ul mt-2"> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/bulbby-kindertas" data-testid="nested-link-tassen" >Tassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/trolley" data-testid="nested-link-trolleys" >Trolleys</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/xl-trolley" data-testid="nested-link-xl-trolleys" >XL trolleys</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/bulbby-toilettas" data-testid="nested-link-toilettassen" >Toilettassen</a > </li> <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/koffertje-met-naam" data-testid="nested-link-koffertjes" >Koffertjes</a > </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/sale" data-testid="mega-navbar-item-sale" >SALE </a> </li> <form action="/zoeken" class="mega-navigation-bar-group-search"> <div class="mega-navbar-input-group"> <span class="mega-navbar-input-icon"> <i class="shopicons shopicons-search"></i> </span> <div class="mega-navbar-input-container rounded-pill"> <button type="submit" class="mega-navbar-submit-btn" data-testid="mega-navbar-submit-btn-zoeken" > <i class="shopicons shopicons-search"></i> </button> <input autocomplete="off" class="mega-navbar-input" name="qry" placeholder="Zoeken" type="text" /> <button class="mega-navbar-close-btn" data-testid="mega-navbar-close-btn"> <i class="shopicons shopicons-close"></i> </button> </div> </div> </form> </ul> </div> <!-- end widget id: 6601 --> </div> <form action="/zoeken" class="navigation-bar-group navigation-bar-group-search d-lg-none " > <div class="navigation-bar-dropdown dropdown-search " > <a class="navigation-bar-item navigation-bar-dropdown-toggle" href="#" data-testid="navigation-bar-account-menu-search" > <i class="shopicons shopicons-search"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-input-group"> <span class="navigation-bar-item flex-0"> <i class="shopicons shopicons-search"></i> </span> <input autocomplete="off" class="navigation-bar-input m-0" name="qry" placeholder="Zoeken" data-testid="navigation-bar-account-menu-input-search" type="text" /> </div> </div> </div> </form> </div> </div> <!-- end widget group id: 2086 --> <!-- start widget group id: 2189 --> <div class="navigation-bar-footer d-lg-none " > <div class="navigation-bar-container"> <div class="hamburger-header"> <a class="hamburger-close d-block ms-auto" data-testid="navigation-bar-hamburger-close" ><i class="shopicons shopicons-close"></i ></a> </div> <div class="navigation-bar-group navigation-bar-group-logo d-none d-lg-flex"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" data-testid="navigation-bar-shop-logo" > <img src="https://shared.s3.exonet.io/13304-kc-shop-logo/shop_logo/216b0f86ddb98395bafb2272b5aa7674" alt="Simply Colors" />
79 </a> </div> <div class="navigation-bar-collapse"> <!-- start widget id: 6832 --> <div class="navigation-bar-group justify-content-lg-end " > <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__school" href="" data-testid="navigation-bar-school" > <span>School</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-school" ><i class="icon icon-angle-left back-icon me-1"></i> School </a> <div class="navigation-bar-group"> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__school" href="#" data-testid="navigation-bar-item-school" ><span>School</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-school" ><i class="icon icon-angle-left back-icon me-1"></i> School </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__etuis" href="/etui" data-testid="navigation-bar-item-etuis" ><span>Etuis</span></a > <a class="navigation-bar-item navigation-bar__naamstickers" href="/naamstickers" data-testid="navigation-bar-item-naamstickers" ><span>Naamstickers</span></a > <a class="navigation-bar-item navigation-bar__sleutelhangers" href="/sleutelhanger" data-testid="navigation-bar-item-sleutelhangers" ><span>Sleutelhangers</span></a > <a class="navigation-bar-item navigation-bar__notitieboeken" href="/notitieboek" data-testid="navigation-bar-item-notitieboeken" ><span>Notitieboeken</span></a > <a class="navigation-bar-item navigation-bar__afstuderen" href="/afstuderen" data-testid="navigation-bar-item-afstuderen" ><span>Afstuderen</span></a > <a class="navigation-bar-item navigation-bar__alle-schoolspullen" href="/school" data-testid="navigation-bar-item-alle-schoolspullen" ><span>Alle schoolspullen</span></a > <a class="navigation-bar-item navigation-bar__bekijk-alle-schoolsets" href="/back-to-school-set" data-testid="navigation-bar-item-bekijk-alle-schoolsets" ><span>Bekijk alle schoolsets</span></a > <a class="navigation-bar-item navigation-bar__sale" href="/sale" data-testid="navigation-bar-item-sale" ><span>SALE</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__schooltassen" href="#" data-testid="navigation-bar-item-schooltassen" ><span>Schooltassen</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-schooltassen" ><i class="icon icon-angle-left back-icon me-1"></i> Schooltassen </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__kinderrugzakken" href="/kinderrugzak" data-testid="navigation-bar-item-kinderrugzakken" ><span>Kinderrugzakken</span></a > <a class="navigation-bar-item navigation-bar__teddy-tassen" href="/teddy-tas" data-testid="navigation-bar-item-teddy-tassen" ><span>Teddy tassen</span></a > <a class="navigation-bar-item navigation-bar__gymtassen" href="/gymtas-met-naam" data-testid="navigation-bar-item-gymtassen" ><span>Gymtassen</span></a > <a class="navigation-bar-item navigation-bar__bulbby-tassen" href="/bulbby-kindertas" data-testid="navigation-bar-item-bulbby-tassen" ><span>Bulbby tassen</span></a > <a class="navigation-bar-item navigation-bar__alle-schooltassen" href="/schooltassen" data-testid="navigation-bar-item-alle-schooltassen" ><span>Alle schooltassen</span></a > <a class="navigation-bar-item navigation-bar__bekijk-alle-schoolsets" href="/back-to-school-set" data-testid="navigation-bar-item-bekijk-alle-schoolsets" ><span>Bekijk alle schoolsets</span></a > <a class="navigation-bar-item navigation-bar__sale" href="/sale" data-testid="navigation-bar-item-sale" ><span>SALE</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__broodtrommels-en-drinkbekers" href="#" data-testid="navigation-bar-item-broodtrommels-en-drinkbekers" ><span>Broodtrommels en drinkbekers</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-broodtrommels-en-drinkbekers" ><i class="icon icon-angle-left back-icon me-1"></i> Broodtrommels en drinkbekers </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__broodtrommels" href="/broodtrommel" data-testid="navigation-bar-item-broodtrommels" ><span>Broodtrommels</span></a > <a class="navigation-bar-item navigation-bar__drinkbekers" href="/drinkbeker" data-testid="navigation-bar-item-drinkbekers" ><span>Drinkbekers</span></a > <a class="navigation-bar-item navigation-bar__rvs-drinkfles" href="/rvs-drinkfles" data-testid="navigation-bar-item-rvs-drinkfles" ><span>RVS drinkfles</span></a > <a class="navigation-bar-item navigation-bar__waterflessen" href="/waterfles" data-testid="navigation-bar-item-waterflessen" ><span>Waterflessen</span></a > <a class="navigation-bar-item navigation-bar__fruitboxjes" href="/fruitbox-met-naam" data-testid="navigation-bar-item-fruitboxjes" ><span>Fruitboxjes</span></a > <a class="navigation-bar-item navigation-bar__lunchpotten" href="/mepal-lunchpot" data-testid="navigation-bar-item-lunchpotten" ><span>Lunchpotten</span></a > <a class="navigation-bar-item navigation-bar__bekijk-alle-schoolsets" href="/back-to-school-set" data-testid="navigation-bar-item-bekijk-alle-schoolsets" ><span>Bekijk alle schoolsets</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__met-foto" href="#" data-testid="navigation-bar-item-met-foto" ><span>Met foto</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-met-foto" ><i class="icon icon-angle-left back-icon me-1"></i> Met foto </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__broodtrommels" href="/broodtrommel" data-testid="navigation-bar-item-broodtrommels" ><span>Broodtrommels</span></a > <a class="navigation-bar-item navigation-bar__kinderrugzakken" href="/kinderrugzak" data-testid="navigation-bar-item-kinderrugzakken" ><span>Kinderrugzakken</span></a > <a class="navigation-bar-item navigation-bar__naamstickers" href="/naamstickers" data-testid="navigation-bar-item-naamstickers" ><span>Naamstickers</span></a > <a class="navigation-bar-item navigation-bar__alle-schoolspullen-met-foto" href="/alle-fotoproducten?filters=school" data-testid="navigation-bar-item-alle-schoolspullen-met-foto" ><span>Alle schoolspullen met foto</span></a > </div> </div> </div> </div> </div> </div> </div> </div> <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__voor-wie" href="" data-testid="navigation-bar-voor-wie" > <span>Voor wie</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-voor-wie" ><i class="icon icon-angle-left back-icon me-1"></i> Voor wie </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__cadeaus-voor bold-text" data-testid="navigation-bar-item-cadeaus-voor" ><span>Cadeaus voor</span></a > <a class="navigation-bar-item navigation-bar__voor-baby's" href="/geboorte" data-testid="navigation-bar-item-voor-baby's" ><span>Voor baby's</span></a > <a class="navigation-bar-item navigation-bar__voor-kinderen" href="/cadeau-kind" data-testid="navigation-bar-item-voor-kinderen" ><span>Voor kinderen</span></a > <a class="navigation-bar-item navigation-bar__voor-hem" href="/cadeau-voor-hem" data-testid="navigation-bar-item-voor-hem" ><span>Voor hem</span></a > <a class="navigation-bar-item navigation-bar__voor-haar" href="/cadeau-voor-haar" data-testid="navigation-bar-item-voor-haar" ><span>Voor haar</span></a > <a class="navigation-bar-item navigation-bar__voor-bedrijven" href="/zakelijk" data-testid="navigation-bar-item-voor-bedrijven" ><span>Voor bedrijven</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__momenten" href="" data-testid="navigation-bar-momenten" > <span>Momenten</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-momenten" ><i class="icon icon-angle-left back-icon me-1"></i> Momenten </a> <div class="navigation-bar-group"> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__geboorte" href="#" data-testid="navigation-bar-item-geboorte" ><span>
79Geboorte</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-geboorte" ><i class="icon icon-angle-left back-icon me-1"></i> Geboorte </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__geboorteberen" href="/geboortebeer" data-testid="navigation-bar-item-geboorteberen" ><span>Geboorteberen</span></a > <a class="navigation-bar-item navigation-bar__houten-herinneringskisten" href="/herinneringskist" data-testid="navigation-bar-item-houten-herinneringskisten" ><span>Houten herinneringskisten</span></a > <a class="navigation-bar-item navigation-bar__mutsjes" href="/babymutsje-met-naam" data-testid="navigation-bar-item-mutsjes" ><span>Mutsjes</span></a > <a class="navigation-bar-item navigation-bar__rompertjes" href="/rompertje-met-naam" data-testid="navigation-bar-item-rompertjes" ><span>Rompertjes</span></a > <a class="navigation-bar-item navigation-bar__knuffels" href="/knuffel-met-naam" data-testid="navigation-bar-item-knuffels" ><span>Knuffels</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__verjaardag" href="#" data-testid="navigation-bar-item-verjaardag" ><span>Verjaardag</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-verjaardag" ><i class="icon icon-angle-left back-icon me-1"></i> Verjaardag </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__cadeaus-voor-kinderen" href="/cadeau-kind" data-testid="navigation-bar-item-cadeaus-voor-kinderen" ><span>Cadeaus voor kinderen</span></a > <a class="navigation-bar-item navigation-bar__cadeaus-voor-volwassenen" href="/cadeau-volwassen" data-testid="navigation-bar-item-cadeaus-voor-volwassenen" ><span>Cadeaus voor volwassenen</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__trouwen" href="#" data-testid="navigation-bar-item-trouwen" ><span>Trouwen</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-trouwen" ><i class="icon icon-angle-left back-icon me-1"></i> Trouwen </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__enveloppendozen" href="/enveloppendoos" data-testid="navigation-bar-item-enveloppendozen" ><span>Enveloppendozen</span></a > <a class="navigation-bar-item navigation-bar__notitieboeken" href="/notitieboek" data-testid="navigation-bar-item-notitieboeken" ><span>Notitieboeken</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__cadeauverpakking" href="#" data-testid="navigation-bar-item-cadeauverpakking" ><span>Cadeauverpakking</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-cadeauverpakking" ><i class="icon icon-angle-left back-icon me-1"></i> Cadeauverpakking </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__wenskaarten" href="/wenskaarten" data-testid="navigation-bar-item-wenskaarten" ><span>Wenskaarten</span></a > <a class="navigation-bar-item navigation-bar__cadeaudozen" href="/cadeaudoos" data-testid="navigation-bar-item-cadeaudozen" ><span>Cadeaudozen</span></a > <a class="navigation-bar-item navigation-bar__houten-wijnkisten" href="/houten-wijnkist" data-testid="navigation-bar-item-houten-wijnkisten" ><span>Houten wijnkisten</span></a > <a class="navigation-bar-item navigation-bar__cadeautassen" href="/cadeauverpakking" data-testid="navigation-bar-item-cadeautassen" ><span>Cadeautassen</span></a > <a class="navigation-bar-item navigation-bar__alle-cadeauverpakkingen" href="/cadeauverpakking" data-testid="navigation-bar-item-alle-cadeauverpakkingen" ><span>Alle cadeauverpakkingen</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__met-foto" href="#" data-testid="navigation-bar-item-met-foto" ><span>Met foto</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-met-foto" ><i class="icon icon-angle-left back-icon me-1"></i> Met foto </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__rompertjes" href="/rompertje-met-naam" data-testid="navigation-bar-item-rompertjes" ><span>Rompertjes</span></a > <a class="navigation-bar-item navigation-bar__herinneringskisten" href="/herinneringskist" data-testid="navigation-bar-item-herinneringskisten" ><span>Herinneringskisten</span></a > <a class="navigation-bar-item navigation-bar__cadeaudozen" href="/cadeaudoos" data-testid="navigation-bar-item-cadeaudozen" ><span>Cadeaudozen</span></a > </div> </div> </div> </div> </div> </div> </div> </div> <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__wonen-en-decoratie" href="" data-testid="navigation-bar-wonen-en-decoratie" > <span>Wonen en decoratie</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-wonen-en-decoratie" ><i class="icon icon-angle-left back-icon me-1"></i> Wonen en decoratie </a> <div class="navigation-bar-group"> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__kinderkamer" href="#" data-testid="navigation-bar-item-kinderkamer" ><span>Kinderkamer</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-kinderkamer" ><i class="icon icon-angle-left back-icon me-1"></i> Kinderkamer </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__beddengoed" href="/beddengoed" data-testid="navigation-bar-item-beddengoed" ><span>Beddengoed</span></a > <a class="navigation-bar-item navigation-bar__lampjes" href="/lampje" data-testid="navigation-bar-item-lampjes" ><span>Lampjes</span></a > <a class="navigation-bar-item navigation-bar__groeimeters" href="/groeimeter-met-naam" data-testid="navigation-bar-item-groeimeters" ><span>Groeimeters</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__opbergen-en-bewaren" href="#" data-testid="navigation-bar-item-opbergen-en-bewaren" ><span>Opbergen en bewaren</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-opbergen-en-bewaren" ><i class="icon icon-angle-left back-icon me-1"></i> Opbergen en bewaren </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__opbergzakken" href="/katoenen-opbergzak-met-naam" data-testid="navigation-bar-item-opbergzakken" ><span>Opbergzakken</span></a > <a class="navigation-bar-item navigation-bar__herinneringskisten" href="/herinneringskist" data-testid="navigation-bar-item-herinneringskisten" ><span>Herinneringskisten</span></a > <a class="navigation-bar-item navigation-bar__bewaarbundels" href="/houten-bewaarbundel" data-testid="navigation-bar-item-bewaarbundels" ><span>Bewaarbundels</span></a > <a class="navigation-bar-item navigation-bar__alle-opbergers" href="/opbergen" data-testid="navigation-bar-item-alle-opbergers" ><span>Alle opbergers</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__woonaccessoires" href="#" data-testid="navigation-bar-item-woonaccessoires" ><span>Woonaccessoires</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-woonaccessoires" ><i class="icon icon-angle-left back-icon me-1"></i> Woonaccessoires </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__waxinelichthouders" href="/waxinelichthouder" data-testid="navigation-bar-item-waxinelichthouders" ><span>Waxinelichthouders</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__wanddecoratie" href="#" data-testid="navigation-bar-item-wanddecoratie" ><span>Wanddecoratie</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-wanddecoratie" ><i class="icon icon-angle-left back-icon me-1"></i> Wanddecoratie </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__groeimeters" href="/groeimeter-met-naam" data-testid="navigation-bar-item-groeimeters" ><span>Groeimeters</span></a > <a class="navigation-bar-item navigation-bar__canvasposters" href="/canvas-poster-met-naam" data-testid="navigation-bar-item-canvasposters" ><span>Canvasposters</span></a > <a class="navigation-bar-item navigation-bar__tegeltjes" href="/tegel-met-naam" data-testid="navigation-bar-item-tegeltjes" ><span>Tegeltjes</span></a > <a class="navigation-bar-item navigation-bar__alle-wanddecoratie" href="/wanddecoratie" data-testid="navigation-bar-item-alle-wanddecoratie" ><span>Alle wanddecoratie</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__accessoires" href="#" data-testid="navigation-bar-item-accessoires" ><span>Accessoires</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-accessoires" ><i class="icon icon-angle-left back-icon me-1"></i> Accessoires </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__tandendoosjes" href="/tandendoosje" data-testid="navigation-bar-item-tandendoosjes" ><span>Tandendoosjes</span></a >
79 <a class="navigation-bar-item navigation-bar__spaarpotten" href="/spaarpot-met-naam" data-testid="navigation-bar-item-spaarpotten" ><span>Spaarpotten</span></a > <a class="navigation-bar-item navigation-bar__schatkistjes" href="/schatkistje" data-testid="navigation-bar-item-schatkistjes" ><span>Schatkistjes</span></a > <a class="navigation-bar-item navigation-bar__alle-accessoires" href="/accessoires" data-testid="navigation-bar-item-alle-accessoires" ><span>Alle accessoires</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__met-foto" href="#" data-testid="navigation-bar-item-met-foto" ><span>Met foto</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-met-foto" ><i class="icon icon-angle-left back-icon me-1"></i> Met foto </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__opbergzakken" href="/katoenen-opbergzak-met-naam" data-testid="navigation-bar-item-opbergzakken" ><span>Opbergzakken</span></a > <a class="navigation-bar-item navigation-bar__herinneringskisten" href="/herinneringskist" data-testid="navigation-bar-item-herinneringskisten" ><span>Herinneringskisten</span></a > <a class="navigation-bar-item navigation-bar__canvas-posters" href="/canvas-poster-met-naam" data-testid="navigation-bar-item-canvas-posters" ><span>Canvas posters</span></a > <a class="navigation-bar-item navigation-bar__tegeltjes" href="/tegel-met-naam" data-testid="navigation-bar-item-tegeltjes" ><span>Tegeltjes</span></a > <a class="navigation-bar-item navigation-bar__alle-woonartikelen-met-foto" href="/alle-fotoproducten?filters=wonen-decoratie" data-testid="navigation-bar-item-alle-woonartikelen-met-foto" ><span>Alle woonartikelen met foto</span></a > </div> </div> </div> </div> </div> </div> </div> </div> <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__kleding-en-textiel" href="" data-testid="navigation-bar-kleding-en-textiel" > <span>Kleding en textiel</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-kleding-en-textiel" ><i class="icon icon-angle-left back-icon me-1"></i> Kleding en textiel </a> <div class="navigation-bar-group"> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__babykleding" href="#" data-testid="navigation-bar-item-babykleding" ><span>Babykleding</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-babykleding" ><i class="icon icon-angle-left back-icon me-1"></i> Babykleding </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__mutsjes" href="/babymutsje-met-naam" data-testid="navigation-bar-item-mutsjes" ><span>Mutsjes</span></a > <a class="navigation-bar-item navigation-bar__rompertjes" href="/rompertje-met-naam" data-testid="navigation-bar-item-rompertjes" ><span>Rompertjes</span></a > <a class="navigation-bar-item navigation-bar__slabbetjes" href="/slabbetje" data-testid="navigation-bar-item-slabbetjes" ><span>Slabbetjes</span></a > <a class="navigation-bar-item navigation-bar__alle-babykleding" href="/babykleding" data-testid="navigation-bar-item-alle-babykleding" ><span>Alle babykleding</span></a > <a class="navigation-bar-item navigation-bar__sale" href="/sale" data-testid="navigation-bar-item-sale" ><span>SALE</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__kinderkleding" href="#" data-testid="navigation-bar-item-kinderkleding" ><span>Kinderkleding</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-kinderkleding" ><i class="icon icon-angle-left back-icon me-1"></i> Kinderkleding </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__sportkleding" href="/sportkleding" data-testid="navigation-bar-item-sportkleding" ><span>
79Sportkleding</span></a > <a class="navigation-bar-item navigation-bar__alle-kinderkleding" href="/kinderkleding" data-testid="navigation-bar-item-alle-kinderkleding" ><span>Alle kinderkleding</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__bad-en-verzorging" href="#" data-testid="navigation-bar-item-bad-en-verzorging" ><span>Bad en verzorging</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-bad-en-verzorging" ><i class="icon icon-angle-left back-icon me-1"></i> Bad en verzorging </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__hydrofiele-doeken" href="/hydrofieldoek" data-testid="navigation-bar-item-hydrofiele-doeken" ><span>Hydrofiele doeken</span></a > <a class="navigation-bar-item navigation-bar__kinderbadjassen" href="/kinderbadjas-met-naam" data-testid="navigation-bar-item-kinderbadjassen" ><span>Kinderbadjassen</span></a > <a class="navigation-bar-item navigation-bar__badcapes" href="/badcape-met-naam" data-testid="navigation-bar-item-badcapes" ><span>Badcapes</span></a > <a class="navigation-bar-item navigation-bar__badponcho's" href="/badponcho-met-naam" data-testid="navigation-bar-item-badponcho's" ><span>Badponcho's</span></a > <a class="navigation-bar-item navigation-bar__sporthanddoeken" href="/sporthanddoek" data-testid="navigation-bar-item-sporthanddoeken" ><span>Sporthanddoeken</span></a > <a class="navigation-bar-item navigation-bar__slippers" href="/slippers-met-naam" data-testid="navigation-bar-item-slippers" ><span>Slippers</span></a > <a class="navigation-bar-item navigation-bar__alles-in-bad-en-verzorging" href="/bad-verzorging" data-testid="navigation-bar-item-alles-in-bad-en-verzorging" ><span>Alles in bad en verzorging</span></a > <a class="navigation-bar-item navigation-bar__sale" href="/sale" data-testid="navigation-bar-item-sale" ><span>SALE</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__met-foto" href="#" data-testid="navigation-bar-item-met-foto" ><span>Met foto</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-met-foto" ><i class="icon icon-angle-left back-icon me-1"></i> Met foto </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__rompertjes" href="/rompertje-met-naam" data-testid="navigation-bar-item-rompertjes" ><span>Rompertjes</span></a > <a class="navigation-bar-item navigation-bar__slippers" href="/slippers-met-naam" data-testid="navigation-bar-item-slippers" ><span>Slippers</span></a > <a class="navigation-bar-item navigation-bar__alle-kleding-met-foto" href="/alle-fotoproducten?filters=kleding-textiel" data-testid="navigation-bar-item-alle-kleding-met-foto" ><span>Alle kleding met foto</span></a > </div> </div> </div> </div> </div> </div> </div> </div> <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__eten-en-drinken" href="" data-testid="navigation-bar-eten-en-drinken" > <span>Eten en drinken</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-eten-en-drinken" ><i class="icon icon-angle-left back-icon me-1"></i> Eten en drinken </a> <div class="navigation-bar-group"> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__koken-en-tafelen" href="#" data-testid="navigation-bar-item-koken-en-tafelen" ><span>Koken en tafelen</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-koken-en-tafelen" ><i class="icon icon-angle-left back-icon me-1"></i> Koken en tafelen </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__kookschorten" href="/kookschort" data-testid="navigation-bar-item-kookschorten" ><span>Kookschorten</span></a > <a class="navigation-bar-item navigation-bar__tafeltextiel" href="/tafeltextiel" data-testid="navigation-bar-item-tafeltextiel" ><span>Tafeltextiel</span></a > <a class="navigation-bar-item navigation-bar__glazen-potten" href="/glazen-pot-met-naam" data-testid="navigation-bar-item-glazen-potten" ><span>Glazen potten</span></a > <a class="navigation-bar-item navigation-bar__borrelplanken" href="/borrelplank" data-testid="navigation-bar-item-borrelplanken" ><span>Borrelplanken</span></a > <a class="navigation-bar-item navigation-bar__alle-kookartikelen" href="/koken-tafelen" data-testid="navigation-bar-item-alle-kookartikelen" ><span>Alle kookartikelen</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__servies" href="#" data-testid="navigation-bar-item-servies" ><span>Servies</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-servies" ><i class="icon icon-angle-left back-icon me-1"></i>
79 Servies </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__waterglazen" href="/waterglas-met-naam" data-testid="navigation-bar-item-waterglazen" ><span>Waterglazen</span></a > <a class="navigation-bar-item navigation-bar__wijnglazen" href="/wijnglas-met-naam" data-testid="navigation-bar-item-wijnglazen" ><span>Wijnglazen</span></a > <a class="navigation-bar-item navigation-bar__bierglazen" href="/bierglas-met-naam" data-testid="navigation-bar-item-bierglazen" ><span>Bierglazen</span></a > <a class="navigation-bar-item navigation-bar__drankglazen" href="/drankglas" data-testid="navigation-bar-item-drankglazen" ><span>Drankglazen</span></a > <a class="navigation-bar-item navigation-bar__mokken" href="/mokken-met-naam" data-testid="navigation-bar-item-mokken" ><span>Mokken</span></a > <a class="navigation-bar-item navigation-bar__alle-servies" href="/servies" data-testid="navigation-bar-item-alle-servies" ><span>Alle servies</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__kinderservies" href="#" data-testid="navigation-bar-item-kinderservies" ><span>Kinderservies</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-kinderservies" ><i class="icon icon-angle-left back-icon me-1"></i>
79 Kinderservies </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__bekertjes" href="/kinderbeker" data-testid="navigation-bar-item-bekertjes" ><span>Bekertjes</span></a > <a class="navigation-bar-item navigation-bar__bordjes" href="/kinderbordje" data-testid="navigation-bar-item-bordjes" ><span>Bordjes</span></a > <a class="navigation-bar-item navigation-bar__kommetjes" href="/kinderkommetje" data-testid="navigation-bar-item-kommetjes" ><span>Kommetjes</span></a > <a class="navigation-bar-item navigation-bar__bestek" href="/kinderbestek" data-testid="navigation-bar-item-bestek" ><span>Bestek</span></a > <a class="navigation-bar-item navigation-bar__drinkbekers" href="/mepal-kinderbeker" data-testid="navigation-bar-item-drinkbekers" ><span>Drinkbekers</span></a > <a class="navigation-bar-item navigation-bar__alle-kinderservies" href="/kinderservies" data-testid="navigation-bar-item-alle-kinderservies" ><span>Alle kinderservies</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__eten-en-drinken" href="#" data-testid="navigation-bar-item-eten-en-drinken" ><span>Eten en drinken</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-eten-en-drinken" ><i class="icon icon-angle-left back-icon me-1"></i> Eten en drinken </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__chocolade" href="/chocolade-met-naam" data-testid="navigation-bar-item-chocolade" ><span>Chocolade</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__met-foto" href="#" data-testid="navigation-bar-item-met-foto" ><span>Met foto</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-met-foto" ><i class="icon icon-angle-left back-icon me-1"></i> Met foto </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__mokken" href="/mokken-met-naam" data-testid="navigation-bar-item-mokken" ><span>Mokken</span></a > <a class="navigation-bar-item navigation-bar__kookschorten" href="/kookschort" data-testid="navigation-bar-item-kookschorten" ><span>Kookschorten</span></a > <a class="navigation-bar-item navigation-bar__kinderbordjes" href="/kinderbordje" data-testid="navigation-bar-item-kinderbordjes" ><span>Kinderbordjes</span></a > <a class="navigation-bar-item navigation-bar__alle-eet--en-drinkartikelen-met-foto" href="/alle-fotoproducten?filters=eten-drinken" data-testid="navigation-bar-item-alle-eet--en-drinkartikelen-met-foto" ><span>Alle eet- en drinkartikelen met foto</span></a > </div> </div> </div> </div> </div> </div> </div> </div> <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__speelgoed" href="" data-testid="navigation-bar-speelgoed" > <span>Speelgoed</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-speelgoed" ><i class="icon icon-angle-left back-icon me-1"></i> Speelgoed </a> <div class="navigation-bar-group"> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__speelgoed-en-knutselen" href="#" data-testid="navigation-bar-item-speelgoed-en-knutselen" ><span>Speelgoed en knutselen</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-speelgoed-en-knutselen" ><i class="icon icon-angle-left back-icon me-1"></i> Speelgoed en knutselen </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__houten-speelgoed" href="/houten-speelgoed" data-testid="navigation-bar-item-houten-speelgoed" ><span>Houten speelgoed</span></a > <a class="navigation-bar-item navigation-bar__houten-blokken" href="/houten-blokken" data-testid="navigation-bar-item-houten-blokken" ><span>Houten blokken</span></a > <a class="navigation-bar-item navigation-bar__knutseldozen" href="/knutseldoos" data-testid="navigation-bar-item-knutseldozen" ><span>Knutseldozen</span></a > <a class="navigation-bar-item navigation-bar__tekendozen" href="/tekendoos" data-testid="navigation-bar-item-tekendozen" ><span>Tekendozen</span></a > <a class="navigation-bar-item navigation-bar__speelgoed-koffertjes" href="/speelgoed-koffertje" data-testid="navigation-bar-item-speelgoed-koffertjes" ><span>Speelgoed koffertjes</span></a > <a class="navigation-bar-item navigation-bar__little-dutch" href="/little-dutch-speelgoed" data-testid="navigation-bar-item-little-dutch" ><span>Little Dutch</span></a > <a class="navigation-bar-item navigation-bar__alle-speelgoed" href="/speelgoed-knutselen" data-testid="navigation-bar-item-alle-speelgoed" ><span>Alle speelgoed</span></a > <a class="navigation-bar-item navigation-bar__sale" href="/sale" data-testid="navigation-bar-item-sale" ><span>SALE</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__knuffels" href="#" data-testid="navigation-bar-item-knuffels" ><span>Knuffels</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-knuffels" ><i class="icon icon-angle-left back-icon me-1"></i> Knuffels </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__knuffels" href="/knuffel" data-testid="navigation-bar-item-knuffels" ><span>Knuffels</span></a > <a class="navigation-bar-item navigation-bar__knuffeldoekjes" href="/happy-horse-knuffeldoekje" data-testid="navigation-bar-item-knuffeldoekjes" ><span>Knuffeldoekjes</span></a > <a class="navigation-bar-item navigation-bar__geboorteberen" href="/geboortebeer" data-testid="navigation-bar-item-geboorteberen" ><span>Geboorteberen</span></a >
79 <a class="navigation-bar-item navigation-bar__happy-horse-knuffels" href="/happy-horse-knuffels-met-naam" data-testid="navigation-bar-item-happy-horse-knuffels" ><span>Happy Horse knuffels</span></a > <a class="navigation-bar-item navigation-bar__alle-knuffels" href="/knuffel-met-naam" data-testid="navigation-bar-item-alle-knuffels" ><span>Alle knuffels</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__met-foto" href="#" data-testid="navigation-bar-item-met-foto" ><span>Met foto</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-met-foto" ><i class="icon icon-angle-left back-icon me-1"></i> Met foto </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__knutseldozen" href="/knutseldoos" data-testid="navigation-bar-item-knutseldozen" ><span>Knutseldozen</span></a > <a class="navigation-bar-item navigation-bar__tekendozen" href="/tekendoos" data-testid="navigation-bar-item-tekendozen" ><span>Tekendozen</span></a > <a class="navigation-bar-item navigation-bar__speelgoed-koffertjes" href="/speelgoed-koffertje" data-testid="navigation-bar-item-speelgoed-koffertjes" ><span>Speelgoed koffertjes</span></a > </div> </div> </div> </div> </div> </div> </div> </div> <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__tassen-en-reizen" href="" data-testid="navigation-bar-tassen-en-reizen" > <span>Tassen en reizen</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-tassen-en-reizen" ><i class="icon icon-angle-left back-icon me-1"></i> Tassen en reizen </a> <div class="navigation-bar-group"> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__tassen" href="#" data-testid="navigation-bar-item-tassen" ><span>Tassen</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-tassen" ><i class="icon icon-angle-left back-icon me-1"></i> Tassen </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__kinderrugzakken" href="/kinderrugzak" data-testid="navigation-bar-item-kinderrugzakken" ><span>Kinderrugzakken</span></a > <a class="navigation-bar-item navigation-bar__teddy-tassen" href="/teddy-tas" data-testid="navigation-bar-item-teddy-tassen" ><span>Teddy tassen</span></a > <a class="navigation-bar-item navigation-bar__sporttassen" href="/tassen/sporttas" data-testid="navigation-bar-item-sporttassen" ><span>Sporttassen</span></a > <a class="navigation-bar-item navigation-bar__shoppers" href="/shopper" data-testid="navigation-bar-item-shoppers" ><span>Shoppers</span></a > <a class="navigation-bar-item navigation-bar__luizenzakken" href="/luizenzak" data-testid="navigation-bar-item-luizenzakken" ><span>Luizenzakken</span></a > <a class="navigation-bar-item navigation-bar__alle-tassen" href="/tassen" data-testid="navigation-bar-item-alle-tassen" ><span>Alle tassen</span></a > <a class="navigation-bar-item navigation-bar__sale" href="/sale" data-testid="navigation-bar-item-sale" ><span>SALE</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__reizen-en-onderweg" href="#" data-testid="navigation-bar-item-reizen-en-onderweg" ><span>Reizen en onderweg</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-reizen-en-onderweg" ><i class="icon icon-angle-left back-icon me-1"></i> Reizen en onderweg </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__trolleys" href="/trolley" data-testid="navigation-bar-item-trolleys" ><span>Trolleys</span></a > <a class="navigation-bar-item navigation-bar__xl-trolleys" href="/xl-trolley" data-testid="navigation-bar-item-xl-trolleys" ><span>XL Trolleys</span></a > <a class="navigation-bar-item navigation-bar__toilettassen" href="/toilettas" data-testid="navigation-bar-item-toilettassen" ><span>Toilettassen</span></a > <a class="navigation-bar-item navigation-bar__koffertjes" href="/koffertje-met-naam" data-testid="navigation-bar-item-koffertjes" ><span>Koffertjes</span></a > <a class="navigation-bar-item navigation-bar__portemonnees" href="/portemonnee-met-naam" data-testid="navigation-bar-item-portemonnees" ><span>Portemonnees</span></a > <a class="navigation-bar-item navigation-bar__auto-zonneschermen" href="/zonnescherm-auto-met-naam" data-testid="navigation-bar-item-auto-zonneschermen" ><span>
79Auto zonneschermen</span></a > <a class="navigation-bar-item navigation-bar__veiligheid" href="/veiligheid" data-testid="navigation-bar-item-veiligheid" ><span>Veiligheid</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__met-foto" href="#" data-testid="navigation-bar-item-met-foto" ><span>Met foto</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-met-foto" ><i class="icon icon-angle-left back-icon me-1"></i> Met foto </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__kinderrugzakken" href="/kinderrugzak" data-testid="navigation-bar-item-kinderrugzakken" ><span>Kinderrugzakken</span></a > <a class="navigation-bar-item navigation-bar__trolleys" href="/trolley" data-testid="navigation-bar-item-trolleys" ><span>Trolleys</span></a > <a class="navigation-bar-item navigation-bar__toilettassen" href="/toilettas" data-testid="navigation-bar-item-toilettassen" ><span>Toilettassen</span></a > <a class="navigation-bar-item navigation-bar__koffertjes" href="/koffertje-met-naam" data-testid="navigation-bar-item-koffertjes" ><span>Koffertjes</span></a > <a class="navigation-bar-item navigation-bar__alle-reisartikelen-met-foto" href="/alle-fotoproducten?filters=tassen-reizen" data-testid="navigation-bar-item-alle-reisartikelen-met-foto" ><span>Alle reisartikelen met foto</span></a > </div> </div> </div> </div> </div> </div> </div> </div> <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__sport" href="" data-testid="navigation-bar-sport" > <span>Sport</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-sport" ><i class="icon icon-angle-left back-icon me-1"></i> Sport </a> <div class="navigation-bar-group"> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__sport" href="#" data-testid="navigation-bar-item-sport" ><span>Sport</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-sport" ><i class="icon icon-angle-left back-icon me-1"></i> Sport </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__kleding" href="/sportkleding" data-testid="navigation-bar-item-kleding" ><span>Kleding</span></a > <a class="navigation-bar-item navigation-bar__sporthanddoeken" href="/sporthanddoek" data-testid="navigation-bar-item-sporthanddoeken" ><span>Sporthanddoeken</span></a > <a class="navigation-bar-item navigation-bar__uitrusting" href="/uitrusting" data-testid="navigation-bar-item-uitrusting" ><span>Uitrusting</span></a > <a class="navigation-bar-item navigation-bar__sportaccessoires" href="/sportaccessoires" data-testid="navigation-bar-item-sportaccessoires" ><span>Sportaccessoires</span></a > <a class="navigation-bar-item navigation-bar__sale" href="/sale" data-testid="navigation-bar-item-sale" ><span>SALE</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__sporttassen" href="#" data-testid="navigation-bar-item-sporttassen" ><span>Sporttassen</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-sporttassen" ><i class="icon icon-angle-left back-icon me-1"></i> Sporttassen </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__gymtassen" href="/gymtas-met-naam" data-testid="navigation-bar-item-gymtassen" ><span>Gymtassen</span></a > <a class="navigation-bar-item navigation-bar__hockeytassen" href="/hockeytas" data-testid="navigation-bar-item-hockeytassen" ><span>Hockeytassen</span></a > <a class="navigation-bar-item navigation-bar__tennistassen" href="/tennistas" data-testid="navigation-bar-item-tennistassen" ><span>Tennistassen</span></a > <a class="navigation-bar-item navigation-bar__sporttassen" href="/sporttas-met-naam" data-testid="navigation-bar-item-sporttassen" ><span>
79Sporttassen</span></a > <a class="navigation-bar-item navigation-bar__alle-sporttassen" href="/sporttas" data-testid="navigation-bar-item-alle-sporttassen" ><span>Alle sporttassen</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__met-foto" href="#" data-testid="navigation-bar-item-met-foto" ><span>Met foto</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-met-foto" ><i class="icon icon-angle-left back-icon me-1"></i> Met foto </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__kleding" href="/sportkleding" data-testid="navigation-bar-item-kleding" ><span>Kleding</span></a > <a class="navigation-bar-item navigation-bar__gymtassen" href="/gymtas-met-naam" data-testid="navigation-bar-item-gymtassen" ><span>Gymtassen</span></a > <a class="navigation-bar-item navigation-bar__hockeytassen" href="/hockeytas" data-testid="navigation-bar-item-hockeytassen" ><span>Hockeytassen</span></a > <a class="navigation-bar-item navigation-bar__sporttassen" href="/sporttas-met-naam" data-testid="navigation-bar-item-sporttassen" ><span>Sporttassen</span></a > <a class="navigation-bar-item navigation-bar__alle-sportartikelen-met-foto" href="/alle-fotoproducten?filters=sport" data-testid="navigation-bar-item-alle-sportartikelen-met-foto" ><span>Alle sportartikelen met foto</span></a > </div> </div> </div> </div> </div> </div> </div> </div> <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__merken" href="" data-testid="navigation-bar-merken" > <span>Merken</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-merken" ><i class="icon icon-angle-left back-icon me-1"></i> Merken </a> <div class="navigation-bar-group"> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__mepal" href="#" data-testid="navigation-bar-item-mepal" ><span>Mepal</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-mepal" ><i class="icon icon-angle-left back-icon me-1"></i> Mepal </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__broodtrommels" href="/mepal-broodtrommel" data-testid="navigation-bar-item-broodtrommels" ><span>Broodtrommels</span></a > <a class="navigation-bar-item navigation-bar__fruitboxjes" href="/fruitbox-met-naam" data-testid="navigation-bar-item-fruitboxjes" ><span>Fruitboxjes</span></a > <a class="navigation-bar-item navigation-bar__kinderbekers" href="/mepal-kinderbeker" data-testid="navigation-bar-item-kinderbekers" ><span>Kinderbekers</span></a > <a class="navigation-bar-item navigation-bar__waterflessen" href="/mepal-waterfles" data-testid="navigation-bar-item-waterflessen" ><span>Waterflessen</span></a > <a class="navigation-bar-item navigation-bar__alles-van-mepal" href="/mepal" data-testid="navigation-bar-item-alles-van-mepal" ><span>Alles van Mepal</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__happy-horse" href="#" data-testid="navigation-bar-item-happy-horse" ><span>Happy Horse</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-happy-horse" ><i class="icon icon-angle-left back-icon me-1"></i> Happy Horse </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__knuffels" href="/happy-horse-knuffels-met-naam" data-testid="navigation-bar-item-knuffels" ><span>Knuffels</span></a > <a class="navigation-bar-item navigation-bar__xl-knuffels" href="/happy-horse-xl-knuffel" data-testid="navigation-bar-item-xl-knuffels" ><span>XL knuffels</span></a > <a class="navigation-bar-item navigation-bar__knuffeldoekjes" href="/happy-horse-knuffeldoekje" data-testid="navigation-bar-item-knuffeldoekjes" ><span>Knuffeldoekjes</span></a > <a class="navigation-bar-item navigation-bar__nachtlampjes" href="/happy-horse-nachtlampje" data-testid="navigation-bar-item-nachtlampjes" ><span>Nachtlampjes</span></a > <a class="navigation-bar-item navigation-bar__knuffels-met-muziek" href="/happy-horse-knuffel-met-muziek" data-testid="navigation-bar-item-knuffels-met-muziek" ><span>Knuffels met muziek</span></a > <a class="navigation-bar-item navigation-bar__alles-van-happy-horse" href="/happy-horse" data-testid="navigation-bar-item-alles-van-happy-horse" ><span>Alles van Happy Horse</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__dopper" href="#" data-testid="navigation-bar-item-dopper" ><span>Dopper</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-dopper" ><i class="icon icon-angle-left back-icon me-1"></i> Dopper </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__drinkflessen" href="/dopper-drinkfles" data-testid="navigation-bar-item-drinkflessen" ><span>Drinkflessen</span></a > <a class="navigation-bar-item navigation-bar__thermosflessen" href="/dopper-thermosfles" data-testid="navigation-bar-item-thermosflessen" ><span>Thermosflessen</span></a > <a class="navigation-bar-item navigation-bar__alles-van-dopper" href="/dopper" data-testid="navigation-bar-item-alles-van-dopper" ><span>Alles van Dopper</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__little-dutch" href="#" data-testid="navigation-bar-item-little-dutch" ><span>Little Dutch</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-little-dutch" ><i class="icon icon-angle-left back-icon me-1"></i> Little Dutch </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__kinderspeelgoed" href="/little-dutch-kinderspeelgoed" data-testid="navigation-bar-item-kinderspeelgoed" ><span>Kinderspeelgoed</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__jollein" href="#" data-testid="navigation-bar-item-jollein" ><span>Jollein</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-jollein" ><i class="icon icon-angle-left back-icon me-1"></i> Jollein </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__kinderbadjassen" href="/jollein-kinderbadjas" data-testid="navigation-bar-item-kinderbadjassen" ><span>Kinderbadjassen</span></a > <a class="navigation-bar-item navigation-bar__feestaccessoires" href="/jollein-feestaccessoires" data-testid="navigation-bar-item-feestaccessoires" ><span>Feestaccessoires</span></a > <a class="navigation-bar-item navigation-bar__rugzakken" href="/jollein-rugzak" data-testid="navigation-bar-item-rugzakken" ><span>Rugzakken</span></a > <a class="navigation-bar-item navigation-bar__schoolaccessoires" href="/jollein-schoolaccessoires" data-testid="navigation-bar-item-schoolaccessoires" ><span>Schoolaccessoires</span></a > <a class="navigation-bar-item navigation-bar__slabbetjes" href="/jollein-slabbetje" data-testid="navigation-bar-item-slabbetjes" ><span>Slabbetjes</span></a > <a class="navigation-bar-item navigation-bar__speendoekjes" href="/jollein-speendoekje" data-testid="navigation-bar-item-speendoekjes" ><span>Speendoekjes</span></a > <a class="navigation-bar-item navigation-bar__badcapes" href="/jollein-badcape" data-testid="navigation-bar-item-badcapes" ><span>Badcapes</span></a > <a class="navigation-bar-item navigation-bar__alles-van-jollein" href="/jollein" data-testid="navigation-bar-item-alles-van-jollein" ><span>Alles van Jollein</span></a > </div> </div> </div> </div> <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__bulbby" href="#" data-testid="navigation-bar-item-bulbby" ><span>Bulbby</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-bulbby" ><i class="icon icon-angle-left back-icon me-1"></i>
79 Bulbby </a> <div class="navigation-bar-group"> <a class="navigation-bar-item navigation-bar__tassen bold-text" data-testid="navigation-bar-item-tassen" ><span>Tassen</span></a > <a class="navigation-bar-item navigation-bar__trolleys" href="/bulbby-trolley" data-testid="navigation-bar-item-trolleys" ><span>Trolleys</span></a > <a class="navigation-bar-item navigation-bar__xl-trolleys" href="/bulbby-xl-trolley" data-testid="navigation-bar-item-xl-trolleys" ><span>XL trolleys</span></a > <a class="navigation-bar-item navigation-bar__toilettassen" href="/bulbby-toilettas" data-testid="navigation-bar-item-toilettassen" ><span>Toilettassen</span></a > <a class="navigation-bar-item navigation-bar__koffertjes" href="/bulbby-koffertje" data-testid="navigation-bar-item-koffertjes" ><span>Koffertjes</span></a > <a class="navigation-bar-item navigation-bar__alles-van-bulbby" href="/bulbby" data-testid="navigation-bar-item-alles-van-bulbby" ><span>Alles van Bulbby</span></a > </div> </div> </div> </div> </div> </div> </div> </div> <a class="navigation-bar-item navigation-bar__sale" href="/sale" data-testid="navigation-bar-item-sale" ><span>SALE</span></a > <a class="navigation-bar-item navigation-bar__klantenservice" href="/contact" data-testid="navigation-bar-item-klantenservice" ><span>Klantenservice</span></a > <a class="navigation-bar-item navigation-bar__zakelijk" href="/zakelijk" data-testid="navigation-bar-item-zakelijk" ><span>Zakelijk</span></a > </div> <!-- end widget id: 6832 --> </div> <form action="/zoeken" class="navigation-bar-group navigation-bar-group-search d-lg-none " > <div class="navigation-bar-dropdown dropdown-search " > <a class="navigation-bar-item navigation-bar-dropdown-toggle" href="#" data-testid="navigation-bar-account-menu-search" > <i class="shopicons shopicons-search"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-input-group"> <span class="navigation-bar-item flex-0"> <i class="shopicons shopicons-search"></i> </span> <input autocomplete="off" class="navigation-bar-input m-0" name="qry" placeholder="Zoeken" data-testid="navigation-bar-account-menu-input-search" type="text" /> </div> </div> </div> </form> </div> </div> <!-- end widget group id: 2189 --> </div> <div id="wrapper" > <div class="c-message"> <div class="modal fade" id="js-cookies-modal" data-bs-backdrop="static"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header pb-0"> <p class="modal-title fw-bold fs-4" id="staticBackdropLabel">Cookies</p> </div> <div class="modal-body"> <p> Wij gebruiken cookies en vergelijkbare technieken om een betere gebruikerservaring te bieden, ons websiteverkeer en onze prestaties te analyseren en voor marketing- en sociale mediadoeleinden (het weergeven van gepersonaliseerde advertenties). </p> <p> Je kunt jouw toestemming altijd wijzigen of intrekken op ons <a class="link-cookie" id="js-cookie-policy-link" href="javascript:" >ons cookiebeleid</a >. </p> <div class="row pt-3"> <div class="col-12 col-lg-6"> <button id="js-accept-cookies-button" type="button" class="btn btn-cookie w-100 mb-2 mb-lg-0" > Accepteren </button> </div> <div class="col-12 col-lg-6"> <button id="js-deny-cookies-button" type="button" class="btn btn-outline-cookie w-100"> Weigeren </button> </div> </div> </div> </div> </div> </div> </div> <div id="header"> <div id="headermenu"> <a rel="nofollow" id="headerbasket" href="/create/basket" title="Winkelmandje"> <span id="basket_text"> Winkelmandje </span> <span id="basket_count"> <span class="basket_count-text"> 0 items </span> </span> </a> <a id="headerlogin" class="inloggen" href="#" title="Inloggen"> <span>Inloggen</span> </a> <span style="clear: both;"> </span> </div> <div id="visual-content"></div> </div> <div id="mid" class="container content-wrapper"> <div class="cols"> <div id="pagecontent" class=" md-12 " > <div id="pagebody">
vendor: 79 bytes, line 79
79 <script async defer src="https://www.google.com/recaptcha/api.js"></script>
79<div id="fb-root"></div> <div class="cols"> <div class="sm-6"> <h2>Inloggen</h2> <form class="field-horizontal" action="login_submit" method="post"> <div class="field-group cols"> <label class="md-4 field-label text-left"> E-mailadres: </label> <div class="md-8"> <input type="email" class="field-input" name="email_login" placeholder="E-mailadres" autocomplete="username" /> <input type="hidden" id="redirecturl" name="redirecturl" value="" /> </div> </div> <div class="field-group cols"> <label class="md-4 field-label text-left">Wachtwoord:</label> <div class="md-8"> <input type="password" class="field-input" name="password" placeholder="Wachtwoord" autocomplete="current-password" /> </div> </div> <div class="field-group cols"> <div class="md-8"> <input type="submit" class="button button-primary" value="Inloggen" /> </div> <div class="md-8"> <a class="button button-primary" href="/password_reset" >Wachtwoord vergeten</a > </div> </div> </form> </div> <div class="sm-6"> <h2>Nieuwe klant</h2> <form class="field-horizontal" action="register_submit" method="post"> <div class="field-group cols"> <label class=" md-5 field-label text-left"> Naam: </label> <div class="md-7"> <input type="text" class="field-input" name="first_name" placeholder="Voornaam" autocomplete="given-name" /> </div> </div> <div class="field-group cols"> <div class="md-7 md-offset-5"> <input type="text" class="field-input" name="last_name" placeholder="Achternaam" autocomplete="family-name" /> </div> </div> <div class="field-group cols"> <label class="md-5 field-label text-left"> E-mailadres: </label> <div class="md-7"> <input type="email" class="field-input" name="email" placeholder="E-mailadres" autocomplete="username" /> </div> </div> <div class="field-group cols"> <label class="md-5 field-label text-left">Wachtwoord:</label> <div class="md-7"> <input type="password" class="field-input" name="password" placeholder="Wachtwoord" autocomplete="new-password" /> </div> </div> <div class="modal-field-group"> <input type="checkbox" id="news_emails_registration" name="news_emails_registration" /> <span>Ja, stuur mij het laatste nieuws en leuke aanbiedingen! </span> </div> <div class="field-group cols"> <div class="md-8"> <div class="g-recaptcha" data-sitekey="6LdMTBwTAAAAAAqPBI_mJLxz1cfmt01MwRF-CIJs" ></div> </div> </div> <div class="field-group cols"> <div class="md-12"> <input type="submit" class="button button-primary" value="Verstuur" /> <input type="hidden" id="redirecturl_register" name="redirecturl" value="" /> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div id="footer"> <!-- start footer_html --> <div class="footer mt-5"> 80<div class="footer-header"> 81<div class="bs-container-xxxl"> 82<div class="usp-items"><a class="usp-item delivery d-none d-lg-inline-flex" href="/bezorging"><span class="usp-icon-container"><img alt="" src="/media/lf-usp-icon-sc-03.webp" /></span><span class="usp-text"> <span class="usp-subtitle">Binnen </span><span class="usp-title">2 werkdagen</span> <span class="usp-subtitle"> verzonden</span> </span> </a> <a class="usp-item stars d-lg-inline-flex" href="/reviews"><span class="usp-icon-container"><img alt="" src="/media/lf-usp-icon-sc-10.webp" /></span><span class="usp-text"> <span class="usp-title"><span class="StarCount">4.17</span></span> <span class="usp-subtitle">van de 5 sterren</span> </span> </a> <a class="usp-item cs d-none d-lg-inline-flex" href="/ontwerpen-tips"><span class="usp-icon-container"><img alt="" src="/media/lf-usp-icon-sc-02.webp" /></span> <span class="usp-text"> <span class="usp-title">Gemakkelijk volledig te personaliseren</span> </span></a> 83<div class="usp-item socials d-none d-lg-inline-flex"><span class="usp-icon-container"> <a href="https://www.instagram.com/simplycolorsnl" target="_blank"><img alt="Instagram icon" class="img-responsive" loading="lazy" src="/media/instagram-icon.svg" /></a> <a href="https://nl.pinterest.com/simplycolorsNL" target="_blank"><img alt="Pinterest icon" class="img-responsive" loading="lazy" src="/media/pinterest-icon.svg" /></a> <a href="https://www.facebook.com/simplycolorsnederland/" target="_blank"><img alt="Facebook icon" class="img-responsive" loading="lazy" src="/media/facebook-icon.svg" /></a> </span><span class="usp-text"> <span class="usp-title">Volg ons </span> <span class="usp-subtitle">en blijf op de hoogte</span> </span></div> 84</div> 85</div> 86</div> 87 88<div style="background-color: #F4F3F2;"> 89<div class="footer-body pt-md-5 pt-3"> 90<div class="bs-container-xxxl"> 91<div class="row row-cols-5"> 92<div class="xs-12 xsm-12 sm-12 md-12 lg-12"> 93<div class="cols d-lg-flex d-block"> 94<div class="xs-12 xsm-12 sm-12 md-4 lg-4"> 95<div class="footer-accordion" style="text-align: left;"><span class="footer-title" style="text-align: left; display: block;">Blogs & Inspiratie</span> 96 97<ul class="footer-section"> 98 <li class="footer-item"><a href="/top-100-jongensnamen">Top 100 jongensnamen</a></li> 99 <li class="footer-item"><a href="/top-100-meisjesnamen">Top 100 meisjesnamen</a></li> 100 <li class="footer-item"><a href="/blog/bedankcadeautjes-juf-meester-coach">Bedankcadeautjes voor juf en meester</a></li> 101 <li class="footer-item"><a href="/blog/leukste-huwelijkscadeaus-met-naam">Inspiratie voor huwelijkscadeaus</a></li> 102</ul> 103</div> 104</div> 105 106<div class="xs-12 xsm-12 sm-12 md-4 lg-4"> 107<div class="footer-accordion" style="text-align: left;"><span class="footer-title" style="text-align: left; display: block;">Zakelijke klanten</span> 108 109<ul class="footer-section"> 110 <li class="footer-item"><a href="/zakelijk/relatiegeschenk">Alle relatiegeschenken</a></li> 111 <li class="footer-item"><a href="/zakelijk">Neem contact op</a></li> 112 <li class="footer-item">
112<a href="/offerte-aanvragen">Offerte aanvragen</a></li> 113 <li class="footer-item"><a href="/zakelijk-account">Zakelijk account</a></li> 114</ul> 115</div> 116</div> 117 118<div class="xs-12 xsm-12 sm-12 md-4 lg-4"> 119<div class="footer-accordion" style="text-align: left;"><span class="footer-title" style="text-align: left; display: block;">Algemene Informatie</span> 120 121<ul class="footer-section"> 122 <li class="footer-item"><a href="/nieuwsbrief">Schrijf je in voor de nieuwsbrief!</a></li> 123 <li class="footer-item"><a href="/contact">Veelgestelde vragen</a></li> 124 <li class="footer-item"><a href="/bestellen">Bestellen: hoe werkt het?</a></li> 125 <li class="footer-item"><a href="/betalen">Betaalmogelijkheden</a></li> 126 <li class="footer-item"><a href="/bezorging">Verzending en bezorging</a></li> 127 <li class="footer-item"><a href="/zakelijk-account">Zakelijk account aanvragen</a></li> 128</ul> 129</div> 130</div> 131 132<div class="xs-12 xsm-12 sm-12 md-4 lg-4"> 133<div class="bs-container-xxxl display-none display-md-block p-0"><img alt="Footer logo Simply Colors" class="img-responsive footer-logo mb-3" src="/media/logo.png" /></div> 134 135<div class="footer-accordion" style="text-align: left;"><span class="footer-title" style="text-align: left; display: block;">Contact</span> 136 137<ul class="footer-section"> 138 <li class="footer-item">Telefonisch bereikbaar op:</li> 139 <li class="footer-item">ma t/m vr: <span class="CStime"></span></li> 140 <li class="footer-item"><a href="tel:0356038210">+31 (0)35 603 82 10</a></li> 141 <li class="footer-item"><a href="mailto:[email protected]">[email protected]</a></li> 142 <li class="footer-item"><a href="mailto:[email protected]">[email protected]</a></li> 143</ul> 144</div> 145</div> 146</div> 147</div> 148</div> 149</div> 150</div> 151 152<div class="payment-block"> 153<div class="bs-container-xxxl"> 154<div class="footer-header-payment"> 155<div class="payment-items-icons"> 156<div class="payment-items-text" style="text-align: center;"><strong class="mb-3 mb-md-0 d-block d-md-inline-flex">Veilig winkelen en betalen: </strong> <img alt="Webshop Keurmerk" loading="lazy" src="/media/webshopkeurmerk.png" /> <img alt="iDeal logo" loading="lazy" src="/media/ideal_logo_.png" /> <img alt="Klarna logo" height="30" loading="lazy" src="/media/klarna.png" width="45" /> <img alt="Visa logo" loading="lazy" src="/media/visa.svg" /> <img alt="Mastercard logo" loading="lazy" src="/media/mastercard.svg" /> <img alt="Mister Cash logo" height="38" loading="lazy" src="/media/bancontact.png" width="50" /></div> 157</div> 158</div> 159 160<div class="col-12 col-lg-3 pt-5 d-lg-none"> 161<div class="social-media-icons"><span class="social-text"><strong class="mb-3 d-block">Volg ons:</strong></span><a class="social-icon instagram" href="https://www.instagram.com/simplycolorsnl" target="_blank"><img alt="Instagram icon" class="img-responsive" loading="lazy" src="/media/instagram-icon.svg" /></a> <a class="social-icon facebook" href="https://www.facebook.com/simplycolorsnederland/" target="_blank"><img alt="Facebook icon" class="img-responsive" loading="lazy" src="/media/facebook-icon.svg" /></a> <a class="social-icon pinterest" href="https://nl.pinterest.com/simplycolorsNL" target="_blank"><img alt="Pinterest icon" class="img-responsive" loading="lazy" src="/media/pinterest-icon.svg" /></a></div> 162</div> 163</div> 164</div> 165 166<div class="footer-foot"> 167<div class="bs-container-xxxl"> 168<div class="foot-wrapper"> 169<div class="row"> 170<div class="col-12 col-lg-9"> 171<div class="copyright"><a href="/cookies">Cookiebeleid</a> <a href="/privacy">Privacy statement</a> <a class="d-block d-lg-inline" href="/algemene_voorwaarden">Algemene voorwaarden</a> <a href="/">© 2026 Simply Colors.nl</a></div> 172</div> 173 174<div class="col-12 col-lg-3 d-none d-lg-block"> 175<div class="social-media-icons"><span class="social-text"><strong>Volg ons:</strong></span> <a class="social-icon instagram" href="https://www.instagram.com/simplycolorsnl" target="_blank"><img alt="Instagram icon" class="img-responsive" loading="lazy" src="/media/instagram-icon.svg" /></a> <a class="social-icon facebook" href="https://www.facebook.com/simplycolorsnederland/" target="_blank"><img alt="Facebook icon" class="img-responsive" loading="lazy" src="/media/facebook-icon.svg" /></a> <a class="social-icon pinterest" href="https://nl.pinterest.com/simplycolorsNL" target="_blank"><img alt="Pinterest icon" class="img-responsive" loading="lazy" src="/media/pinterest-icon.svg" /></a></div> 176</div> 177</div> 178</div> 179</div> 180</div> 181</div> 182</div> 183 <!-- end footer_html --> <a href="/" title="home"><span id="home"></span></a> </div> </div> <div class="stick_to_bottom"></div>
183<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous" ></script>
183
183<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
183
183<script src="/js/cookie-message.js?a78d34b9" defer></script>
183 <div> <div id="favoritedesignModal" class="favoritesModal modal fade"> <div class="modal-dialog modal-sm"> <div class="modal-content border-0 shadow-sm"> <div class="modal-header"> <span class="close" data-bs-dismiss="modal"><i class="fa-regular fa-close text-black"></i></span> </div> <div class="modal-body"> <h2 class="modal-text-left">Toegevoegd aan je collectie</h2> <p class="modal-small-text modal-text-left"> Dit design is nu toegevoegd aan je eigen collectie. </p> <div class="modal-button-group modal-button-group-justified"> <button type="button" class="modal-button modal-button-default close-modal" data-bs-dismiss="modal" > Verder zoeken </button> </div> </div> <div class="modal-footer"> <div class="modal-text-center"> <a href="/eigen_collectie" data-modal-locked="true" >Bekijk je eigen collectie</a > </div> </div> </div> </div> </div> <div id="unfavoritedesignModal" class="favoritesModal modal fade"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <span class="close">❌</span> </div> <div class="modal-body"> <h2 class="modal-text-left">Verwijderd uit eigen collectie</h2> <p class="modal-small-text modal-text-left"> Deze kaart is nu verwijderd uit je eigen collectie. </p> <div class="modal-button-group modal-button-group-justified"> <button type="button" class="modal-button modal-button-default close-modal"> Verder zoeken </button> </div> </div> <div class="modal-footer"> <div class="modal-text-center"> <a href="/eigen_collectie" data-modal-locked="true" >Bekijk je eigen collectie</a > </div> </div> </div> </div> </div> </div><div> <div class="modal fade" id="unchangedFreeformModal" tabindex="-1" aria-hidden="true" data-enabled="false" > <div class="modal-dialog modal-dialog-centered"> <div class="modal-content border-0 shadow-sm rounded"> <div class="modal-header border-0 pb-0"> <h5 class="modal-title fw-bold text-dark">Voorbeeldtekst aanwezig</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-muted"> Het lijkt erop dat je de voorbeeldtekst nog niet hebt aangepast. Wil je het product toch aan je winkelwagen toevoegen? </div> <div class="modal-footer border-0 d-flex flex-column gap-2"> <button type="button" class="btn btn-primary w-100" data-bs-dismiss="modal"> Aanpassen </button> <button type="button" id="modalConfirmBtn" class="btn w-100 border"> Doorgaan </button> </div> </div> </div> </div> </div>
183<script> var is_floating_login = true; </script>
vendor: 113 bytes, line 183
183 <script class="js-recaptcha-script" data-src="https://www.google.com/recaptcha/api.js" async defer></script>
183<div id="loginModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="loginModalLabel" tabindex="-1" > <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header modal-tabs"> <span class="modal-tab modal-tab-active"> <span class="modal-tab-title">Inloggen</span> <span class="modal-tab-text">Je hebt een account</span> </span> <span class="modal-tab" data-bs-toggle="modal" data-bs-target="#registerModal"> <span class="modal-tab-title">Account maken</span> <span class="modal-tab-text">Voor nieuwe gebruikers</span> </span> </div> <div class="modal-body px-4 pt-3"> <form method="POST"> <div class="mb-2"> Nog geen account? <a href="#" data-bs-toggle="modal" data-bs-target="#registerModal" >Account maken</a > </div> <div class="form-floating mb-3"> <input type="email" class="form-control" id="email_login" autocomplete="username" name="email_login" placeholder="E-mailadres" /> <label for="email_login">E-mailadres</label> </div> <div class="form-floating"> <input id="password_login" name="password_login" class="form-control" type="password" autocomplete="current-password" placeholder="Wachtwoord" /> <label for="password_login">Wachtwoord</label> </div> <div class="d-block text-right mb-3 mt-1"> <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#forgetpasswordModal" >Wachtwoord vergeten?</a > </div> <p class="invalid-feedback modal-login-alert mb-3"></p> <button type="submit" class="btn btn-success w-100 mb-2" onclick="login_async(); return false;"> Inloggen </button> <button type="button" data-bs-dismiss="modal" class="btn btn-light w-100"> Annuleren </button> </form> </div> </div> </div> </div> <div id="forgetpasswordModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="forgetpasswordModalLabel" tabindex="-1" > <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header pl-4"> <p class="h5 modal-title">Wachtwoord vergeten</p> <span class="back" data-bs-toggle="modal" data-bs-target="#loginModal" ><i class="shopicons shopicons-close"></i ></span> </div> <div class="modal-body px-4 pt-0"> <form method="POST"> <p class="modal-small-text">Vul hieronder het geregistreerde e-mailadres in om een e-mail te ontvangen waarmee een nieuw wachtwoord ingesteld kan worden.</p> <div class="mb-4"> <div class="form-floating"> <input type="text" class="form-control" id="email_reset_password" name="email_reset_password" placeholder="E-mailadres" /> <label for="email_reset_password">E-mailadres</label> </div> <div class="invalid-feedback"></div> </div> <div class="row g-2"> <div class="col-12"> <div class="g-recaptcha" data-sitekey="6LdMTBwTAAAAAAqPBI_mJLxz1cfmt01MwRF-CIJs"></div> </div> <div class="col-6"> <button type="button" data-bs-toggle="modal" data-bs-target="#loginModal" class="btn btn-light w-100" > Annuleren </button> </div> <div class="col-6"> <button type="submit" class="btn btn-success w-100" onclick="reset_password_async(); return false;" > Verstuur </button> </div> </div> </form> </div> </div> </div> </div> <div id="forgetpasswordconfirmedModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="forgetpasswordconfirmedModalLabel" tabindex="-1" > <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header pl-4"> <p class="h5 modal-title">Herstel e-mail verstuurd</p> <span class="close" data-bs-dismiss="modal" aria-label="Close" ><i class="shopicons shopicons-close"></i ></span> </div> <div class="modal-body px-4 pt-1"> <p class="mb-4 lh-sm">Er is een herstel e-mail verstuurd naar het volgende e-mailadres:</p> <strong class="modal-show-email mb-4 d-block"></strong> <p class="small">Het kan even duren voordat de e-mail aankomt, klik op de link in de e-mail om het wachtwoord te wijzigen.</p> </div> </div> </div> </div> <div id="registrationconfirmedModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="registrationconfirmedModalLabel" tabindex="-1" >
183 <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header pl-4"> <p class="h5 modal-title">Account gemaakt</p> <span data-bs-dismiss="modal" class="close" aria-label="Close" ><i class="shopicons shopicons-close"></i ></span> </div> <div class="modal-body px-4"> <p class="mb-4 lh-sm" id="registrationconfirmedModalEmail"></p> <button type="button" class="btn btn-primary w-100" data-bs-dismiss="modal"> Ga verder </button> </div> </div> </div> </div> <div id="registerModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="registerModalLabel" tabindex="-1" > <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header modal-tabs"> <span class="modal-tab" data-bs-toggle="modal" data-bs-target="#loginModal"> <span class="modal-tab-title">Inloggen</span> <span class="modal-tab-text">Je hebt een account</span> </span> <span class="modal-tab modal-tab-active"> <span class="modal-tab-title">Account maken</span> <span class="modal-tab-text">Voor nieuwe gebruikers</span> </span> </div> <div class="modal-body px-4 pt-3"> <form method="POST"> <p class="mb-3"> Al een account? <a href="#" data-bs-toggle="modal" data-bs-target="#loginModal"> Inloggen </a> </p> <div class="mb-3"> <div class="form-floating"> <input type="text" class="form-control" id="modal_firstname" name="firstname" placeholder="Voornaam" /> <label for="modal_firstname">Voornaam</label> </div> <div class="invalid-feedback"></div> </div> <div class="mb-3"> <div class="form-floating"> <input type="text" class="form-control" id="modal_lastname" name="lastname" placeholder="Achternaam" /> <label for="modal_lastname">Achternaam</label> </div> <div class="invalid-feedback"></div> </div> <div class="mb-3"> <div class="form-floating"> <input type="email" class="form-control" id="modal_email" name="email_register" autocomplete="username" placeholder="E-mailadres" /> <label for="modal_email">E-mailadres</label> </div> <div class="invalid-feedback"></div> </div> <div class="mb-3"> <div class="form-floating"> <input type="password" class="form-control" id="modal_password" name="password" placeholder="Minimaal 6 tekens" autocomplete="new-password" /> <label for="modal_password">Wachtwoord</label> </div> <div class="invalid-feedback"></div> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" name="news_emails_registration" id="modal_news_emails_registration" /> <label class="form-check-label" for="news_emails_registration"> Ja, stuur mij het laatste nieuws en leuke aanbiedingen! </label> </div> <span class="modal-alert-danger modal-register-alert modal-hide mb-2 text-danger small" >Het formulier is nog niet compleet ingevuld. Vul de ontbrekende gegevens in.</span > <div class="mb-3"> <div class="form-floating"> <div id="modal_recaptcha" class="g-recaptcha" data-sitekey="6LdMTBwTAAAAAAqPBI_mJLxz1cfmt01MwRF-CIJs" ></div> <div class="invalid-feedback"></div> </div> </div> <button type="submit" class="btn btn-success w-100 mb-2" onclick="register_async(); return false;"> Account maken </button> <button type="button" data-bs-dismiss="modal" class="btn btn-light w-100"> Annuleren </button> </form> </div> </div> </div> </div>
183<script> const registration_text = "Er is een account gemaakt. Een bevestigingsmail is verstuurd naar: [email]"; </script>
183
183<script src="/js/modals.js?bc05eda6" defer></script>
183 <!-- start shop asset van-voor-prijs bridge --> <!-- prettier-ignore -->
183<script> /* Van-voor-prijs â brug voor de prijstool 184 * 185 * Plaats dit in de custom scripts-tab van de shop. Het doet niets voor bezoekers: 186 * het luistert alleen wanneer de pagina in een iframe staat, en antwoordt alleen 187 * op berichten van de prijstool zelf. 188 * 189 * Waarom dit nodig is: de shop stuurt geen CORS-headers, dus de tool kan de 190 * productvarianten niet rechtstreeks uit de browser ophalen. Binnen deze pagina 191 * is dat wel same-origin, dus de tool vraagt het hier op. 192 */ 193(function () { 194 'use strict'; 195 196 /** Alleen de tool mag deze brug gebruiken. */ 197 var TOOL_ORIGIN = 'https://sparkles-extensions.web.app'; 198 199 // Op een gewone paginaweergave is er niets te doen. Zo staat er voor bezoekers 200 // geen listener actief. 201 if (window.top === window.self) return; 202 if (window.__vanVoorPrijsBridge) return; 203 window.__vanVoorPrijsBridge = true; 204 205 /** 206 * Alleen paden binnen deze shop. Een absolute URL naar elders zou van de brug 207 * een open proxy maken waarmee iemand anders' server benaderd kan worden. 208 */ 209 function sameOriginUrl(path) { 210 var url = new URL(String(path || ''), window.location.origin); 211 if (url.origin !== window.location.origin) return null; 212 return url; 213 } 214 215 function reply(message) { 216 window.parent.postMessage(message, TOOL_ORIGIN); 217 } 218 219 window.addEventListener('message', function (event) { 220 if (event.origin !== TOOL_ORIGIN) return; 221 if (event.source !== window.parent) return; 222 223 var data = event.data; 224 if (!data || typeof data !== 'object') return; 225 226 if (data.type === 'vvp:ping') { 227 reply({ type: 'vvp:ready', origin: window.location.origin }); 228 return; 229 } 230 231 if (data.type !== 'vvp:fetch') return; 232 233 var id = data.id; 234 var url = sameOriginUrl(data.path); 235 if (!url) { 236 reply({ type: 'vvp:result', id: id, ok: false, error: 'Alleen paden binnen deze shop.' }); 237 return; 238 } 239 240 // Zonder cookies: de brug mag nooit persoonlijke of ingelogde pagina's 241 // teruggeven, alleen wat een willekeurige bezoeker ook ziet. 242 fetch(url.toString(), { 243 credentials: 'omit', 244 headers: { accept: data.as === 'json' ? 'application/json' : 'text/html' }, 245 }) 246 .then(function (response) { 247 return response.text().then(function (body) { 248 reply({ 249 type: 'vvp:result', 250 id: id, 251 ok: response.ok, 252 status: response.status, 253 body: body, 254 }); 255 }); 256 }) 257 .catch(function (error) { 258 reply({ type: 'vvp:result', id: id, ok: false, error: String(error && error.message) }); 259 }); 260 }); 261 262 reply({ type: 'vvp:ready', origin: window.location.origin }); 263})();</script>
263 <!-- end shop asset van-voor-prijs bridge --> <!-- start shop asset PDP empty option group --> <!-- prettier-ignore -->
263<script>(function () { 264 function isGroupEmpty(groupEl) { 265   if (!groupEl) return true; 266 267 268 269   // Relevante content binnen een groep (uitbreidbaar indien nodig) 270   const meaningful = groupEl.querySelector( 271     [ 272       // âklassiekeâ option group elementen 273       'pb-option', 274       '.option-group', 275       '.option-group-header', 276       '.option-group-content', 277       // cluster varianten 278       'pb-option-group-cluster', 279       'pb-option-group-clustered', 280       // generieke interactieve/zichtbare content 281       'input', 282       'select', 283       'button', 284       '[role="button"]' 285     ].join(', ') 286   ); 287 288 289 290   if (meaningful) return false; 291 292 293 294   // Als er geen element-children zijn én de tekst leeg/whitespace is, 295   // dan is dit vrijwel zeker een âcomment-onlyâ groep (<!----> etc.) 296   const hasElementChildren = groupEl.children.length > 0; 297   const hasText = groupEl.textContent && groupEl.textContent.trim() !== ''; 298 299 300 301   return !(hasElementChildren || hasText); 302 } 303 304 305 306 function evaluate() { 307   const pdp = document.querySelector('#pdp'); 308   if (!pdp) return; 309 310 311 312   const builderContainer = pdp.querySelector('.product-builder-container'); 313   const productBuilder = pdp.querySelector('product-builder'); 314   if (!builderContainer || !productBuilder) return; 315 316 317 318   // Verzamel alle mogelijke groepen die opties kunnen bevatten 319   const groups = productBuilder.querySelectorAll( 320     'pb-option-group, pb-option-group-cluster' 321   ); 322 323 324 325   // Als er überhaupt geen groepen zijn, beschouwen we het als leeg 326   const isAllEmpty = groups.length === 0 327     ? true 328     : Array.from(groups).every(isGroupEmpty); 329 330 331 332   if (isAllEmpty) { 333     builderContainer.style.display = 'none'; 334   } else { 335     // Laat weer zien zodra er content is 336     builderContainer.style.removeProperty('display'); 337   } 338 } 339 340 341 342 // Run bij DOM ready en bij window load (voor late renders) 343 document.addEventListener('DOMContentLoaded', evaluate); 344 window.addEventListener('load', evaluate); 345 346 347 348 // Observeer dynamische wijzigingen (Angular/Web Components) 349 const startObserver = () => { 350   const pdp = document.querySelector('#pdp'); 351   const productBuilder = pdp && pdp.querySelector('product-builder'); 352   if (!productBuilder) return; 353 354 355 356   let debounce; 357   const observer = new MutationObserver(() => { 358     clearTimeout(debounce); 359     debounce = setTimeout(evaluate, 50); 360   }); 361 362 363 364   observer.observe(productBuilder, { 365     childList: true, 366     subtree: true, 367   }); 368 369 370 371   // Eerste check 372   evaluate(); 373 }; 374 375 376 377 // Als #pdp of product-builder later pas in de DOM komt: 378 if (document.readyState === 'loading') { 379   document.addEventListener('DOMContentLoaded', startObserver); 380 } else { 381   startObserver(); 382 } 383})();</script>
383 <!-- end shop asset PDP empty option group --> <!-- start shop asset footer-js --> <!-- prettier-ignore -->
383<script> $(function() { 384 385 $('.footer-title').click(function(e) { 386 e.preventDefault(); 387 if ($(window).width() < 992) { 388 $(this).parent().find('.footer-section').toggleClass('d-block'); 389 } 390 }) 391 392});</script>
392 <!-- end shop asset footer-js --> <!-- start shop asset accordion-faq js --> <!-- prettier-ignore -->
392<script>$(document).ready(function () { 393 var accordionList = document.getElementsByClassName("accordion-faq"); 394 395 for (var i = 0; i < accordionList.length; i++) { 396 var accordionFaq = accordionList[i]; 397 398 $('<i class="icon icon-angle-down"> </i>').appendTo(accordionFaq); 399 accordionFaq.addEventListener("click", function () { 400 var icon = this.getElementsByClassName('icon')[0]; 401 402 this.classList.toggle("active"); 403 404 var panel = this.nextElementSibling; 405 if (panel.style.display === "block") { 406 panel.style.display = "none"; 407 icon.classList.add('icon-angle-down'); 408 icon.classList.remove('icon-angle-up'); 409 } else { 410 panel.style.display = "block"; 411 icon.classList.remove('icon-angle-down'); 412 icon.classList.add('icon-angle-up'); 413 } 414 }); 415 } 416});</script>
416 <!-- end shop asset accordion-faq js --> <!-- start shop asset Zakelijke bestellen link PDP --> <!-- prettier-ignore -->
416<script> document.addEventListener("DOMContentLoaded", function() { 417// if (document.body.id !== "pdp") { 418// return; 419// } 420 421// var priceElement = document.querySelector(".js-freeform-unit-price"); 422 423// if (priceElement) { 424// var businessOrderLink = document.createElement("a"); 425// businessOrderLink.href = "/offerte-aanvragen"; 426// businessOrderLink.target = "_blank"; 427// businessOrderLink.textContent = "Zakelijk bestellen?"; 428// businessOrderLink.classList.add("business-order-link"); 429// businessOrderLink.style.marginLeft = "10px"; 430 431// priceElement.insertAdjacentElement("afterend", businessOrderLink); 432// } 433// }); 434</script>
434 <!-- end shop asset Zakelijke bestellen link PDP --> <!-- start shop asset usps-gegraveerd-relatiegeschenk --> <!-- prettier-ignore -->
434<script> if ($('.gegraveerd-relatiegeschenk').length) { 435 $('.pdp-usp').html('<ul><li><a href="/zakelijk/relatiegeschenk#offerteaanvraag">Neem contact op</a> voor het graveren van jouw logo</li><li><a href="/zakelijk/relatiegeschenk">Zakelijke relatiegeschenken</a> naar wens personaliseren</li><li>Vanaf â¬50 gratis verzending</li></ul>'); 436 437}</script>
437 <!-- end shop asset usps-gegraveerd-relatiegeschenk --> <!-- start shop asset CS beschikbare tijden --> <!-- prettier-ignore -->
437<script> $(document).ready(function(){ 438 $(".CStime").html("10.00 - 17.00 uur"); 439});</script>
439 <!-- end shop asset CS beschikbare tijden --> <!-- start shop asset swiper-usp-topbar --> <!-- prettier-ignore -->
439<script> $(function () { 440 new Swiper('.usp-swiper-topbar', { 441 grabCursor: true, 442 slidesPerView: "1", 443 autoplay: { 444 delay: 5000, 445 }, 446 spaceBetween: 0 447 }); 448 })</script>
448 <!-- end shop asset swiper-usp-topbar --> <!-- start shop asset Stars and review count --> <!-- prettier-ignore -->
448<script> $(document).ready(function(){ 449 $(".StarCount").html("4,17"); 450}); 451 452$(document).ready(function(){ 453 $(".ReviewCount").html("50.750"); 454});</script>
454 <!-- end shop asset Stars and review count --> <!-- start shop asset navigation-bar-zakelijk --> <!-- prettier-ignore -->
454<script> document.addEventListener("DOMContentLoaded", function () { 455 var footer = document.querySelector(".navigation-bar-footer"); 456 457 if (footer) { 458 footer.insertAdjacentHTML('beforeend', ` 459 <div class="bg-light border-top container-fluid"> 460 <div class="bs-container-xxxl px-3 py-2 d-flex justify-content-end"> 461 <a href="/contact" class="small me-3">Klantenservice</a> 462 <a href="/zakelijk" class="small">Zakelijk</a> 463 </div> 464 </div> 465 `); 466 } 467}); 468</script>
468 <!-- end shop asset navigation-bar-zakelijk --> <!-- start shop asset swiper-min-css --> <link rel="stylesheet" type="text/css" href="/common/swiper.min.css" /> <!-- end shop asset swiper-min-css --> <!-- start shop asset load-html-after-js --> <!-- end shop asset load-html-after-js --> <!-- start shop asset swiper-js -->
468<script src="/js/swiper.min.js" defer></script>
468 <!-- end shop asset swiper-js --> <!-- start shop asset Swiper v10 -->
468<script src=" https://cdn.jsdelivr.net/npm/swiper@10/swiper-element-bundle.min.js" defer></script>
468 <!-- end shop asset Swiper v10 --> <!-- start shop asset Blogartikel --> <!-- end shop asset Blogartikel --> <!-- start shop asset swiper-plp-initialization-js --> <!-- prettier-ignore -->
468<script> window.addEventListener('DOMContentLoaded', function () { 469 const swipers = document.querySelectorAll('.swiper-plp'); 470 471 for( i=0; i< swipers.length; i++ ) { 472 473 swipers[i].classList.add('swiper-plp-' + i); 474 475 var slider = new Swiper('.swiper-plp-' + i, { 476 slidesPerView: 3, 477 spaceBetween: 10, 478 freeMode: { 479 enabled: true, 480 sticky: false, 481 }, 482 breakpoints: { 483 320: { 484 slidesPerView: 2, 485 }, 486 480: { 487 slidesPerView: 2, 488 }, 489 768: { 490 slidesPerView: 3.2, 491 } 492 } 493 }); 494 } 495});</script>
495 <!-- end shop asset swiper-plp-initialization-js --> <!-- start shop asset toon-meer-plp-text --> <!-- prettier-ignore -->
495<script> document.addEventListener("DOMContentLoaded", function () { 496 document.querySelectorAll(".text-content p").forEach(function (p) { 497 const fullText = p.innerHTML.trim(); 498 const words = fullText.split(" "); 499 500 if (words.length > 14) { 501 const truncatedText = words.slice(0, 16).join(" "); 502 503 // Maak een span voor de "..." 504 const ellipsis = document.createElement("span"); 505 ellipsis.classList.add("ellipsis"); 506 ellipsis.innerText = "..."; 507 508 // Maak een wrapper span om de verborgen tekst in te zetten 509 const wrapper = document.createElement("span"); 510 wrapper.classList.add("hidden-text"); 511 wrapper.style.display = "none"; 512 wrapper.innerHTML = words.slice(16).join(" "); 513 514 // Maak een "Meer" knop 515 const btn = document.createElement("button"); 516 btn.innerText = "Meer"; 517 btn.classList.add("toggle-btn"); 518 btn.style.background = "none"; 519 btn.style.border = "none"; 520 btn.style.color = "#63C7FD"; 521 btn.style.cursor = "pointer"; 522 btn.style.textDecoration = "underline"; 523 btn.style.marginLeft = "3px"; 524 525 // Klik-event voor de knop 526 btn.addEventListener("click", function () { 527 if (wrapper.style.display === "none") { 528 wrapper.style.display = "inline"; 529 ellipsis.style.display = "none"; // Verberg de "..." 530 btn.innerText = "Minder"; 531 } else { 532 wrapper.style.display = "none"; 533 ellipsis.style.display = "inline"; // Toon de "..." 534 btn.innerText = "Meer"; 535 } 536 }); 537 538 // Maak de paragraaf opnieuw op 539 p.innerHTML = truncatedText + " "; 540 p.appendChild(ellipsis); 541 p.appendChild(wrapper); 542 p.appendChild(btn); 543 } 544 }); 545}); 546 547</script>
547 <!-- end shop asset toon-meer-plp-text --> <!-- start shop asset blog-social-buttons --> <!-- prettier-ignore -->
547<script>document.addEventListener('DOMContentLoaded', function() { 548 if (document.querySelector(".bp-container")) { 549 const facebookBtn = document.querySelector(".facebook-btn"); 550 const twitterBtn = document.querySelector(".twitter-btn"); 551 const pinterestBtn = document.querySelector(".pinterest-btn"); 552 553 function init() { 554 const pinterestImg = document.querySelector(".pinterest-img"); 555 const articleTitleElement = document.getElementById("articleTitle"); 556 557 // Controleer of articleTitleElement bestaat 558 if (!articleTitleElement) { 559 console.error("Element #articleTitle niet gevonden."); 560 return; // Stop de functie als er geen articleTitleElement is 561 } 562 563 const pageTitle = articleTitleElement.textContent; 564 565 let postUrl = encodeURI(document.location.href); 566 let postTitle = encodeURI(`Hey! heb je dit al gelezen: ${pageTitle}`); 567 let postImg = encodeURI(pinterestImg ? pinterestImg.src : ''); 568 569 if (facebookBtn) { 570 facebookBtn.setAttribute( 571 "href", 572 `https://www.facebook.com/sharer.php?u=${postUrl}` 573 ); 574 } 575 576 if (twitterBtn) { 577 twitterBtn.setAttribute( 578 "href", 579 `https://twitter.com/share?url=${postUrl}&text=${postTitle}` 580 ); 581 } 582 583 if (pinterestBtn && pinterestImg) { 584 pinterestBtn.setAttribute( 585 "href", 586 `https://pinterest.com/pin/create/bookmarklet/?media=${postImg}&url=${postUrl}&description=${postTitle}` 587 ); 588 } 589 } 590 591 init(); // Roep init aan als .bp-container aanwezig is 592 } 593}); 594</script>
594 <!-- end shop asset blog-social-buttons --> <!-- start shop asset back2school-banner --> <!-- prettier-ignore -->
594<script> document.addEventListener('DOMContentLoaded', function () { 595 const navigationBar = document.querySelector('.navigation-bar'); 596 const navigationHeader = navigationBar?.querySelector('.navigation-bar-header'); 597 598 if (!navigationBar || !navigationHeader) return; 599 600 const notificationBar = document.createElement('div'); 601 notificationBar.className = 602 'notification-bar background-blue d-flex text-white text-center w-100 p-0 p-md-2 py-2'; 603 604 const link = document.createElement('a'); 605 link.href = '/broodtrommels-drinkbekers'; 606 link.className = 'text-white w-100'; 607 link.textContent = 608 'Mix & match schoolspullen en krijg tot â¬10 korting >'; 609 610 notificationBar.appendChild(link); 611 612 navigationBar.insertBefore(notificationBar, navigationHeader); 613});</script>
613 <!-- end shop asset back2school-banner --> <!-- start shop asset Herindeling PDP buy section gifts --> <!-- prettier-ignore -->
613<script>document.addEventListener('DOMContentLoaded', function () { 614 if (document.body.id === 'pdp' && window.innerWidth <= 991) { 615 const pdpPreview = document.querySelector('.pdp-preview'); 616 617 if (pdpPreview && !document.getElementById('mobile-product-builder-button')) { 618 const button = document.createElement('a'); 619 620 button.id = 'mobile-product-builder-button'; 621 button.className = 'btn btn-lg btn-success d-flex d-lg-none align-items-center justify-content-center flex-grow-1 mb-2'; 622 button.href = '#'; 623 button.innerText = 'Personaliseren'; 624 625 button.addEventListener('click', function (e) { 626 e.preventDefault(); 627 628 const target = document.querySelector('.design-title'); 629 630 if (target) { 631 const offset = 80; // Pas aan indien nodig voor een sticky header 632 const y = target.getBoundingClientRect().top + window.pageYOffset - offset; 633 634 window.scrollTo({ 635 top: y, 636 behavior: 'smooth' 637 }); 638 } 639 }); 640 641 pdpPreview.insertAdjacentElement('afterend', button); 642 } 643 } 644});</script>
644 <!-- end shop asset Herindeling PDP buy section gifts --> <!-- start shop asset searchbar-mobile-onpage --> <!-- end shop asset searchbar-mobile-onpage --> <!-- start shop asset discover-more-slide --> <!-- prettier-ignore -->
644<script>document.addEventListener("DOMContentLoaded", function () { 645 if (!document.body.id || document.body.id !== "pdp") { 646 return; 647 } 648 649 let breadcrumbs = document.querySelectorAll(".breadcrumb-item a"); 650 let lastBreadcrumbHref = breadcrumbs.length > 0 ? breadcrumbs[breadcrumbs.length - 1].getAttribute("href") : "#"; 651 652 let newSlide = document.createElement("swiper-slide"); 653 newSlide.classList.add("p-2", "d-flex", "align-items-center", "justify-content-center"); 654 newSlide.innerHTML = ` 655 <div class="web-component rounded justify-content-center d-flex flex-column align-items-center text-center h-100 w-100 p-4"> 656 <h3 class="mb-2">Laat je inspireren!</h3> 657 <p class="mb-3">Bekijk onze gehele collectie designs</p> 658 <a class="btn btn-primary px-4" href="${lastBreadcrumbHref}" type="button"> 659 <i class="fa-solid fa-grid-2 me-1"></i> Ontdek nu 660 </a> 661 </div> 662 `; 663 664 let webComponent = newSlide.querySelector(".web-component"); 665 if (webComponent) { 666 webComponent.style.setProperty("background-color", "var(--dark-green)"); 667 } 668 669 let swiperContainer = document.querySelector(".preview-swiper"); 670 if (swiperContainer) { 671 swiperContainer.appendChild(newSlide); 672 } 673}); 674</script>
674 <!-- end shop asset discover-more-slide --> <!-- start shop asset Complete-set-link-pdp --> <!-- prettier-ignore -->
674<script>// Controleer of het body-element de id 'body_design' of 'pdp' heeft 675var bodyElement = document.body; 676 677if (bodyElement.id === 'body_design' || bodyElement.id === 'pdp') { 678 679 // Controleer of het element met id 'complete-set-link' bestaat 680 var completeSetLink = document.getElementById('complete-set-link'); 681 682 if (completeSetLink) { 683 // Haal de href-waarde op 684 var hrefValue = completeSetLink.href; 685 686 // Maak een nieuw <a>-element aan 687 var linkElement = document.createElement('a'); 688 689 // Stel de href-waarde in voor het nieuwe <a>-element 690 linkElement.href = hrefValue; 691 linkElement.innerText = 'Ontdek hier alle producten in dezelfde stijl'; 692 linkElement.id = 'complete-set-button'; 693 694 // Selecteer het juiste element op basis van de id van het body-element 695 var designTitleElement; 696 697 if (bodyElement.id === 'pdp') { 698 designTitleElement = document.querySelector(".design-title"); 699 } else if (bodyElement.id === 'body_design') { 700 designTitleElement = document.getElementById("design_title"); 701 } 702 703 if (designTitleElement) { 704 // Maak een nieuw element aan om het <a>-element in te plaatsen 705 var containerElement = document.createElement('div'); 706 containerElement.className = 'complete-set-wrapper'; 707 708 // Voeg het <a>-element toe aan het containerelement 709 containerElement.appendChild(linkElement); 710 711 // Voeg het containerelement toe na het juiste element 712 designTitleElement.parentNode.insertBefore( 713 containerElement, 714 designTitleElement.nextSibling 715 ); 716 } 717 } 718 719}</script>
719 <!-- end shop asset Complete-set-link-pdp --> <!-- start shop asset structured-data-snippet-chris --> <!-- prettier-ignore -->
719<script>// Simply Colors (SC) â productie-versie voor het CMS-asset `seo-structured-snippet-plp`. 720// Plak ALLE onderstaande JS in het asset ZONDER
720<script>-tags (CMS wrapt zelf). 721// 722// Twee modi, één asset: 723// ⢠PLP â fetcht per-PLP JSON-LD uit de GCS-bucket en injecteert het in <head>. 724// ⢠PDP â leest het Product-blok dat het platform al server-side rendert en 725// verrijkt het ter plekke: @id (linkt met de PLP-ItemList), brand â 726// #organization, seller, priceValidUntil-fix, designer â additionalProperty, 727// HTML uit de description. Geen bucket/fetch; faalt stil naar het origineel. 728// 729// PLP-detectie: .thumbnail-card-title OF .mf__group (gedeelde KC-classname, ook 730// op niet-MF-shops). PDP-detectie: een Product-JSON-LD blok waarvan offers.url 731// naar de huidige pagina wijst. 732// Opruimstap (PLP): kapotte JSON-LD blokken -> text/plain (FAQPage-renderer-bug). 733// Per shop verschilt alleen BUCKET_BASE + ORG_NAME. 734// 735// LET OP (SC): canonical is www.simplycolors.nl (non-www geeft 301). ORG_ID volgt 736// de pagina-host (location.origin); verifieer dat de homepage-#organization-node 737// op www staat, anders resolveert de brand/seller-ref niet. 738(function () { 739 try { 740 var BUCKET_BASE = "https://storage.googleapis.com/simplycolors-plp-jsonld"; 741 var ORG_ID = location.origin + "/#organization"; // anker-node op de homepage 742 var ORG_NAME = "Simply Colors"; // = name van de #organization-node 743 744 // Async image-patch bij de PDP-verrijking: het KC-schema wijst bij fysieke 745 // producten naar origineel_img-renders (alleen de designlaag, soms blanco). 746 // De weekly job zet per gefixt product de feed-image klaar onder pdp/ in de 747 // bucket; 404 = kaart of onbekend product = niets doen. 748 function patchPdpImage(el, node, here) { 749 if (el.hasAttribute("data-po-jsonld-pdp-img")) return; 750 var slug = here.replace(/^\/+/, "").replace(/\//g, "__") + ".json"; 751 var cacheKey = "po-jsonld-pdp-img:" + here; 752 753 function apply(txt) { 754 var data; 755 try { data = JSON.parse(txt); } catch (e) { return; } 756 if (!data || !data.image) return; 757 node.image = [data.image]; 758 el.setAttribute("data-po-jsonld-pdp-img", ""); 759 el.textContent = JSON.stringify(node); 760 } 761 762 try { 763 var cached = sessionStorage.getItem(cacheKey); 764 if (cached) { apply(cached); return; } 765 } catch (e) {} 766 767 fetch(BUCKET_BASE + "/pdp/" + slug, { credentials: "omit", cache: "default" }) 768 .then(function (r) { return r.ok ? r.text() : null; }) 769 .then(function (txt) { 770 if (!txt) return; 771 apply(txt); 772 try { sessionStorage.setItem(cacheKey, txt); } catch (e) {} 773 }) 774 .catch(function () { /* faal stil */ }); 775 } 776 777 // PDP: lees het Product-blok dat het platform al rendert en verrijk het ter plekke. 778 function enrichPdp() { 779 var here = location.pathname.replace(/\/+$/, ""); 780 if (!here) return; // homepage is geen PDP 781 if (document.querySelector('script[data-po-jsonld-pdp]')) return; // al verrijkt 782 783 var blocks = document.querySelectorAll('script[type="application/ld+json"]'); 784 for (var i = 0; i < blocks.length; i++) { 785 var el = blocks[i], node; 786 try { node = JSON.parse(el.textContent || ""); } catch (e) { continue; } 787 if (!node || node["@type"] !== "Product" || 788 !node.offers || typeof node.offers !== "object" || Array.isArray(node.offers)) continue; 789 790 // Alleen het Product dat OVER DEZE pagina gaat (sluit homepage-rating + PLP uit). 791 var offerUrl = node.offers.url || ""; 792 var offerPath = offerUrl.replace(/^https?:\/\/[^/]+/, "").replace(/\/+$/, ""); 793 if (offerPath && offerPath !== here) continue; 794 795 var canonical = (offerUrl || (location.origin + here)).replace(/#.*$/, "").replace(/\/+$/, ""); 796 node["@id"] = canonical + "#product"; // koppelt met PLP-ItemList 797 798 // Designer behouden op de juiste plek (platform zet de designer-naam in brand). 799 var designer = node.brand && node.brand.name; 800 if (designer && designer !== ORG_NAME) { 801 node.additionalProperty = (node.additionalProperty || []).concat( 802 [{ "@type": "PropertyValue", "name": "Designer", "value": designer }]); 803 } 804 node.brand = { "@type": "Organization", "@id": ORG_ID, "name": ORG_NAME }; // merk = de shop 805 node.offers.seller = { "@id": ORG_ID }; 806 807 var t = node.offers.priceValidUntil ? Date.parse(node.offers.priceValidUntil) : NaN; 808 if (isNaN(t) || t < Date.now()) { // ontbreekt of verlopen â opfrissen 809 var d = new Date(); d.setFullYear(d.getFullYear() + 1); 810 node.offers.priceValidUntil = d.toISOString().slice(0, 10); 811 } 812 if (typeof node.description === "string" && node.description.indexOf("<") !== -1) { 813 node.description = node.description.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim(); 814 } 815 816 el.setAttribute("data-po-jsonld-pdp", ""); 817 el.textContent = JSON.stringify(node); // terugschrijven in hetzelfde blok â geen duplicaat 818 patchPdpImage(el, node, here); // async; faalt stil (404 = kaart) 819 return; 820 } 821 } 822 823 if (!document.querySelector(".thumbnail-card-title") && 824 !document.querySelector(".mf__group")) { 825 enrichPdp(); // geen PLP-markers â mogelijk een PDP 826 return; 827 } 828 829 try { 830 var existing = document.querySelectorAll( 831 'script[type="application/ld+json"]:not([data-po-jsonld-cloud])' 832 ); 833 for (var i = 0; i < existing.length; i++) { 834 var s = existing[i]; 835 try { 836 JSON.parse(s.textContent || ""); 837 } catch (e) { 838 s.type = "text/plain"; 839 s.setAttribute("data-po-jsonld-disabled", "invalid-json"); 840 } 841 } 842 } catch (e) {} 843 844 if (document.head.querySelector('script[data-po-jsonld-cloud]')) return; 845 846 var path = window.location.pathname.replace(/\/+$/, "").replace(/^\/+/, ""); 847 if (!path) return; 848 var slug = path.replace(/\//g, "__") + ".json"; 849 var jsonUrl = BUCKET_BASE + "/" + slug; 850 var cacheKey = "po-jsonld-cloud:" + path; 851 852 function inject(jsonText) { 853 if (document.head.querySelector('script[data-po-jsonld-cloud]')) return; 854 var s = document.createElement("script"); 855 s.type = "application/ld+json"; 856 s.setAttribute("data-po-jsonld-cloud", ""); 857 s.text = jsonText; 858 document.head.appendChild(s); 859 } 860 861 try { 862 var cached = sessionStorage.getItem(cacheKey); 863 if (cached) { inject(cached); return; } 864 } catch (e) {} 865 866 fetch(jsonUrl, { credentials: "omit", cache: "default" }) 867 .then(function (r) { return r.ok ? r.text() : null; }) 868 .then(function (txt) { 869 if (!txt) return; 870 try { JSON.parse(txt); } catch (e) { return; } 871 inject(txt); 872 try { sessionStorage.setItem(cacheKey, txt); } catch (e) {} 873 }) 874 .catch(function () { /* faal stil */ }); 875 } catch (err) { 876 if (window.console && console.warn) console.warn("[po-jsonld-cloud]", err); 877 } 878})();</script>
878 <!-- end shop asset structured-data-snippet-chris -->
878<script type="application/javascript" src="/common/components-js/navigation-bar.js?f635bf28" defer></script>
878
878<script type="module" src="/common/components-js/mega-navigation-bar.js?af0a6386"></script>
878
878<script> var app_trans = { app_text_retrieve_data_loading: "verzend gegevens ophalen...", app_text_not_available: "Niet beschikbaar", app_alert_delete: "Verwijderen", app_alert_message: "Zeker weten?", app_validation_valid_email: "Geef een geldig e-mailadres op", app_validation_subject_required: "Het onderwerp is verplicht", app_validation_message_required: "Het bericht is verplicht", app_validation_message_minimal_characters: "Het bericht moet minimaal %(number)s karakters bevatten", app_validation_recaptcha_required: "Klik op de recaptcha", app_alert_turn_off_all_filters_before_save: "Zet alle filters uit voordat u de volgorde opslaat s.v.p.", app_alert_successfully: "Succesvol", app_alert_successfully_saved: "Succesvol opgeslagen!", app_alert_error_something_went_wrong: "Er is iets niet goed gegaan ...", app_alert_confirm: "Bevestigen", app_alert_are_you_sure: "Weet u het zeker?", app_btn_ok: "Ok", app_btn_cancel: "Annuleren", app_text_add_social_account: "Account koppelen", app_text_add_social_account_explanation: "Klopt het dat je al een account hebt met dit mailadres? Je kunt nu eenvoudig dit account koppelen aan je Facebookprofiel. Klik hiervoor op de link die we je zojuist gemaild hebben.", app_text_from: "Vanaf", app_validation_no_filters_applied: "Nog geen filters toegepast", filter_text_filters: "Filters", filter_text_filter: "Filter", app_text_basket_is_empty: "Je winkelmandje is leeg", app_text_items_in_basket: "%(number)s in je winkelmandje", app_validation_no_filters_selected: "Geen filters geselecteerd", page_admin_overlay_text_move_to_top: "Bovenaan zetten", page_admin_overlay_text_manage_tags: "Tags beheren", page_admin_overlay_text_delete: "Verwijderen", favorites_title: "Favorieten", favorites_text: "Hier worden jouw favoriete kaartjes bewaard. Klik op een kaart om de details te bekijken.", }; </script>
878
878<script src="/js/render_bs_tooltips.js?80253e6a" type="module"></script>
878 </body> </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.