1 <!doctype html><html lang="nl"><head ><meta charset="utf-8"/> 2<meta name="title" content="Home page"/> 3<meta name="robots" content="INDEX,FOLLOW"/> 4<meta name="viewport" content="width=device-width, initial-scale=1"/> 5<title>Home page</title> 6<link rel="stylesheet" type="text/css" media="all" href="https://www.dancohr.com/static/version1746685665/_cache/merged/ec82013bbb1f51218b69e7f38cf8e648.min.css" /> 7 8<link rel="canonical" href="https://www.dancohr.com/nl/" /> 9<link rel="icon" type="image/x-icon" href="https://www.dancohr.com/media/favicon/default/favicon.png" /> 10<link rel="shortcut icon" type="image/x-icon" href="https://www.dancohr.com/media/favicon/default/favicon.png" /> 11<!-- Start of Zendesk Widget script --> 12 13<!-- End of Zendesk Widget script --> 14 15<meta name="facebook-domain-verification" content="q0zp9ibw6nj3e4q6qm6yxjml9iwu3e" /> 16<meta name="p:domain_verify" content="B244yUcLdJBMZ8vKJ2V15EzzblAHm0wQ"/> 17 18
18<script exclude-this-tag="text/x-magento-template"> 19 window.getWpCookie = function(name) { 20 match = document.cookie.match(new RegExp(name + '=([^;]+)')); 21 if (match) return decodeURIComponent(match[1].replace(/\+/g, ' ')) ; 22 }; 23 24 window.dataLayer = window.dataLayer || []; 25 var dlObjects = [{"pageName":"Home page","pageType":"home"}]; 26 for (var i in dlObjects) { 27 window.dataLayer.push({ecommerce: null}); 28 window.dataLayer.push(dlObjects[i]); 29 } 30 var wpCookies = ['wp_customerId','wp_customerGroup']; 31 wpCookies.map(function(cookieName) { 32 var cookieValue = window.getWpCookie(cookieName); 33 if (cookieValue) { 34 var dlObject = {}; 35 dlObject[cookieName.replace('wp_', '')] = cookieValue; 36 window.dataLayer.push(dlObject); 37 } 38 });</script>
38 39 <!-- Google Tag Manager -->
40<script exclude-this-tag="text/x-magento-template">
vendor: 331 bytes, lines 40-44
40(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 41new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 42j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 43'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 44})(window,document,'script','dataLayer','
44GTM-WXDZVCRM
vendor: 3 bytes, line 44
44');
44</script>
44 45<!-- End Google Tag Manager --> </head><body id="html-body" class="cms-home page-layout-1column cms-index-index page-layout-cms-full-width"> <!-- Google Tag Manager (noscript) --> 46<noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-WXDZVCRM 47height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 48<!-- End Google Tag Manager (noscript) --> <input name="form_key" type="hidden" value="Tn5NBFA1eqkwkx4U" /> <div class="page-wrapper"><header class="page-header"><div class="header-top"><div class="container"> <div class="header-usps mr-auto overflow-hidden" data-content-type="usp-slider"></div><div class="header-links header-links--top"><style>#html-body [data-pb-style=IDY838E]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="IDY838E"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 49<li id="WS9F8U3"><a title="Veelgestelde vragen" href="/nl/veelgestelde-vragen" tabindex="0">Veelgestelde vragen</a></li> 50<li id="G3UCGOF"><a href="/nl/bestellen-betalen-verzenden" title="Bestellen" tabindex="0">Bestellen</a></li> 51<li><a href="https://dancohr-cosmetics-proefpakket-aanvraag.subscribepage.io/" target="_blank" rel="noopener noreferrer" tabindex="0">Gratis proefpakket aanvragen</a></li> 52</ul></div></div></div><div class="store-switcher store-switcher--header"> <div x-data="{ open: false }" :class="{'relative' : open}" class="store-switcher__wrapper w-full sm:w-1/2 md:w-full lg:pl-3 lg:ml-3 lg:relative" ><div class="text-left lg:inline-block" :class="{'relative' : open}"><div><button @click.prevent="open = !open" @click.away="open = false" @keydown.window.escape="open=false" type="button" class="p-4 flex w-full focus:outline-none lg:justify-center lg:p-0" aria-haspopup="true" aria-expanded="true" ><span class="flex flex-row-reverse items-center lg:flex-row">Nederlands <img class="w-5 h-5 mr-2 lg:ml-2" src="https://www.dancohr.com/static/version1746685665/frontend/Dancohr/HyvaTheme/nl_NL/images/flags/flag_nl.svg" alt="nl Countryflag" loading="lazy" /></span> <span class="flex self-center -mr-1 ml-2 transition origin-center lg:ml-0" :class="{'transform rotate-180' : open}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5" width="25" height="25"> 53 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 54</svg> 55</span></button></div><nav x-cloak="" x-show="open" class="absolute left-0 top-0 z-40 w-full overflow-auto origin-top-left bg-container-lighter transform -translate-y-full sm:w-48 lg:w-56 lg:mt-3 lg:py-2 lg:left-auto lg:top-full lg:right-0 lg:shadow-lg lg:bg-white lg:rounded-sm lg:transform-none lg:translate-y-0"><div class="lg:my-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu"> <a href="https://www.dancohr.com/nl/stores/store/redirect/___store/en/___from_store/nl/uenc/aHR0cHM6Ly93d3cuZGFuY29oci5jb20vZW4v/" class="flex border-t items-center px-4 py-4 lg:border-t-0 lg:px-5 lg:py-2 hover:bg-gray-100" ><img class="w-5 h-5 mr-2" src="https://www.dancohr.com/static/version1746685665/frontend/Dancohr/HyvaTheme/nl_NL/images/flags/flag_en.svg" alt="nl Countryflag" loading="lazy" />English</a> </div></nav></div></div></div></div></div> <div x-data="initHeader()" @toggle-mobile-menu.window="toggleMobileMenu" class="header-wrapper"><div id="header" class="header relative w-full bg-container-lighter" @private-content-loaded.window="getData(event.detail.data)" ><div class="header__container container flex flex-wrap lg:flex-nowrap items-center justify-between w-full px-4 py-2 mx-auto mt-0 lg:px-6 lg:py-6"><div class="mobile-menu-trigger -ml-3 lg:hidden"><a @click="$dispatch('toggle-mobile-menu')" class="flex items-center justify-center cursor-pointer"><svg class="block w-12 h-12 p-3 fill-current" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path></svg></a></div><div class="header__left"><!--Logo--><div class="logo">
55 <div class="order-1 sm:order-2 lg:order-1 w-full pb-2 sm:w-auto sm:pb-0"><a class="flex items-center justify-center text-xl font-medium tracking-wide text-gray-800 no-underline hover:no-underline font-title" href="https://www.dancohr.com/nl/" title="" aria-label="store logo"><img src="https://www.dancohr.com/static/version1746685665/frontend/Dancohr/HyvaTheme/nl_NL/images/logo.svg" title="" alt="" width="189" height="64" /></a></div></div></div><div class="header__center mt-2 w-full max-w-full order-4 lg:order-none lg:mt-0 md:w-500 lg:w-700"><!--Search--> <div id="search-content" x-show="true"><div class="container px-0 md:px-4 py-0 lg:py-2 mx-auto text-black" x-data="initMiniSearchComponent()" @click.away="show = false"><form class="form minisearch" id="search_mini_form" action="https://www.dancohr.com/nl/catalogsearch/result/" method="get"><div class="relative flex"><label class="sr-only" for="search">Zoeken...</label> <input id="search" x-on:input.debounce="getSearchResults()" x-ref="searchInput" type="search" class="w-full px-2 py-0 text-base leading-normal transition appearance-none text-grey-800 focus:outline-none focus:border-primary focus:ring-0 lg:h-12 lg:text-base" autocapitalize="off" autocomplete="off" autocorrect="off" name="q" value="" placeholder="Zoeken..." maxlength="128" /><button x-on:click="getSearchResults()" class="flex-shrink-0 py-2 hidden md:inline-flex px-5 ml-auto xl:mt-0 btn btn-primary rounded-r rounded-l-none"><span class="inline-block">Zoek</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.202 14.202" class="inline-block h-4 ml-2 fill-current"><path id="search-regular_1_" data-name="search-regular (1)" d="M14.1,13.006,10.737,9.639a.329.329,0,0,0-.236-.1h-.366a5.768,5.768,0,1,0-.594.594V10.5a.341.341,0,0,0,.1.236L13.006,14.1a.333.333,0,0,0,.472,0l.627-.627A.333.333,0,0,0,14.1,13.006Zm-8.335-2.8a4.438,4.438,0,1,1,4.438-4.438A4.437,4.437,0,0,1,5.769,10.207Z"/></svg></button></div><div id="search_autocomplete" class="search-autocomplete relative w-full" x-show="show" style="display: none"><div class="absolute bg-white rounded-b z-50 w-full grid grid-cols-1 lg:p-4"><div class="search-loader flex justify-center p-4" x-show="loader"><svg role="status" class="inline mr-2 w-8 h-8 text-gray-200 animate-spin fill-loader" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/><path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/></svg></div><div class="search-no-results px-2 py-4" x-show="noResults">Geen resultaten gevonden.</div><div x-show="results"><template x-for="searchResultByType in Object.values(searchResultsByType)"><div class=""><template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined"><div class="font-bold pt-2 pl-2 py-2 text-left text-xl text-blue" x-text="templates[searchResultByType[0].type].title"></div></template><template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined"><div class="font-bold pt-2 pl-2 text-left text-xl text-blue" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div></template><div class="grid grid-cols-2 lg:grid-cols-3"><template x-for="searchResult in searchResultByType"><div class="hover:bg-gray-100"> <template x-if="searchResult.type == 'term'"><a class="w-full block p-2" x-bind:href="'https://www.dancohr.com/nl/catalogsearch/result/?q=' + searchResult.title" :title="searchResult.title"><span class="text-sm" x-text="searchResult.title"></span> <span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span></a></template> <template x-if="searchResult.type == 'product'"><a class="w-full block" :href="searchResult.url" :title="searchResult.title"><div class="p-3 flex flex-col justify-center"><img :src="searchResult.image" class="inline-block mb-2" /><div><span class="text-sm" x-text="searchResult.title"></span> <span class="text-sm font-bold" x-html="searchResult.price"></span></div></div></a></template> <template x-if="searchResult.type == 'category'"><a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title"><span class="text-sm italic block text-gray-500" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span> <span class="text-sm" x-text="searchResult.title"></span></a></template> <template x-if="searchResult.type == 'product_attribute'"><a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title"><span class="text-sm" x-text="searchResult.title"></span> <span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span></a></template> <template x-if="searchResult.type == 'cms_page'"><a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title"><span class="text-sm" x-text="searchResult.title"></span></a></template> </div></template></div></div></template></div></div></div></form></div></div></div><div class="header__right flex items-center order-3"><!--Customer Icon & Dropdown--> <div x-data="{ open: false }" class="relative inline-block ml-1 sm:ml-3"><a href="https://www.dancohr.com/nl/customer/account/" id="customer-menu" type="button" class="block hover:text-black p-2 lg:p-0" @click.prevent="open = true" aria-haspopup="true" :aria-expanded="open ? 'true' : 'false'" aria-label="Account" ><svg width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="mx-auto h-6 w-6"><path d="M14.7 13.5C13.3547 13.5 12.7078 14.25 10.5 14.25C8.29219 14.25 7.65 13.5 6.3 13.5C2.82187 13.5 0 16.3219 0 19.8V21.75C0 22.9922 1.00781 24 2.25 24H18.75C19.9922 24 21 22.9922 21 21.75V19.8C21 16.3219 18.1781 13.5 14.7 13.5ZM19.5 21.75C19.5 22.1625 19.1625 22.5 18.75 22.5H2.25C1.8375 22.5 1.5 22.1625 1.5 21.75V19.8C1.5 17.1516 3.65156 15 6.3 15C7.21875 15 8.13281 15.75 10.5 15.75C12.8625 15.75 13.7813 15 14.7 15C17.3484 15 19.5 17.1516 19.5 19.8V21.75ZM10.5 12C13.8141 12 16.5 9.31406 16.5 6C16.5 2.68594 13.8141 0 10.5 0C7.18594 0 4.5 2.68594 4.5 6C4.5 9.31406 7.18594 12 10.5 12ZM10.5 1.5C12.9797 1.5 15 3.52031 15 6C15 8.47969 12.9797 10.5 10.5 10.5C8.02031 10.5 6 8.47969 6 6C6 3.52031 8.02031 1.5 10.5 1.5Z" fill="currentColor"/></svg><span class="text-xs hidden lg:inline-block">Account</span></a> <nav class="absolute right-0 z-20 w-40 py-2 mt-2 -mr-4 px-1 overflow-auto origin-top-right rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter text-sm" :class="{ 'hidden' : !open }" x-cloak x-show="open" @click.outside.away="open = false" aria-labelledby="customer-menu" > <a class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" onclick="hyva.setCookie && hyva.setCookie( 'login_redirect', window.location.href, 1 )" href="https://www.dancohr.com/nl/customer/account/index/">Inloggen</a> <a class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" href="https://www.dancohr.com/nl/customer/account/create/" >Nieuwe klanten</a> </nav></div> <!--Cart Icon--><a id="menu-cart-icon" @click.prevent.stop="$dispatch('toggle-cart',{});" class="p-2 relative inline-block ml-0 -mr-2 no-underline lg:ml-6 hover:text-black lg:p-0 lg:mr-0" href="https://www.dancohr.com/nl/checkout/cart/index/" ><svg width="27" height="24" viewBox="0 0 27 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="mx-auto h-6 w-6"><path d="M25.8746 3H6.06L5.66958 0.917672C5.56978 0.385594 5.1052 0 4.56384 0H0.5625C0.251859 0 0 0.251859 0 0.5625V0.9375C0 1.24814 0.251859 1.5 0.5625 1.5H4.2525L7.53033 18.9818C7.04555 19.5147 6.75 20.2228 6.75 21C6.75 22.6568 8.09316 24 9.75 24C11.4068 24 12.75 22.6568 12.75 21C12.7506 20.4733 12.6118 19.9557 12.3477 19.5H19.1524C18.8883 19.9557 18.7495 20.4733 18.75 21C18.7
555 22.6568 20.0932 24 21.75 24C23.4069 24 24.75 22.6568 24.75 21C24.75 20.1566 24.4015 19.395 23.8412 18.8499C23.7198 18.3699 23.2856 18 22.7498 18H8.8725L8.31 15H23.8435C24.3764 15 24.8362 14.6261 24.9449 14.1045L26.976 4.35445C27.1215 3.65583 26.5882 3 25.8746 3ZM11.25 21C11.25 21.8271 10.5771 22.5 9.75 22.5C8.92289 22.5 8.25 21.8271 8.25 21C8.25 20.1729 8.92289 19.5 9.75 19.5C10.5771 19.5 11.25 20.1729 11.25 21ZM21.75 22.5C20.9229 22.5 20.25 21.8271 20.25 21C20.25 20.1729 20.9229 19.5 21.75 19.5C22.5771 19.5 23.25 20.1729 23.25 21C23.25 21.8271 22.5771 22.5 21.75 22.5ZM23.5386 13.5H8.02875L6.34125 4.5H25.4136L23.5386 13.5V13.5Z" fill="currentColor"/></svg><span class="text-xs sr-only lg:not-sr-only inline-block">Winkelwagen</span> <span x-text="cart.summary_count" class="absolute top-0 right-0 hidden h-5 px-2 py-1 -mt-3 -mr-2 text-xs font-semibold leading-none text-center text-white uppercase transform -translate-x-1 translate-y-1/2 rounded-full bg-primary lg:-mt-5 lg:-mr-4" :class="{ 'hidden': !cart.summary_count, 'block': cart.summary_count }" ></span></a></div></div><!--Authentication Pop-Up--> <section id="authentication-popup" x-data="initAuthentication()" @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)" @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)" @keydown.window.escape="open = false" ><div role="dialog" aria-modal="true" @click.outside="open = false" class="inset-y-0 right-0 z-30 flex max-w-full" :class="{'fixed': open }" x-cloak x-show="open" ><div class="relative w-screen max-w-md pt-16 bg-container-lighter" x-show="open" x-cloak="" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" ><div x-show="open" x-cloak="" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-0 right-0 flex p-2 mt-2"><button @click="open = false;" aria-label="Close panel" class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" width="24" height="24"> 56 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 57</svg> 58</button></div><div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto"><div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm"><p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900"><strong class="font-medium">Afrekenen als bestaande klant</strong></p><form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form" > <div class="fieldset login"><div class="field email required"><label class="label" for="form-login-username" form="login-form" ><span>E-mailadres</span></label> <div class="control"><input name="username" id="form-login-username" x-ref="customer-email" @change="errors = 0" type="email" required class="form-input input-text" ></div></div><div class="field password required"><label for="form-login-password" class="label" form="login-form"><span>Wachtwoord</span></label> <div class="control"><input name="password" id="form-login-password" type="password" class="form-input input-text" required x-ref="customer-password" @change="errors = 0" ></div></div><input name="context" type="hidden" value="checkout" /><div class="actions-toolbar flex justify-between pt-6 pb-2 items-center"><button type="submit" class="inline-flex btn btn-primary disabled:opacity-75" >Inloggen</button> <a href="https://www.dancohr.com/nl/customer/account/forgotpassword/" >Wachtwoord vergeten?</a></div></div></form></div><div class="mx-4"></div><div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm">
58<p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900"><strong class="font-medium">Afrekenen als nieuwe klant</strong></p><div class="block-content"><p class="mb-1">Waarom een account aanmaken?</p><ul class="list-disc pl-5"><li> Volg de status van je bestellingen op</li> <li> Bekijk je vorige bestellingen</li> <li> Reken sneller af</li></ul><div class="actions-toolbar flex justify-between mt-6 mb-2 items-center"><a href="https://www.dancohr.com/nl/customer/account/create/" class="inline-flex btn btn-primary">Account aanmaken</a></div></div></div></div></div></div></section></div><!--Cart Drawer--> <section id="cart-drawer" x-data="initCartDrawer()" @private-content-loaded.window="getData(event.detail.data)" @toggle-cart.window="open=true;" @keydown.window.escape="open=false" ><template x-if="cart && cart.summary_count"><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.away="open = false" class="fixed inset-y-0 right-0 z-40 flex max-w-full"><div class="backdrop" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="open = false" aria-label="Close panel"></div><div class="relative w-screen max-w-md shadow-2xl" x-show="open" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" ><div x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-0 right-0 flex p-2 mt-2"><button @click="open = false;" aria-label="Close panel" class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl"><header class="px-4 sm:px-6"><h2 id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900">Mijn winkelwagen</h2></header><div x-html="surchargeNotification" class="sm:px-6"></div><div class="relative grid gap-6 px-4 py-6 overflow-y-auto bg-white border-b sm:gap-8 sm:px-6 border-container"><template x-for="item in cartItems"><div class="flex items-start p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg hover:bg-gray-100"><a :href="item.product_url" class="w-1/4"><img :src="item.product_image.src" :width="item.product_image.width" :height="item.product_image.height" loading="lazy" /></a> <div class="w-3/4 space-y-2"><div><p class="text-xl"><span x-html="item.qty"></span> x <span x-html="item.product_name"></span></p><p class="text-sm"><span x-html="item.product_sku"></p></div><template x-for="option in item.options"><div class="pt-2"><p class="font-semibold" x-text="option.label + ':'"></p><p class="text-secondary" x-html="option.value"></p></div></template><p><span x-html="item.product_price"></span></p><template x-if="item.message"><div class="cart item message mt-2 error" x-text="item.message"></div></template><div class="pt-4"><a :href="item.configure_url" x-show="item.product_type !== 'grouped'" class="inline-flex p-2 mr-2 btn btn-secondary"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" size="16" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path></svg></a> <button class="inline-flex p-2 btn btn-secondary" @click="deleteItemFromCart(item.item_id)" ><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" size="16" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg></button></div></div></div></template></div><div class="relative grid gap-6 px-4 py-6 bg-white sm:gap-8 sm:px-6"><div class="w-full p-3 -m-3 space-x-4"><p>Subtotaal: <span x-html="cart.subtotal"></span></p></div><div class="w-full flex flex-col items-start"><a @click.prevent.stop="$dispatch('toggle-authentication', {url: 'https://www.dancohr.com/nl/checkout/'});" href="https://www.dancohr.com/nl/checkout/" class="inline-flex btn btn-primary">Afrekenen</a> <span class="mx-0 mt-2.5 mb-1.5">of</span> <a href="https://www.dancohr.com/nl/checkout/cart/" class="underline">Bekijk en bewerk winkelwagen</a></div></div></div></div></div></template></section> <div class="header-menu relative bg-primary color-white"><div class="container mx-auto header-menu-container"> <nav class="main-menu hidden bg-white min-h-screen fixed top-0 left-0 w-full h-full pt-12 z-10 lg:z-0 lg:block lg:relative lg:min-h-0 lg:bg-transparent lg:pt-0" :class="{'hidden' : !menuOpen}"><div class="fixed top-1 right-2 bg-container-lighter lg:hidden"><a @click="$dispatch('toggle-mobile-menu')" class="flex items-center justify-center cursor-pointer"><svg class="w-10 h-10 p-2 fill-current" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.278 16.864a1 1 0 0 1-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 0 1-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 0 1 1.414-1.414l4.829 4.828 4.828-4.828a1 1 0 1 1 1.414 1.414l-4.828 4.829 4.828 4.828z"></path></svg></a></div><ul class="h-full flex flex-col lg:h-auto lg:block"> <li class="main-menu__item main-menu__item--parent mb-2 lg:mb-0 lg:inline-block lg:text-white lg:hover:bg-white lg:hover:text-primary lg:transition lg:duration-150"> <div class="flex justify-between items-center menu-root-parent"><a href="#" data-menu="menu-1" class="main-menu__link" >Bestel producten</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('1')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> <span class="menu-root-parent__icon hidden -translate-x-2 rotate-90 transition-transform lg:inline-block"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke="currentColor" class="w-full h-full"><use href="#menu-chevron" /></svg></span> </div> <div class="submenu submenu--full-width fixed top-0 right-0 w-full h-screen translate-x-full bg-white transition duration-150 text-primary lg:flex lg:p-4 lg:bg-gray-200 lg:invisible lg:opacity-0 lg:translate-x-0 lg:w-auto lg:h-auto lg:absolute lg:left-0 lg:top-full xl:p-8" data-menu="menu-1" :class="{ 'translate-x-full' : !isPanelActive('1'), 'translate-x-0' : isPanelActive('1'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('1') }"><div class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('1')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></div> <ul class="submenu--column lg:flex-1 xl:px-4 xl:first-of-type:pl-0 xl:last-of-type:pr-0" data-menu="menu-2"> <li class="last:mb-0 lg:mb-8"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/pedicure-manicure" class="main-menu__inner-link" data-menu="menu-3">Pedicure</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('3')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> </div> <ul class="submenu--column-group fixed top-0 right-0 w-full h-screen bg-white transform translate-x-full transition duration-150 lg:static lg:flex lg:translate-x-0 lg:bg-transparent lg:h-auto" data-menu="menu-3" :class="{ 'translate-x-full' : !isPanelActive('3'), 'translate-x-0' : isPanelActive('3'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('3') }"><li class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('3')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></li> <li class="mb-1 last:mb-0 lg:mb-0 lg:flex-1"> <ul class="submenu--column lg:flex-1 xl:px-4 xl:first-of-type:pl-0 xl:last-of-type:pr-0" data-menu="menu-4"> <li class="last:mb-0 lg:mb-8"> <div class="flex justify-between items-center menu-group-heading"><a href="https://www.dancohr.com/nl/producten/pedicure-manicure" class="main-menu__inner-link" data-menu="menu-5">Producten</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('5')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> </div> <ul class="submenu--group fixed top-0 right-0 w-full h-screen bg-white transform translate-x-full transition duration-150 lg:static lg:translate-x-0 lg:bg-transparent lg:h-auto" data-menu="menu-5" :class="{ 'translate-x-full' : !isPanelActive('5'), 'translate-x-0' : isPanelActive('5'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('5') }"><li class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('5')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/courtin/voetverzorging-salon" class="main-menu__inner-link" data-menu="menu-6">Voetverzorging salon</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/courtin/voetverzorging-verkoop" class="main-menu__inner-link" data-menu="menu-7">Voetverzorging verkoop</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/pui-pui/nagellak" class="main-menu__inner-link" data-menu="menu-110">Nagellak</a> </div> </li> </ul></li> </ul></li> <li class="mb-1 last:mb-0 lg:mb-0 lg:flex-1"> <ul class="submenu--column lg:flex-1 xl:px-4 xl:first-of-type:pl-0 xl:last-of-type:pr-0" data-menu="menu-11"> <li class="last:mb-0 lg:mb-8"> <div class="flex justify-between items-center menu-group-heading"><a href="https://www.dancohr.com/nl/producten/pedicure-manicure" class="main-menu__inner-link" data-menu="menu-12">Merken</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('12')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> </div> <ul class="submenu--group fixed top-0 right-0 w-full h-screen bg-white transform translate-x-full transition duration-150 lg:static lg:translate-x-0 lg:bg-transparent lg:h-auto" data-menu="menu-12" :class="{ 'translate-x-full' : !isPanelActive('12'), 'translate-x-0' : isPanelActive('12'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('12') }"><li class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('12')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/courtin" class="main-menu__inner-link" data-menu="menu-16">Courtin</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/pui-pui" class="main-menu__inner-link" data-menu="menu-30">Pui Pui</a> </div> </li> </ul></li> </ul></li> </ul></li> </ul> <ul class="submenu--column lg:flex-1 xl:px-4 xl:first-of-type:pl-0 xl:last-of-type:pr-0" data-menu="menu-17"> <li class="last:mb-0 lg:mb-8"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/schoonheidsspecialist-e" class="main-menu__inner-link" data-menu="menu-18">Schoonheidsspecialist(e)</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('18')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> </div> <ul class="submenu--column-group fixed top-0 right-0 w-full h-screen bg-white transform translate-x-full transition duration-150 lg:static lg:flex lg:translate-x-0 lg:bg-transparent lg:h-auto" data-menu="menu-18" :class="{ 'translate-x-full' : !isPanelActive('18'), 'translate-x-0' : isPanelActive('18'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('18') }"><li class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('18')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></li> <li class="mb-1 last:mb-0 lg:mb-0 lg:flex-1"> <ul class="submenu--column lg:flex-1 xl:px-4 xl:first-of-type:pl-0 xl:last-of-type:pr-0" data-menu="menu-31"> <li class="last:mb-0 lg:mb-8"> <div class="flex justify-between items-center menu-group-heading"><a href="https://www.dancohr.com/nl/producten/schoonheidsspecialist-e" class="main-menu__inner-link" data-menu="menu-32">Producten</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('32')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> </div> <ul class="submenu--group fixed top-0 right-0 w-full h-screen bg-white transform translate-x-full transition duration-150 lg:static lg:translate-x-0 lg:bg-transparent lg:h-auto" data-menu="menu-32" :class="{ 'translate-x-full' : !isPanelActive('32'), 'translate-x-0' : isPanelActive('32'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('32') }"><li class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('32')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/schoonheidsspecialist-e/huidverzorging-salon" class="main-menu__inner-link" data-menu="menu-33">Huidverzorging salon</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/schoonheidsspecialist-e/huidverzorging-verkoop" class="main-menu__inner-link" data-menu="menu-34">Hu
58idverzorging verkoop</a> </div> </li> </ul></li> </ul></li> <li class="mb-1 last:mb-0 lg:mb-0 lg:flex-1"> <ul class="submenu--column lg:flex-1 xl:px-4 xl:first-of-type:pl-0 xl:last-of-type:pr-0" data-menu="menu-39"> <li class="last:mb-0 lg:mb-8"> <div class="flex justify-between items-center menu-group-heading"><a href="https://www.dancohr.com/nl/producten/schoonheidsspecialist-e" class="main-menu__inner-link" data-menu="menu-40">Merken</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('40')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> </div> <ul class="submenu--group fixed top-0 right-0 w-full h-screen bg-white transform translate-x-full transition duration-150 lg:static lg:translate-x-0 lg:bg-transparent lg:h-auto" data-menu="menu-40" :class="{ 'translate-x-full' : !isPanelActive('40'), 'translate-x-0' : isPanelActive('40'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('40') }"><li class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('40')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/henriette-faroche" class="main-menu__inner-link" data-menu="menu-41">Henriëtte Faroche</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/laneche" class="main-menu__inner-link" data-menu="menu-42">Lanèche</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/courtin" class="main-menu__inner-link" data-menu="menu-43">Courtin</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/jumeres" class="main-menu__inner-link" data-menu="menu-44">Jumères</a> </div> </li> </ul></li> </ul></li> </ul></li> </ul> <ul class="submenu--column lg:flex-1 xl:px-4 xl:first-of-type:pl-0 xl:last-of-type:pr-0" data-menu="menu-20"> <li class="last:mb-0 lg:mb-8"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/visagist-e" class="main-menu__inner-link" data-menu="menu-21">Visagist(e)</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('21')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> </div> <ul class="submenu--column-group fixed top-0 right-0 w-full h-screen bg-white transform translate-x-full transition duration-150 lg:static lg:flex lg:translate-x-0 lg:bg-transparent lg:h-auto" data-menu="menu-21" :class="{ 'translate-x-full' : !isPanelActive('21'), 'translate-x-0' : isPanelActive('21'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('21') }"><li class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('21')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></li> <li class="mb-1 last:mb-0 lg:mb-0 lg:flex-1"> <ul class="submenu--column lg:flex-1 xl:px-4 xl:first-of-type:pl-0 xl:last-of-type:pr-0" data-menu="menu-45"> <li class="last:mb-0 lg:mb-8"> <div class="flex justify-between items-center menu-group-heading"><a href="https://www.dancohr.com/nl/producten/visagist-e" class="main-menu__inner-link" data-menu="menu-46">Producten</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('46')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> </div> <ul class="submenu--group fixed top-0 right-0 w-full h-screen bg-white transform translate-x-full transition duration-150 lg:static lg:translate-x-0 lg:bg-transparent lg:h-auto" data-menu="menu-46" :class="{ 'translate-x-full' : !isPanelActive('46'), 'translate-x-0' : isPanelActive('46'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('46') }"><li class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('46')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/gezicht" class="main-menu__inner-link" data-menu="menu-47" >Gezicht</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/ogen" class="main-menu__inner-link" data-menu="menu-48" >Ogen</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/lippen" class="main-menu__inner-link" data-menu="menu-104" >Lippen</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/pui-pui/minerale-make-up" class="main-menu__inner-link" data-menu="menu-105">Minerale make-up</a> </div> </li> </ul></li> </ul></li> <li class="mb-1 last:mb-0 lg:mb-0 lg:flex-1"> <ul class="submenu--column lg:flex-1 xl:px-4 xl:first-of-type:pl-0 xl:last-of-type:pr-0" data-menu="menu-106"> <li class="last:mb-0 lg:mb-8"> <div class="flex justify-between items-center menu-group-heading"><a href="https://www.dancohr.com/nl/producten/visagist-e" class="main-menu__inner-link" data-menu="menu-107">Merken</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('107')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> </div> <ul class="submenu--group fixed top-0 right-0 w-full h-screen bg-white transform translate-x-full transition duration-150 lg:static lg:translate-x-0 lg:bg-transparent lg:h-auto" data-menu="menu-107" :class="{ 'translate-x-full' : !isPanelActive('107'), 'translate-x-0' : isPanelActive('107'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('107') }"><li class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('107')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/producten/pui-pui" class="main-menu__inner-link" data-menu="menu-108">Pui Pui</a> </div> </li> </ul></li> </ul></li> </ul></li> </ul> </div></li> <li class="main-menu__item main-menu__item--parent mb-2 lg:mb-0 lg:inline-block lg:text-white lg:hover:bg-white lg:hover:text-primary lg:transition lg:duration-150"> <div class="flex justify-between items-center menu-root-parent"><a href="#" data-menu="menu-23" class="main-menu__link" >Onze merken</a> <a class="flex w-10 h-10 mr-2 border rounded cursor-pointer bg-container-lighter hover:bg-container lg:hidden" @click="addActivePanel('23')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24" stroke="currentColor" class="w-full h-full p-3"><use href="#menu-chevron" /></svg></a> <span class="menu-root-parent__icon hidden -translate-x-2 rotate-90 transition-transform lg:inline-block"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke="currentColor" class="w-full h-full"><use href="#menu-chevron" /></svg></span> </div> <ul class="submenu submenu--dropdown fixed top-0 right-0 w-full h-screen bg-white transform translate-x-full transition duration-150 text-primary lg:p-8 lg:bg-gray-200 lg:invisible lg:opacity-0 lg:translate-x-0 lg:absolute lg:left-auto lg:top-full lg:w-auto lg:h-auto lg:right-auto" data-menu="menu-23" :class="{ 'translate-x-full' : !isPanelActive('23'), 'translate-x-0' : isPanelActive('23'), 'overflow-y-scroll overflow-x-hidden' : isCurrentPanel('23') }"><div class="px-4 h-12 flex items-center lg:hidden"><a class="cursor-pointer flex items-center" @click="removeActivePanel('23')"><svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 pl-2 py-3 rotate-180"><use href="#menu-chevron" /></svg><span>Terug</span></a></div> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/laneche" class="main-menu__inner-link" data-menu="menu-25" >Lanèche</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/faroche" class="main-menu__inner-link" data-menu="menu-24" >Henriëtte Faroche</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/courtin" class="main-menu__inner-link" data-menu="menu-27" >Courtin</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/jumeres" class="main-menu__inner-link" data-menu="menu-28" >Jumères</a> </div> </li> <li class="mb-1 last:mb-0"> <div class="flex justify-between items-center"><a href="https://www.dancohr.com/nl/puipui" class="main-menu__inner-link" data-menu="menu-29" >Pui Pui</a> </div> </li> </ul></li> <li class="header-links header-links--menu"><style>#html-body [data-pb-style=IDY838E]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="IDY838E"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 59<li id="WS9F8U3"><a title="Veelgestelde vragen" href="/nl/veelgestelde-vragen" tabindex="0">Veelgestelde vragen</a></li> 60<li id="G3UCGOF"><a href="/nl/bestellen-betalen-verzenden" title="Bestellen" tabindex="0">Bestellen</a></li> 61<li><a href="https://dancohr-cosmetics-proefpakket-aanvraag.subscribepage.io/" target="_blank" rel="noopener noreferrer" tabindex="0">Gratis proefpakket aanvragen</a></li> 62</ul></div></div></li> <li class="store-switcher store-switcher--menu mt-auto bg-gray-200 lg:hidden"> <div x-data="{ open: false }" :class="{'relative' : open}" class="store-switcher__wrapper w-full sm:w-1/2 md:w-full lg:pl-3 lg:ml-3 lg:relative" ><div class="text-left lg:inline-block" :class="{'relative' : open}"><div><button @click.prevent="open = !open" @click.away="open = false" @keydown.window.escape="open=false" type="button" class="p-4 flex w-full focus:outline-none lg:justify-center lg:p-0" aria-haspopup="true" aria-expanded="true" ><span class="flex flex-row-reverse items-center lg:flex-row">Nederlands <img class="w-5 h-5 mr-2 lg:ml-2" src="https://www.dancohr.com/static/version1746685665/frontend/Dancohr/HyvaTheme/nl_NL/images/flags/flag_nl.svg" alt="nl Countryflag" loading="lazy" /></span> <span class="flex self-center -mr-1 ml-2 transition origin-center lg:ml-0" :class="{'transform rotate-180' : open}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5" width="25" height="25"> 63 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 64</svg> 65</span></button></div><nav x-cloak="" x-show="open" class="absolute left-0 top-0 z-40 w-full overflow-auto origin-top-left bg-container-lighter transform -translate-y-full sm:w-48 lg:w-56 lg:mt-3 lg:py-2 lg:left-auto lg:top-full lg:right-0 lg:shadow-lg lg:bg-white lg:rounded-sm lg:transform-none lg:translate-y-0"><div class="lg:my-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu"> <a href="https://www.dancohr.com/nl/stores/store/redirect/___store/en/___from_store/nl/uenc/aHR0cHM6Ly93d3cuZGFuY29oci5jb20vZW4vY2F0YWxvZ3NlYXJjaC9yZXN1bHQvaW5kZXgvP2NhdD0xMCZodWlkdHlwZT1Ecm9nZSUyRnZvY2h0YXJtZStodWlkJnE9NyZ2ZXJrb29wZWVuaGVpZCU1QjAlNUQ9MzArbWwmdmVya29vcGVlbmhlaWQlNUI
65xJTVEPTE1K21sJnZlcmtvb3BlZW5oZWlkJTVCMyU1RD0xK3BjcyZ2ZXJrb29wZWVuaGVpZCU1QjQlNUQ9MSttbA%2C%2C/" class="flex border-t items-center px-4 py-4 lg:border-t-0 lg:px-5 lg:py-2 hover:bg-gray-100" ><img class="w-5 h-5 mr-2" src="https://www.dancohr.com/static/version1746685665/frontend/Dancohr/HyvaTheme/nl_NL/images/flags/flag_en.svg" alt="nl Countryflag" loading="lazy" />English</a> </div></nav></div></div></li></ul><svg class="hidden"><symbol id="menu-chevron"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></symbol></svg></nav><div class="top-0 right-4 flex justify-end lg:block lg:absolute lg:h-full" x-data="initComponent()" @private-content-loaded.window="receiveCustomerData(event.detail.data)" ><template x-if="customer.firstname"><div x-show="!rewards.is_dealer" class="dancoins-points relative justify-end py-1 h-full flex items-center px-2 lg:pl-24 lg:pr-6 lg:py-0" :class="rewards.currentTierName"><div x-show="rewards.amount !== '0 Dancoins' || rewards.currentTierName !== 'none'" class="dancoins-points__label hidden lg:flex absolute bottom-0 left-3 w-20 h-20 text-[10px] text-center items-center font-bold bg-no-repeat bg-contain bg-center leading-tight"></div><span class="text-sm font-bold lg:text-base" x-text="rewards.amount"></span></div></template></div></div></div></div> <a class="action skip sr-only contentarea" href="#contentarea"><span> Ga direct door naar de inhoud</span></a></header><div class="top-container"> </div><main id="maincontent" class="page-main-full-width"> <div id="contentarea" tabindex="-1"></div><div class="page messages"> <section id="messages" x-data="initMessages()" x-bind="eventListeners" ><template x-if="!isEmpty()"><div class="w-full"><div role="alert" class="messages container mx-auto py-3"><template x-for="(message, index) in messages" :key="index"><div><template x-if="message"><div class="message" :class="message.type" :ui-id="'message-' + message.type" ><span x-html="message.text"></span> <a href="#" class="close cursor-pointer" title="close" @click.prevent="removeMessage(index)"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="text-white" width="18" height="18"> 66 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 67</svg> 68</a></div></template></div></template></div></div></template></section></div><div class="columns"><div class="column main"> <div data-mage-init='{"Mirasvit_CacheWarmer\/js\/track":{"pageType":"cms_index_index","url":"https:\/\/www.dancohr.com\/nl\/cache_warmer\/track\/","cookieName":"mst-cache-warmer-track","cookieValue":null}}'></div><style>::backdrop { 69--tw-border-spacing-x: 0; 70--tw-border-spacing-y: 0; 71--tw-translate-x: 0; 72--tw-translate-y: 0; 73--tw-rotate: 0; 74--tw-skew-x: 0; 75--tw-skew-y: 0; 76--tw-scale-x: 1; 77--tw-scale-y: 1; 78--tw-pan-x: ; 79--tw-pan-y: ; 80--tw-pinch-zoom: ; 81--tw-scroll-snap-strictness: proximity; 82--tw-gradient-from-position: ; 83--tw-gradient-via-position: ; 84--tw-gradient-to-position: ; 85--tw-ordinal: ; 86--tw-slashed-zero: ; 87--tw-numeric-figure: ; 88--tw-numeric-spacing: ; 89--tw-numeric-fraction: ; 90--tw-ring-inset: ; 91--tw-ring-offset-width: 0px; 92--tw-ring-offset-color: #fff; 93--tw-ring-color: rgb(59 130 246 / 0.5); 94--tw-ring-offset-shadow: 0 0 #0000; 95--tw-ring-shadow: 0 0 #0000; 96--tw-shadow: 0 0 #0000; 97--tw-shadow-colored: 0 0 #0000; 98--tw-blur: ; 99--tw-brightness: ; 100--tw-contrast: ; 101--tw-grayscale: ; 102--tw-hue-rotate: ; 103--tw-invert: ; 104--tw-saturate: ; 105--tw-sepia: ; 106--tw-drop-shadow: ; 107--tw-backdrop-blur: ; 108--tw-backdrop-brightness: ; 109--tw-backdrop-contrast: ; 110--tw-backdrop-grayscale: ; 111--tw-backdrop-hue-rotate: ; 112--tw-backdrop-invert: ; 113--tw-backdrop-opacity: ; 114--tw-backdrop-saturate: ; 115--tw-backdrop-sepia: 116} 117.cmsp2-flex { 118display: flex 119}</style> 120<style>#html-body [data-pb-style=P4IBAJA]{justify-content:flex-start;display:flex;flex-direction:column;background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center;margin-left:0;margin-top:0;margin-right:0}#html-body [data-pb-style=VBP8HGC]{text-align:center;min-height:600px;border-style:none;margin-top:10px;margin-bottom:10px}#html-body [data-pb-style=HGASHFJ]{background-position:center top;background-size:contain;background-repeat:no-repeat;border-style:none;min-height:600px}#html-body [data-pb-style=I2QIEAG]{min-height:600px;background-color:transparent}#html-body [data-pb-style=BMDBUQ5]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=M0TJBQ0]{display:none;margin-top:20px;margin-bottom:20px}#html-body [data-pb-style=B4V2YGT]{width:100%;border-width:0;display:inline-block}#html-body [data-pb-style=L8W1A2G]{display:none;margin-top:30px;margin-bottom:30px}#html-body [data-pb-style=E5SYU88]{width:100%;border-width:0;display:inline-block}#html-body [data-pb-style=YK7DM2G]{margin-bottom:10px}#html-body [data-pb-style=NARN8L5]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=ET08LUH]{margin:0}#html-body [data-pb-style=S6WH94V]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center}#html-body [data-pb-style=UB7R6H5]{border-radius:0;min-height:300px;background-color:transparent;padding:0}#html-body [data-pb-style=B3S1UHP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=BTXJFDI]{margin-top:20px;margin-bottom:20px}#html-body [data-pb-style=DV1JUD9]{width:100%;border-width:0;display:inline-block}#html-body [data-pb-style=MBENJKR]{margin-top:20px;margin-bottom:20px}#html-body [data-pb-style=U17I1EG]{width:100%;border-width:0;display:inline-block}#html-body [data-pb-style=JAK1CN4],#html-body [data-pb-style=QAFGS9I]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}
120#html-body [data-pb-style=HVJEJAL]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center}#html-body [data-pb-style=Y51F0BU]{border-radius:0;min-height:300px;background-color:transparent}#html-body [data-pb-style=ETQ2XQI]{margin-top:20px;margin-bottom:20px}#html-body [data-pb-style=F9CBDFQ]{width:100%;border-width:0;display:inline-block}#html-body [data-pb-style=C7EN7IO]{margin-top:20px;margin-bottom:20px}#html-body [data-pb-style=MOQ351N]{width:100%;border-width:0;display:inline-block}#html-body [data-pb-style=BPLD972],#html-body [data-pb-style=XD4G8WJ]{background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=BPLD972]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;width:50%;align-self:stretch}#html-body [data-pb-style=XD4G8WJ]{background-position:center center;text-align:center}#html-body [data-pb-style=D3V8R03]{border-radius:0;min-height:300px;background-color:transparent}#html-body [data-pb-style=PVYBRU4]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=NXGNKIM]{margin-top:20px;margin-bottom:20px}#html-body [data-pb-style=J6ONM2E]{width:100%;border-width:0;display:inline-block}#html-body [data-pb-style=O0KKATR],#html-body [data-pb-style=X0SK1CS]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#fff;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=O0KKATR]{background-color:#f5f5f5;padding-top:50px;padding-bottom:50px}#html-body [data-pb-style=JHKQO89]{margin-bottom:10px}#html-body [data-pb-style=CIPH2EW]{border-style:none}#html-body [data-pb-style=I4UNIRM]{background-color:#fff}#html-body [data-pb-style=H8LKU9T],#html-body [data-pb-style=I4UNIRM]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="1" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-remove-all-padding-margin="1" data-element="main" data-pb-style="P4IBAJA"><div class="pagebuilder-slider" data-content-type="slider" data-appearance="default" data-autoplay="false" data-autoplay-speed="4000" data-fade="false" data-infinite-loop="false" data-show-arrows="false" data-show-dots="false" data-slides-to-show-desktop="1" data-slides-to-scroll-desktop="1" data-slides-to-show-tablet="1" data-slides-to-scroll-tablet="1" data-slides-to-show-mobile="1" data-slides-to-scroll-mobile="1" data-element="main" data-pb-style="VBP8HGC"><div data-content-type="slide" data-slide-name="" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"><a href="https://dancohr-cosmetics-proefpakket-aanvraag.subscribepage.io/" target="_blank" data-link-type="default" data-element="link" rel="noopener noreferrer"><div class="pagebuilder-slide-wrapper background-image-6ac7b3cd26a2c" data-background-images='{\"desktop_image\":\"https://www.dancohr.com/media/wysiwyg/Banners_lang_2_.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="HGASHFJ"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" data-element="overlay" data-pb-style="I2QIEAG"><div class="pagebuilder-poster-content"><div data-element="content"><p></p><p></p><p></p><p></p><p></p><p></p><p></p><h5></h5><h5></h5><h5></h5><h5></h5><h5></h5><h5></h5><p></p></div></div></div></div><style type="text/css">.background-image-6ac7b3cd26a2c {background-image: url(https://www.dancohr.com/media/wysiwyg/Banners_lang_2_.png);}</style></a></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div class="group-links-wrapper" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="BMDBUQ5"><div data-content-type="divider" data-appearance="default" data-element="main" data-pb-style="M0TJBQ0">
120<hr data-element="line" data-pb-style="B4V2YGT"></div><div data-content-type="divider" data-appearance="default" data-element="main" data-pb-style="L8W1A2G"><hr data-element="line" data-pb-style="E5SYU88"></div><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="YK7DM2G"><h6><span style="line-height: 40px; font-size: 28px; color: #394147;"><strong><span id="AVSVN2U">Onze beroepsgroepen</span></strong></span></h6></div><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="NARN8L5"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" data-pb-style="ET08LUH"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac7b3cd26a47" data-background-images='{\"desktop_image\":\"https://www.dancohr.com/media/wysiwyg/pedicure_manicure_3.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="S6WH94V"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="rgba(0, 72, 144, 0.3)" data-element="overlay" data-pb-style="UB7R6H5"><div class="pagebuilder-poster-content"><div data-element="content"><p>.</p></div></div></div></div><style type="text/css">.background-image-6ac7b3cd26a47 {background-image: url(https://www.dancohr.com/media/wysiwyg/pedicure_manicure_3.jpg);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="B3S1UHP"><div data-content-type="text" data-appearance="default" data-element="main"><p><span style="font-size: 18px;"><strong><span style="color: #808080; line-height: 12px;">Pedicure</span></strong></span></p> 121<p><span style="color: #808080; line-height: 12px;">Ook als voetspecialist kun je bij Dancohr Cosmetics terecht. De voetverzorgingslijn van het merk Courtin is gebaseerd op Tea Trea olie en daarom zeer effectief in de behandeling van diverse nagel- en huidproblemen. Benieuwd of Courtin bij jouw salon past? Bekijk de merkenpagina of vraag gratis en vrijblijvend een proefpakket aan met daarin meer informatie! </span></p></div></div></div><div data-content-type="divider" data-appearance="default" data-element="main" data-pb-style="BTXJFDI"><hr data-element="line" data-pb-style="DV1JUD9"></div><div data-content-type="divider" data-appearance="default" data-element="main" data-pb-style="MBENJKR"><hr data-element="line" data-pb-style="U17I1EG"></div><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-max-width-mobile="full-width" data-element="main" data-pb-style="QAFGS9I"><div data-content-type="text" data-appearance="default" data-element="main"><p><span style="font-size: 18px; color: #808080;"><strong>Visagist</strong></span></p> 122<p><span style="color: #808080;">Zoek jij een compact en overzichtelijk make-up merk? Geen constante wisselingen in het assortiment maar een mooie, vaste selectie aan producten? Met een chique, luxueuze en stoere uitstraling? Dan is Pui Pui hét make-up merk voor jou! Wil je meer weten over dit unieke make-up merk van Dancohr Cosmetics? Bekijk alle producten online of vraag gratis en vrijblijvend een proefpakket aan! </span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-max-width-mobile="full-width" data-element="main" data-pb-style="JAK1CN4"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac7b3cd26a50" data-background-images='{\"de
122sktop_image\":\"https://www.dancohr.com/media/wysiwyg/visagist_2.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="HVJEJAL"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="rgba(0, 72, 144, 0.3)" data-element="overlay" data-pb-style="Y51F0BU"><div class="pagebuilder-poster-content"><div data-element="content"><h3 style="text-align: right;">.</h3></div></div></div></div><style type="text/css">.background-image-6ac7b3cd26a50 {background-image: url(https://www.dancohr.com/media/wysiwyg/visagist_2.jpg);}</style></div></div></div></div><div data-content-type="divider" data-appearance="default" data-element="main" data-pb-style="ETQ2XQI"><hr data-element="line" data-pb-style="F9CBDFQ"></div><div data-content-type="divider" data-appearance="default" data-element="main" data-pb-style="C7EN7IO"><hr data-element="line" data-pb-style="MOQ351N"></div><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-max-width-mobile="full-width" data-element="main" data-pb-style="BPLD972"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac7b3cd26a55" data-background-images='{\"desktop_image\":\"https://www.dancohr.com/media/wysiwyg/schoonheidsspecialiste_2.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="XD4G8WJ"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="rgba(0, 72, 144, 0.3)" data-element="overlay" data-pb-style="D3V8R03"><div class="pagebuilder-poster-content"><div data-element="content"><h3 style="text-align: center;"></h3><p></p></div></div></div></div><style type="text/css">.background-image-6ac7b3cd26a55 {background-image: url(https://www.dancohr.com/media/wysiwyg/schoonheidsspecialiste_2.jpg);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-max-width-mobile="full-width" data-element="main" data-pb-style="PVYBRU4"><div data-content-type="text" data-appearance="default" data-element="main"><p><strong><span style="color: #999999; font-size: 18px;">Schoonheidsspecialist</span></strong></p> 123<p><span style="color: #999999;">Dancohr Cosmetics ontwikkelt diverse cosmeticamerken voor de beauty professional. Ben jij (aankomend) schoonheidsspecialist(e) en op zoek naar een merk dat past bij jouw salon? Wij helpen je graag verder! Bekijk de verschillende merkenpagina’s voor een eerste indruk en vraag gratis en vrijblijvend een proefpakket aan van het merk dat jou het meest aanspreekt. Kun je niet kiezen of heb je hulp nodig? Neem dan contact met ons op! </span></p> 124<p> </p> 125<p> </p></div></div></div><div data-content-type="divider" data-appearance="default" data-element="main" data-pb-style="NXGNKIM"><hr data-element="line" data-pb-style="J6ONM2E"></div></div></div><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-remove-all-padding-margin="0" data-element="main" data-pb-style="X0SK1CS"><div class="row-full-width-inner" data-element="inner"></div></div><div class="product-slider-wrapper" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="O0KKATR"><div class="row-full-width-inner" data-element="inner"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="JHKQO89"><p id="YJANMXH" style="text-align: center;"><span style="color: #999999;"><strong><span style="font-size: 28px;"> Bestsellers</span></strong></span></p></div><div data-content-type="products" data-appearance="carousel" data-autoplay="true" data-autoplay-speed="4000" data-infinite-loop="true" data-show-arrows="true" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main" data-pb-style="CIPH2EW"> <div class="glider-contain product-items widget-product-carou
125sel"><div data-role="glider-content" class="mx-auto grid gap-4 sm:grid-cols-2 lg:grid-cols-4 relative overflow-y-hidden overflow-x-scroll"> <div class="bg-transparent item product product-item border border-darker rounded p-4 flex flex-col w-full "> <a href="https://www.dancohr.com/nl/courtin-chapped-skin-cream-40100" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-136.window="$el.src = $event.detail" alt="40100_0" title="40100_0" src="https://www.dancohr.com/media/catalog/product/cache/9737551fd7adaf670dbf2b93cc2d95db/4/0/40100_0.jpg" width="315" height="315"></a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 items-center justify-center text-primary-blue font-bold text-lg font-serif"><a class="product-item-link" href="https://www.dancohr.com/nl/courtin-chapped-skin-cream-40100">Courtin Klovencrème</a></div> <div class="text-sm mb-4"><span class="product-item-sku">Artikelnummer: 40100</span></div> <div class="flex justify-between items-end mt-auto"><div> <div class="pt-1 text-primary-blue" x-data="initPriceBox__6ac7b3cd2041a()" @update-prices-136.window="updatePrice($event.detail);"></div></div></div><div class="pt-3 flex flex-wrap justify-center items-center"> <a class="w-full btn btn-primary justify-center text-sm py-1.5 mr-auto" aria-label="Log in" href="https://www.dancohr.com/nl/customer/account/"><span class="text-center">Log in</span></a> </div></div></div> <div class="bg-transparent item product product-item border border-darker rounded p-4 flex flex-col w-full "> <a href="https://www.dancohr.com/nl/brilliant-24h-cream-with-vitamin-e-devitalised-skin-11230" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-4680.window="$el.src = $event.detail" alt="11230_0" title="11230_0" src="https://www.dancohr.com/media/catalog/product/cache/9737551fd7adaf670dbf2b93cc2d95db/1/1/11230.jpg" width="315" height="315"></a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 items-center justify-center text-primary-blue font-bold text-lg font-serif"><a class="product-item-link" href="https://www.dancohr.com/nl/brilliant-24h-cream-with-vitamin-e-devitalised-skin-11230">Brilliant 24h vitamine E crème</a></div> <div class="text-sm mb-4"><span class="product-item-sku">Artikelnummer: 11230</span></div> <div class="flex justify-between items-end mt-auto"><div> <div class="pt-1 text-primary-blue" x-data="initPriceBox__6ac7b3cd22f15()" @update-prices-4680.window="updatePrice($event.detail);"></div></div></div><div class="pt-3 flex flex-wrap justify-center items-center"> <a class="w-full btn btn-primary justify-center text-sm py-1.5 mr-auto" aria-label="Log in" href="https://www.dancohr.com/nl/customer/account/"><span class="text-center">Log in</span></a> </div></div></div> <div class="bg-transparent item product product-item border border-darker rounded p-4 flex flex-col w-full "> <a href="https://www.dancohr.com/nl/repair-complex-e-anti-ageing-day-cream-21241" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-393.window="$el.src = $event.detail" alt="21241_0" title="21241_0" src="https://www.dancohr.com/media/catalog/product/cache/9737551fd7adaf670dbf2b93cc2d95db/2/1/21241-product.png" width="315" height="315"></a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 items-center justify-center text-primary-blue font-bold text-lg font-serif"><a class="product-item-link" href="https://www.dancohr.com/nl/repair-complex-e-anti-ageing-day-cream-21241">Repair complex E anti-verouderings dagcrème</a></div> <div class="text-sm mb-4"><span class="product-item-sku">Artikelnummer: 21241</span></div> <div class="flex justify-between items-end mt-auto"><div> <div class="pt-1 text-primary-blue" x-data="initPriceBox__6ac7b3cd236b8()" @update-prices-393.window="updatePrice($event.detail);"></div></div></div><div class="pt-3 flex flex-wrap justify-center items-center"> <a class="w-full btn btn-primary justify-center text-sm py-1.5 mr-auto" aria-label="Log in" href="https://www.dancohr.com/nl/customer/account/"><span class="text-center">Log in</span></a> </div></div></div> <div class="bg-transparent item product product-item border border-darker rounded p-4 flex flex-col w-full "> <a href="https://www.dancohr.com/nl/q10-nutri-lift-tightening-night-cream-21262" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-396.window="$el.src = $event.detail" alt="21262_0" title="21262_0" src="https://www.dancohr.com/media/catalog/product/cache/9737551fd7adaf670dbf2b93cc2d95db/2/1/21262_0_2.jpg" width="315" height="315"></a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 items-center justify-center text-primary-blue font-bold text-lg font-serif"><a class="product-item-link" href="https://www.dancohr.com/nl/q10-nutri-lift-tightening-night-cream-21262">Q10 Nutri Lift verstevigende nachtcrème</a></div> <div class="text-sm mb-4"><span class="product-item-sku">Artikelnummer: 21262</span></div> <div class="flex justify-between items-end mt-auto"><div> <div class="pt-1 text-primary-blue" x-data="initPriceBox__6ac7b3cd23e1a()" @update-prices-396.window="updatePrice($event.detail);"></div></div></div><div class="pt-3 flex flex-wrap justify-center items-center"> <a class="w-full btn btn-primary justify-center text-sm py-1.5 mr-auto" aria-label="Log in" href="https://www.dancohr.com/nl/customer/account/"><span class="text-center">Log in</span></a> </div></div></div> <div class="bg-transparent item product product-item border border-darker rounded p-4 flex flex-col w-full "> <a href="https://www.dancohr.com/nl/vitamin-c-24h-cream-11255" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-6154.window="$el.src = $event.detail" alt="11255_0" title="11255_0" src="https://www.dancohr.com/media/catalog/product/cache/9737551fd7adaf670dbf2b93cc2d95db/1/1/11255.jpg" width="315" height="315"></a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 items-center justify-center text-primary-blue font-bold text-lg font-serif"><a class="product-item-link" href="https://www.dancohr.com/nl/vitamin-c-24h-cream-11255">Vitamine C 24h crème</a></div> <div class="text-sm mb-4"><span class="product-item-sku">Artikelnummer: 11255</span></div> <div class="flex justify-between items-end mt-auto"><div> <div class="pt-1 text-primary-blue" x-data="initPriceBox__6ac7b3cd24435()" @update-prices-6154.window="updatePrice($event.detail);"></div></div></div><div class="pt-3 flex flex-wrap justify-center items-center"> <a class="w-full btn btn-primary justify-center text-sm py-1.5 mr-auto" aria-label="Log in" href="https://www.dancohr.com/nl/customer/account/"><span class="text-center">Log in</span></a> </div></div></div> <div class="bg-transparent item product product-item border border-darker rounded p-4 flex flex-col w-full "> <a href="https://www.dancohr.com/nl/special-care-anti-ageing-spf-30-cream-21301" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-405.window="$el.src = $event.detail" alt="21301_0" title="21301_0" src="https://www.dancohr.com/media/catalog/product/cache/9737551fd7adaf670dbf2b93cc2d95db/2/1/21301_0_1.jpg" width="315" height="315"></a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 items-center justify-center text-primary-blue font-bold text-lg font-serif"><a class="product-item-link" href="https://www.dancohr.com/nl/special-care-anti-ageing-spf-30-cream-21301">Special Care anti-ageing SPF 30 crème</a></div> <div class="text-sm mb-4"><span class="product-item-sku">Artikelnummer: 21301</span></div> <div class="flex justify-between items-end mt-auto"><div> <div class="pt-1 text-primary-blue" x-data="initPriceBox__6ac7b3cd24acb(
125)" @update-prices-405.window="updatePrice($event.detail);"></div></div></div><div class="pt-3 flex flex-wrap justify-center items-center"> <a class="w-full btn btn-primary justify-center text-sm py-1.5 mr-auto" aria-label="Log in" href="https://www.dancohr.com/nl/customer/account/"><span class="text-center">Log in</span></a> </div></div></div> <div class="bg-transparent item product product-item border border-darker rounded p-4 flex flex-col w-full "> <a href="https://www.dancohr.com/nl/100-pure-tea-tree-oil-40035" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-100.window="$el.src = $event.detail" alt="40035_0" title="40035_0" src="https://www.dancohr.com/media/catalog/product/cache/9737551fd7adaf670dbf2b93cc2d95db/4/0/40035_0_1.jpg" width="315" height="315"></a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 items-center justify-center text-primary-blue font-bold text-lg font-serif"><a class="product-item-link" href="https://www.dancohr.com/nl/100-pure-tea-tree-oil-40035">Courtin 100% pure tea tree oil</a></div> <div class="text-sm mb-4"><span class="product-item-sku">Artikelnummer: 40035</span></div> <div class="flex justify-between items-end mt-auto"><div> <div class="pt-1 text-primary-blue" x-data="initPriceBox__6ac7b3cd251b1()" @update-prices-100.window="updatePrice($event.detail);"></div></div></div><div class="pt-3 flex flex-wrap justify-center items-center"> <a class="w-full btn btn-primary justify-center text-sm py-1.5 mr-auto" aria-label="Log in" href="https://www.dancohr.com/nl/customer/account/"><span class="text-center">Log in</span></a> </div></div></div> <div class="bg-transparent item product product-item border border-darker rounded p-4 flex flex-col w-full "> <a href="https://www.dancohr.com/nl/faromatique-hydrasence-concentrate-dry-skin-11505" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-307.window="$el.src = $event.detail" alt="11505_0" title="11505_0" src="https://www.dancohr.com/media/catalog/product/cache/9737551fd7adaf670dbf2b93cc2d95db/1/1/11505_0_1.jpg" width="315" height="315"></a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 items-center justify-center text-primary-blue font-bold text-lg font-serif"><a class="product-item-link" href="https://www.dancohr.com/nl/faromatique-hydrasence-concentrate-dry-skin-11505">Faromatique concentraat Hydrasence</a></div> <div class="text-sm mb-4"><span class="product-item-sku">Artikelnummer: 11505</span></div> <div class="flex justify-between items-end mt-auto"><div> <div class="pt-1 text-primary-blue" x-data="initPriceBox__6ac7b3cd25846()" @update-prices-307.window="updatePrice($event.detail);"></div></div></div><div class="pt-3 flex flex-wrap justify-center items-center"> <a class="w-full btn btn-primary justify-center text-sm py-1.5 mr-auto" aria-label="Log in" href="https://www.dancohr.com/nl/customer/account/"><span class="text-center">Log in</span></a> </div></div></div> </div> <div class="carousel-nav flex items-center justify-center flex-1 p-4"><button aria-label="Vorige" tabindex="-1" class="glider-prev w-8 h-8 mx-4 text-black rounded-full outline-none focus:outline-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="25" height="25"> 126 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path> 127</svg> 128</button> <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div><button aria-label="Volgende" tabindex="-1" class="glider-next w-8 h-8 mx-4 text-black rounded-full outline-none focus:outline-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="25" height="25"> 129 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 130</svg> 131</button></div></div></div></div></div><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-remove-all-padding-margin="0" data-element="main" data-pb-style="I4UNIRM"><div class="row-full-width-inner" data-element="inner"></div></div><div data-content-type="row" data-appearance="contained" data-remove-all-padding-margin="0" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="H8LKU9T"></div></div> </div></div></main><footer class="page-footer"><div class="footer content"><div class="footer-top"><style>::backdrop { 132--tw-border-spacing-x: 0; 133--tw-border-spacing-y: 0; 134--tw-translate-x: 0; 135--tw-translate-y: 0; 136--tw-rotate: 0; 137--tw-skew-x: 0; 138--tw-skew-y: 0; 139--tw-scale-x: 1; 140--tw-scale-y: 1; 141--tw-pan-x: ; 142--tw-pan-y: ; 143--tw-pinch-zoom: ; 144--tw-scroll-snap-strictness: proximity; 145--tw-gradient-from-position: ;
146--tw-gradient-via-position: ; 147--tw-gradient-to-position: ; 148--tw-ordinal: ; 149--tw-slashed-zero: ; 150--tw-numeric-figure: ; 151--tw-numeric-spacing: ; 152--tw-numeric-fraction: ; 153--tw-ring-inset: ; 154--tw-ring-offset-width: 0px; 155--tw-ring-offset-color: #fff; 156--tw-ring-color: rgb(59 130 246 / 0.5); 157--tw-ring-offset-shadow: 0 0 #0000; 158--tw-ring-shadow: 0 0 #0000; 159--tw-shadow: 0 0 #0000; 160--tw-shadow-colored: 0 0 #0000; 161--tw-blur: ; 162--tw-brightness: ; 163--tw-contrast: ; 164--tw-grayscale: ; 165--tw-hue-rotate: ; 166--tw-invert: ; 167--tw-saturate: ; 168--tw-sepia: ; 169--tw-drop-shadow: ; 170--tw-backdrop-blur: ; 171--tw-backdrop-brightness: ; 172--tw-backdrop-contrast: ; 173--tw-backdrop-grayscale: ; 174--tw-backdrop-hue-rotate: ; 175--tw-backdrop-invert: ; 176--tw-backdrop-opacity: ; 177--tw-backdrop-saturate: ; 178--tw-backdrop-sepia: 179} 180.cmsb6-sr-only { 181position: absolute; 182width: 1px; 183height: 1px; 184padding: 0; 185margin: -1px; 186overflow: hidden; 187clip: rect(0, 0, 0, 0); 188white-space: nowrap; 189border-width: 0 190} 191.cmsb6-order-1 { 192order: 1 193} 194.cmsb6-order-2 { 195order: 2 196} 197.cmsb6-order-3 { 198order: 3 199} 200.cmsb6-order-4 { 201order: 4 202} 203.cmsb6-inline { 204display: inline 205} 206.cmsb6-flex { 207display: flex 208} 209.cmsb6-pb-10 { 210padding-bottom: 2.5rem 211} 212@media (min-width: 768px) { 213.cmsb6-md\:order-1 { 214order: 1 215} 216.cmsb6-md\:order-2 { 217order: 2 218} 219.cmsb6-md\:order-3 { 220order: 3 221} 222.cmsb6-md\:order-4 { 223order: 4 224} 225.cmsb6-md\:\!w-1\/3 { 226width: 33.333333% !important 227} 228.cmsb6-md\:\!w-full { 229width: 100% !important 230} 231.cmsb6-md\:pb-0 { 232padding-bottom: 0px 233} 234} 235@media (min-width: 1024px) { 236.cmsb6-lg\:\!w-2\/12 { 237width: 16.666667% !important 238} 239.cmsb6-lg\:\!w-6\/12 { 240width: 50% !important 241} 242}</style> 243<style>#html-body [data-pb-style=NJNSOXR]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;padding-top:40px;padding-bottom:40px}#html-body [data-pb-style=H7LIJ76]{width:25%;align-self:stretch}#html-body [data-pb-style=H7LIJ76],#html-body [data-pb-style=JDARFWB]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=W4T2KEY]{width:25%;align-self:stretch}#html-body [data-pb-style=CUWGJTQ],#html-body [data-pb-style=W4T2KEY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=UGRVFD3]{width:25%;align-self:stretch}#html-body [data-pb-style=KRQLHBP],#html-body [data-pb-style=R9R3ASX],#html-body [data-pb-style=UGRVFD3]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=KRQLHBP]{width:25%;align-self:stretch}#html-body [data-pb-style=HAWRNB2]{margin-bottom:10px}#html-body [data-pb-style=D8DS9QW]{display:inline-block}#html-body [data-pb-style=G6SVQG0]{text-align:center}#html-body [data-pb-style=H06ASK4]{display:inline-block}#html-body [data-pb-style=EQOQ6H0]{text-align:center}#html-body [data-pb-style=RGXA5UO]{display:inline-block}#html-body [data-pb-style=N3TLXQ5]{text-align:center}#html-body [data-pb-style=LGP7SKH]{display:none}#html-body [data-pb-style=EMNGWKM]{margin-top:25px;margin-bottom:25px}#html-body [data-pb-style=Q9IYV8B]{display:inline-block}
243#html-body [data-pb-style=ANO9PC5]{text-align:center;margin-top:20px}#html-body [data-pb-style=VYSM6XQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}</style><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="NJNSOXR"><div class="row-full-width-inner" data-element="inner"><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column cmsb6-order-2 cmsb6-md:order-1 cmsb6-md:!w-1/3 cmsb6-lg:!w-2/12" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="H7LIJ76"><div class="pagebuilder-xcom-collapsible" data-content-type="xcom_collapsible" data-appearance="default" data-collapsible-heading="Informatie" data-background-images="{}" data-element="main" id="K8M6L0J" data-pb-style="JDARFWB"><button class="pagebuilder-xcom-collapsible__heading"><span>Informatie</span><svg width="16" height="9" viewbox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 1L8 8L1 0.999999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="pagebuilder-xcom-collapsible__content"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 244<li><a href="/over_ons" tabindex="0">Over ons</a></li> 245<li><a href="/vacatures" tabindex="0">Vacatures</a></li> 246<li><a href="https://acrobat.adobe.com/id/urn:aaid:sc:EU:550a6414-dcda-4c03-93e1-ed92f3699ada" tabindex="0">Algemene voorwaarden</a></li> 247<li><a href="#" tabindex="0">Privacy Policy</a></li> 248<li><a href="/disclaimer" tabindex="0">Disclaimer</a></li> 249</ul></div></div></div></div><div class="pagebuilder-column cmsb6-order-3 cmsb6-md:order-2 cmsb6-md:!w-1/3 cmsb6-lg:!w-2/12" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="W4T2KEY"><div class="pagebuilder-xcom-collapsible" data-content-type="xcom_collapsible" data-appearance="default" data-collapsible-heading="Klantenservice" data-background-images="{}" data-element="main" id="BV6YI2O" data-pb-style="CUWGJTQ"><button class="pagebuilder-xcom-collapsible__heading"><span>Klantenservice</span><svg width="16" height="9" viewbox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 1L8 8L1 0.999999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="pagebuilder-xcom-collapsible__content"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 250<li><a href="/bestellen-betalen-verzenden" tabindex="0">Bestellen, betalen en verzenden</a></li> 251<li><a href="/retouren-reclamaties-reparaties" tabindex="0">Retouren & reclamaties</a></li> 252<li><a href="/spaarprogramma" tabindex="0">Dancoins spaarprogramma</a></li> 253<li><a href="/veelgestelde-vragen" tabindex="0">Veelgestelde vragen</a></li> 254<li><a href="/nl/blogs" target="_blank" rel="noopener noreferrer" tabindex="0">Blogs</a></li> 255<li><a href="/brochures" tabindex="0">Brochures</a></li> 256<li><a href="/acties" tabindex="0">Acties & posters</a></li> 257<li><a href="/prijslijsten" tabindex="0">Prijslijsten</a></li> 258<li><a href="/trainingsmanuals" tabindex="0">Trainingsmanuals behandelingen</a></li> 259<li><a href="/beeldbank" tabindex="0">Beeldbank</a></li> 260<li><a href="/trainingen">Trainingen & evenementen</a></li> 261</ul></div></div></div></div><div class="pagebuilder-column cmsb6-order-4 cmsb6-md:order-3 cmsb6-md:!w-1/3 cmsb6-lg:!w-2/12" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UGRVFD3"><div class="pagebuilder-xcom-collapsible" data-content-type="xcom_collapsible" data-appearance="default" data-collapsible-heading="Contactgegevens" data-background-images="{}" data-element="main" id="L5TXVH3" data-pb-style="R9R3ASX"><button class="pagebuilder-xcom-collapsible__heading"><span>Contactgegevens</span><svg width="16" height="9" viewbox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 1L8 8L1 0.999999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="pagebuilder-xcom-collapsible__content"><div data-content-type="text" data-appearance="default" data-element="main"><p><span style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 13px;">Dancohr Cosmetics B.V.</span><br style="box-sizing: border-box; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 13px;"><span style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 13px;">
261Marconilaan 8</span></p> 262<p><span style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 13px;">6003 DD Weert</span><br style="box-sizing: border-box; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 13px;"><span style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 13px;">Nederland</span></p> 263<p>E-mail: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="790a18151c0a391d18171a16110b571a1614">[email protected]</a><br>Telefoon NL: +31 0495 434 600</p> 264<p>KvK: 13030826<br>BTW: NL800782641B01</p></div></div></div></div><div class="pagebuilder-column cmsb6-pb-10 cmsb6-order-1 cmsb6-md:pb-0 cmsb6-md:order-4 cmsb6-md:!w-full cmsb6-lg:!w-6/12" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KRQLHBP"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="HAWRNB2"><p><strong>Volg ons</strong></p></div><div data-content-type="xcom_socialmedia" data-appearance="default" data-element="main"><div data-content-type="xcom_socialmedia-item" data-appearance="default" data-element="main" data-pb-style="D8DS9QW"><a href="https://www.facebook.com/DancohrCorporation" target="_blank" data-link-type="default" data-icon="pagebuilder-socialmedia-facebook" data-element="icon_link" data-pb-style="G6SVQG0" rel="noopener noreferrer"><span class="cmsb6-sr-only"></span></a></div><div data-content-type="xcom_socialmedia-item" data-appearance="default" data-element="main" data-pb-style="H06ASK4"><a href="https://www.linkedin.com/company/dancohr-cosmetics/" target="_blank" data-link-type="default" data-icon="pagebuilder-socialmedia-linkedin" aria-label="Linkedin Dancohr" data-element="icon_link" data-pb-style="EQOQ6H0" rel="noopener noreferrer"><span class="cmsb6-sr-only">Linkedin Dancohr</span></a></div><div data-content-type="xcom_socialmedia-item" data-appearance="default" data-element="main" data-pb-style="RGXA5UO"><a href="https://www.instagram.com/dancohr/" target="_blank" data-link-type="default" data-icon="pagebuilder-socialmedia-instagram" aria-label="Instagram Dancohr" data-element="icon_link" data-pb-style="N3TLXQ5" rel="noopener noreferrer"><span class="cmsb6-sr-only">Instagram Dancohr</span></a></div></div><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="LGP7SKH"> <div class="block newsletter"><div class="title mb-3"><strong>Nieuwsbrief</strong></div><form class="form subscribe" action="https://www.dancohr.com/nl/newsletter/subscriber/new/" method="post" x-data="initNewsletterForm()" @submit.prevent="submitForm()" id="newsletter-validate-detail0"><div class="flex flex-wrap justify-center gap-2 md:justify-start"> <div class="w-full flex relative"><svg width="16" height="12" viewbox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute left-3 top-1/2 transform -translate-y-1/2 text-white"><path d="M15.6969 3.9625C15.8187 3.86563 16 3.95625 16 4.10938V10.5C16 11.3281 15.3281 12 14.5 12H1.5C0.671875 12 0 11.3281 0 10.5V4.1125C0 3.95625 0.178125 3.86875 0.303125 3.96562C1.00312 4.50937 1.93125 5.2 5.11875 7.51562C5.77813 7.99687 6.89062 9.00938 8 9.00313C9.11563 9.0125 10.25 7.97813 10.8844 7.51562C14.0719 5.2 14.9969 4.50625 15.6969 3.9625ZM8 8C8.725 8.0125 9.76875 7.0875 10.2937 6.70625C14.4406 3.69688 14.7562 3.43437 15.7125 2.68437C15.8937 2.54375 16 2.325 16 2.09375V1.5C16 0.671875 15.3281 0 14.5 0H1.5C0.671875 0 0 0.671875 0 1.5V2.09375C0 2.325 0.10625 2.54062 0.2875 2.68437C1.24375 3.43125 1.55938 3.69688 5.70625 6.70625C6.23125 7.0875 7.275 8.0125 8 8Z" fill="currentColor"></path></svg><label for="newsletter-subscribe" class="sr-only">E-mailadres</label> <input name="email" type="email" class="w-full pl-10 bg-primary border-white rounded-l placeholder-white placeholder-opacity-50 text-sm focus:border-white" required id="newsletter-subscribe" placeholder="Voer je e-mailadres in"><button class="text-base inline-flex flex-shrink-0 ml-auto xl:mt-0 btn btn-primary bg-white text-primary-blue rounded-l-none hover:bg-white hover:bg-opacity-80 hover:text-primary-blue transition-colors">Abonneer</button></div> <input name="form_key" type="hidden" value="Tn5NBFA1eqkwkx4U"> </div><div><template x-if="displayErrorMessage"><p class="flex items-center text-red"><span class="inline-block w-8 h-8 mr-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></span> <template x-for="errorMessage in errorMessages"><span x-html="errorMessage"></span></template></p></template></div></form><div class="w-full"></div></div></div><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main" data-pb-style="EMNGWKM" class="hide-mobile"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="Q9IYV8B"><a class="pagebuilder-button-primary" href="https://dancohr-cosmetics-proefpakket-aanvraag.subscribepage.io/" target="" data-link-type="default" data-button-icon="none" data-button-icon-align="left" data-element="link" data-pb-style="ANO9PC5"><span data-element="link_text">
264Professioneel partner worden?</span></a></div></div></div></div><div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="VYSM6XQ"></div></div></div></div></div><div class="footer-bottom"><div class="footer-bottom__container"><div> <small class="copyright"><span>Copyright © 2025 - 2026 Dancohr</span></small></div><div class="footer-bottom__payment-methods"><style>#html-body [data-pb-style=N3SQK0H]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="N3SQK0H"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg width="37" height="32" viewBox="0 0 37 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 265 <g clip-path="url(#clip0_256_4)"> 266 <path d="M0 2.37213V29.6279C0 30.9325 1.07015 32 2.37811 32H18.7038C31.0462 32 36.3969 25.109 36.3969 15.9644C36.3969 6.86731 31.0462 0 18.7038 0H2.37811C1.07015 0 0 1.06746 0 2.37213Z" fill="white"/> 267 <path d="M10.9274 6.6894V26.8288H19.7145C27.6931 26.8288 31.1532 22.3336 31.1532 15.9763C31.1532 9.89177 27.6931 5.17123 19.7145 5.17123H12.4494C11.6052 5.17123 10.9274 5.85915 10.9274 6.6894Z" fill="#CC0066"/> 268 <path d="M18.7038 29.8295H4.50652C3.24613 29.8295 2.22354 28.8095 2.22354 27.5522V4.45958C2.22354 3.20236 3.24613 2.18234 4.50652 2.18234H18.7038C32.1758 2.18234 34.1853 10.8287 34.1853 15.9763C34.1853 24.9073 28.68 29.8295 18.7038 29.8295ZM4.50652 2.94142C3.6623 2.94142 2.98454 3.61748 2.98454 4.45958V27.5522C2.98454 28.3943 3.6623 29.0704 4.50652 29.0704H18.7038C28.1925 29.0704 33.4243 24.421 33.4243 15.9763C33.4243 4.63749 24.1973 2.94142 18.7038 2.94142H4.50652V2.94142Z" fill="black"/> 269 <path d="M14.0189 13.2602C14.3281 13.2602 14.6135 13.3076 14.887 13.4025C15.1604 13.4974 15.3864 13.6516 15.5885 13.8414C15.7787 14.043 15.9333 14.2921 16.0522 14.5767C16.1592 14.8732 16.2187 15.2172 16.2187 15.6204C16.2187 15.9763 16.1711 16.2965 16.0879 16.593C15.9928 16.8895 15.862 17.1505 15.6836 17.364C15.5053 17.5775 15.2793 17.7435 15.0059 17.874C14.7324 17.9926 14.4113 18.0637 14.0427 18.0637H11.9619V13.2483H14.0189V13.2602ZM13.9476 17.1861C14.1022 17.1861 14.2449 17.1623 14.3994 17.1149C14.5421 17.0674 14.6729 16.9844 14.7799 16.8658C14.887 16.7472 14.9821 16.6049 15.0534 16.4151C15.1248 16.2253 15.1604 16.0118 15.1604 15.7391C15.1604 15.5018 15.1367 15.2765 15.0891 15.0867C15.0415 14.8969 14.9583 14.719 14.8513 14.5886C14.7443 14.4581 14.6016 14.3395 14.4232 14.2683C14.2449 14.1972 14.0308 14.1616 13.7692 14.1616H13.0083V17.1979H13.9476V17.1861Z" fill="white"/> 270 <path d="M20.5112 13.2602V14.1497H17.9666V15.1816H20.3091V16H17.9666V17.1742H20.5706V18.0637H16.9084V13.2483H20.5112V13.2602Z" fill="white"/> 271 <path d="M24.1497 13.2602L25.957 18.0756H24.8512L24.4826 17.0082H22.6753L22.2948 18.0756H21.2246L23.0439 13.2602H24.1497V13.2602ZM24.2091 16.2135L23.6027 14.4463H23.5908L22.9606 16.2135H24.2091Z" fill="white"/> 272 <path d="M27.6812 13.2602V17.1861H30.0355V18.0756H26.6229V13.2602H27.6812V13.2602Z" fill="white"/> 273 <path d="M6.95595 17.8858C8.18398 17.8858 9.17948 16.8928 9.17948 15.6679C9.17948 14.443 8.18398 13.45 6.95595 13.45C5.72793 13.45 4.73242 14.443 4.73242 15.6679C4.73242 16.8928 5.72793 17.8858 6.95595 17.8858Z" fill="black"/> 274 <path d="M8.63254 26.8287C6.76573 26.8287 5.26752 25.3224 5.26752 23.4722V20.851C5.26752 19.9259 6.01662 19.1668 6.95597 19.1668C7.88344 19.1668 8.64443 19.914 8.64443 20.851V26.8287H8.63254Z" fill="black"/> 275 </g> 276 <defs> 277 <clipPath id="clip0_256_4"> 278 <rect width="36.3969" height="32" fill="white"/> 279 </clipPath> 280 </defs> 281 </svg> 282 </div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 283 <g clip-path="url(#clip0_256_20)"> 284 <path d="M7.01545 30.6295V28.6434C7.0271 28.4763 7.003 28.3087 6.94476 28.1517C6.88651 27.9947 6.79547 27.8519 6.67769 27.7329C6.55991 27.6138 6.4181 27.5213 6.26172 27.4614C6.10535 27.4015 5.93801 27.3756 5.77084 27.3855C5.55207 27.3713 5.33348 27.4159 5.13785 27.5149C4.94223 27.6139 4.77673 27.7635 4.65862 27.9482C4.55097 27.769 4.397 27.6222 4.21292 27.5232C4.02883 27.4241 3.82144 27.3766 3.6126 27.3855C3.43055 27.3764 3.24927 27.4149 3.0867 27.4974C2.92414 27.5798 2.78592 27.7033 2.68574 27.8556V27.465H1.99719V30.6295H2.69233V28.8751C2.6773 28.7668 2.68643 28.6566 2.71907 28.5523C2.75171 28.4479 2.80704 28.3522 2.8811 28.2718C2.95516 28.1914 3.04609 28.1284 3.14738 28.0874C3.24867 28.0463 3.3578 28.0282 3.46693 28.0343C3.92373 28.0343 4.15548 28.3322 4.15548 28.8685V30.6295H4.85062V28.8751C4.83672 28.767 4.84664 28.6572 4.87969 28.5534C4.91275 28.4496 4.96813 28.3543 5.04195 28.2742C5.11577 28.194 5.20624 28.131 5.307 28.0896C5.40776 28.0482 5.51637 28.0293 5.62521 28.0343C6.09522 28.0343 6.32031 28.3322 6.32031 28.8685V30.6295H7.01545ZM17.3035 27.465H16.1781V26.505H15.483V27.465H14.8408V28.0939H15.483V29.5371C15.483 30.272 15.7676 30.709 16.5819 30.709C16.8861 30.7099 17.1844 30.625 17.4426 30.464L17.244 29.8748C17.0593 29.9849 16.8498 30.0464 16.6349 30.0535C16.2906 30.0535 16.1781 29.8416 16.
2841781 29.5239V28.0939H17.3035V27.465ZM23.1758 27.3855C23.008 27.3806 22.8419 27.421 22.6951 27.5026C22.5483 27.5841 22.4262 27.7038 22.3417 27.8489V27.465H21.6598V30.6295H22.3483V28.8552C22.3483 28.3322 22.5734 28.0409 23.0236 28.0409C23.1709 28.0389 23.3171 28.0659 23.4539 28.1204L23.6658 27.4716C23.5085 27.4153 23.3428 27.3862 23.1758 27.3855V27.3855ZM14.2979 27.7165C13.9082 27.4848 13.4601 27.3699 13.0069 27.3855C12.2058 27.3855 11.6895 27.7695 11.6895 28.3984C11.6895 28.9148 12.0734 29.2326 12.7818 29.3319L13.1062 29.3782C13.4836 29.4311 13.6623 29.5305 13.6623 29.7092C13.6623 29.9542 13.4107 30.0933 12.9407 30.0933C12.5626 30.1041 12.1919 29.9875 11.8881 29.7622L11.5637 30.2984C11.9647 30.5785 12.4451 30.7224 12.9341 30.709C13.8477 30.709 14.3773 30.2786 14.3773 29.6761C14.3773 29.12 13.9603 28.8287 13.2717 28.7294L12.9474 28.6831C12.6494 28.6434 12.4111 28.5838 12.4111 28.372C12.4111 28.1402 12.6361 28.0012 13.0135 28.0012C13.3601 28.0064 13.6996 28.0998 14 28.2726L14.2979 27.7165ZM32.7423 27.3855C32.5744 27.3806 32.4083 27.421 32.2615 27.5026C32.1147 27.5841 31.9926 27.7038 31.9081 27.8489V27.465H31.2262V30.6295H31.9147V28.8552C31.9147 28.3322 32.1398 28.0409 32.59 28.0409C32.7373 28.0389 32.8835 28.0659 33.0204 28.1204L33.2322 27.4716C33.075 27.4153 32.9093 27.3862 32.7423 27.3855V27.3855ZM23.8709 29.0472C23.8618 29.2701 23.8994 29.4925 23.9814 29.7C24.0634 29.9075 24.1878 30.0956 24.3469 30.2521C24.5059 30.4087 24.6959 30.5302 24.9047 30.6089C25.1135 30.6875 25.3364 30.7216 25.5592 30.709C25.9726 30.7297 26.3787 30.5951 26.6979 30.3316L26.3669 29.7754C26.1288 29.9569 25.8386 30.0567 25.5393 30.0601C25.2813 30.0445 25.039 29.9309 24.8618 29.7427C24.6847 29.5545 24.586 29.3057 24.586 29.0472C24.586 28.7887 24.6847 28.54 24.8618 28.3517C25.039 28.1635 25.2813 28.05 25.5393 28.0343C25.8386 28.0377 26.1288 28.1375 26.3669 28.319L26.6979 27.7629C26.3787 27.4994 25.9726 27.3648 25.5592 27.3855C25.3365 27.3728 25.1135 27.4069 24.9047 27.4856C24.6959 27.5643 24.5059 27.6858 24.3469 27.8423C24.1879 27.9988 24.0634 28.1868 23.9814 28.3943C23.8994 28.6019 23.8618 28.8242 23.8709 29.0472V29.0472ZM30.3192 29.0472V27.465H29.6307V27.8489C29.5132 27.6975 29.3611 27.5764 29.1872 27.4958C29.0133 27.4151 28.8226 27.3773 28.631 27.3855C28.2044 27.4064 27.8022 27.5906 27.5076 27.9C27.2131 28.2093 27.0488 28.6201 27.0488 29.0472C27.0488 29.4744 27.2131 29.8852 27.5076 30.1945C27.8022 30.5038 28.2044 30.688 28.631 30.709C28.8226 30.7171 29.0133 30.6793 29.1872 30.5987C29.3611 30.5181 29.5132 30.3969 29.6307 30.2455V30.6295H30.3192V29.0472ZM27.7571 29.0472C27.7678 28.8604 27.8329 28.6809 27.9444 28.5307C28.0559 28.3805 28.2089 28.2663 28.3846 28.202C28.5602 28.1377 28.7509 28.1263 28.9329 28.1691C29.115 28.2119 29.2806 28.307 29.4093 28.4427C29.5379 28.5785 29.6241 28.749 29.657 28.9331C29.69 29.1172 29.6683 29.3069 29.5947 29.4789C29.5211 29.6509 29.3988 29.7975 29.2429 29.9008C29.0869 30.0041 28.9042 30.0595 28.7171 30.0601C28.586 30.0619 28.456 30.0365 28.3352 29.9855C28.2144 29.9345 28.1055 29.8591 28.0153 29.7639C27.9251 29.6687 27.8556 29.5559 27.8111 29.4326C27.7667 29.3092 27.7483 29.178 27.7571 29.0472V29.0472ZM19.4486 27.3855C19.0192 27.4081 18.6153 27.5961 18.3215 27.9101C18.0278 28.2241 17.8671 28.6396 17.873 29.0695C17.879 29.4995 18.0513 29.9104 18.3537 30.216C18.6561 30.5217 19.0651 30.6983 19.4949 30.709C19.9673 30.7255 20.4292 30.5676 20.7925 30.2653L20.4549 29.7556C20.1934 29.9651 19.8696 30.0816 19.5346 30.0866C19.3071 30.1057 19.0811 30.0356 18.9044 29.891C18.7277 29.7464 18.6142 29.5388 18.5879 29.312H20.9382C20.9448 29.226 20.9514 29.1399 20.9514 29.0472C20.9448 28.0608 20.3357 27.3855 19.4486 27.3855V27.3855ZM19.4353 28.0012C19.6433 27.9971 19.8444 28.0757 19.9945 28.2197C20.1447 28.3636 20.2317 28.5612 20.2364 28.7692H18.5945C18.6066 28.5567 18.7014 28.3574 18.8585 28.2139C19.0156 28.0704 19.2226 27.994 19.4353 28.0012V28.0012ZM36.7079 29.0472V26.1939H36.0194V27.8489C35.9019 27.6975 35.7498 27.5764 35.5758 27.4958C35.4019 27.4151 35.2112 27.3773 35.0197 27.3855C34.5931 27.4064 34.1908 27.5906 33.8963 27.9C33.6017 28.2093 33.4374 28.6201 33.4374 29.0472C33.4374 29.4744 33.6017 29.8852 33.8963 30.1945C34.1908 30.5039 34.5931 30.6881 35.
2840197 30.709C35.2112 30.7171 35.4019 30.6793 35.5759 30.5987C35.7498 30.5181 35.9019 30.3969 36.0194 30.2455V30.6295H36.7079V29.0472ZM37.8556 30.1709C37.8984 30.1706 37.9408 30.179 37.9802 30.1956C38.0181 30.2114 38.0526 30.2343 38.082 30.263C38.1111 30.2917 38.1344 30.3257 38.1505 30.3632C38.1671 30.4018 38.1756 30.4433 38.1756 30.4852C38.1756 30.5272 38.1671 30.5687 38.1505 30.6073C38.1343 30.6446 38.111 30.6785 38.082 30.7071C38.0526 30.7358 38.018 30.7588 37.9802 30.7749C37.9409 30.7917 37.8984 30.8003 37.8556 30.8C37.7927 30.8006 37.7309 30.7827 37.678 30.7484C37.6252 30.7141 37.5836 30.665 37.5585 30.6073C37.542 30.5687 37.5335 30.5272 37.5335 30.4852C37.5335 30.4433 37.542 30.4018 37.5585 30.3632C37.5746 30.3258 37.5978 30.2918 37.6268 30.263C37.6561 30.2341 37.6908 30.2112 37.7289 30.1956C37.7691 30.179 37.8122 30.1706 37.8556 30.1709V30.1709ZM37.8556 30.7306C37.8883 30.7308 37.9206 30.7243 37.9505 30.7113C37.9793 30.6988 38.0054 30.681 38.0276 30.6589C38.0733 30.6127 38.0989 30.5504 38.0989 30.4854C38.0989 30.4204 38.0733 30.3581 38.0276 30.3119C38.0055 30.2898 37.9793 30.2722 37.9505 30.2599C37.9205 30.2472 37.8882 30.2408 37.8556 30.241C37.8225 30.2408 37.7896 30.2472 37.7589 30.2599C37.7297 30.272 37.7031 30.2897 37.6807 30.3119C37.635 30.3581 37.6093 30.4204 37.6093 30.4854C37.6093 30.5504 37.635 30.6127 37.6807 30.6589C37.7032 30.6812 37.7297 30.699 37.7589 30.7113C37.7895 30.7243 37.8224 30.7308 37.8556 30.7306V30.7306ZM37.8742 30.3381C37.9051 30.3361 37.9358 30.345 37.9609 30.3632C37.9709 30.3715 37.9789 30.3819 37.9842 30.3938C37.9895 30.4056 37.9919 30.4185 37.9914 30.4315C37.9917 30.4426 37.9897 30.4536 37.9855 30.4639C37.9814 30.4742 37.9751 30.4835 37.9671 30.4912C37.9479 30.5082 37.9236 30.5184 37.8981 30.5201L37.9937 30.6303H37.9189L37.8303 30.5209H37.8017V30.6303H37.7393V30.3381H37.8742ZM37.8017 30.3929V30.4708H37.8734C37.8872 30.4715 37.9009 30.4681 37.9128 30.4611C37.9176 30.4579 37.9215 30.4535 37.924 30.4483C37.9266 30.443 37.9277 30.4373 37.9274 30.4315C37.9277 30.4258 37.9265 30.4201 37.9239 30.415C37.9214 30.4099 37.9175 30.4056 37.9128 30.4025C37.9009 30.3956 37.8872 30.3923 37.8734 30.3929H37.8017ZM34.1458 29.0472C34.1565 28.8604 34.2216 28.6809 34.3331 28.5307C34.4446 28.3806 34.5977 28.2663 34.7733 28.2021C34.949 28.1378 35.1396 28.1264 35.3217 28.1692C35.5037 28.212 35.6693 28.3071 35.7979 28.4429C35.9266 28.5786 36.0127 28.7491 36.0457 28.9332C36.0786 29.1173 36.0569 29.307 35.9833 29.479C35.9097 29.6509 35.7874 29.7976 35.6315 29.9008C35.4756 30.0041 35.2928 30.0595 35.1058 30.0601C34.9747 30.0619 34.8446 30.0365 34.7238 29.9855C34.603 29.9345 34.4941 29.8591 34.4039 29.7639C34.3138 29.6687 34.2443 29.5559 34.1998 29.4325C34.1554 29.3092 34.137 29.178 34.1458 29.0472V29.0472ZM10.895 29.0472V27.465H10.2065V27.8489C10.0889 27.6975 9.93687 27.5764 9.76295 27.4958C9.58903 27.4151 9.39832 27.3773 9.20679 27.3855C8.78016 27.4064 8.37792 27.5906 8.08338 27.9C7.78883 28.2093 7.62455 28.6201 7.62455 29.0472C7.62455 29.4744 7.78883 29.8852 8.08338 30.1945C8.37792 30.5038 8.78016 30.688 9.20679 30.709C9.39832 30.7171 9.58903 30.6793 9.76295 30.5987C9.93687 30.5181 10.089 30.3969 10.2065 30.2455V30.6295H10.895V29.0472ZM8.33295 29.0472C8.34364 28.8604 8.40876 28.6809 8.52025 28.5307C8.63175 28.3806 8.78476 28.2663 8.96041 28.2021C9.13607 28.1378 9.32669 28.1264 9.50876 28.1692C9.69084 28.212 9.85641 28.3071 9.98506 28.4429C10.1137 28.5786 10.1998 28.7491 10.2328 28.9332C10.2657 29.1173 10.244 29.307 10.1704 29.479C10.0969 29.6509 9.97454 29.7976 9.8
284186 29.9008C9.66266 30.0041 9.47991 30.0595 9.29287 30.0601C9.16178 30.0619 9.03173 30.0365 8.91094 29.9855C8.79015 29.9345 8.68123 29.8591 8.59105 29.7639C8.50086 29.6687 8.43137 29.5559 8.38695 29.4325C8.34253 29.3092 8.32414 29.178 8.33295 29.0472V29.0472Z" fill="#231F20"/> 285 <path d="M24.4978 3.34814H14.0692V22.0885H24.4978V3.34814Z" fill="#FF5F00"/> 286 <path d="M14.7314 12.7183C14.7298 10.9135 15.1388 9.13194 15.9274 7.50854C16.7161 5.88513 17.8638 4.46243 19.2835 3.34813C17.5253 1.96615 15.4138 1.10671 13.1902 0.868056C10.9667 0.6294 8.72085 1.02116 6.70942 1.99854C4.69799 2.97593 3.00212 4.49952 1.81565 6.39515C0.629191 8.29079 0 10.482 0 12.7183C0 14.9546 0.629191 17.1459 1.81565 19.0415C3.00212 20.9371 4.69799 22.4607 6.70942 23.4381C8.72085 24.4155 10.9667 24.8073 13.1902 24.5686C15.4138 24.3299 17.5253 23.4705 19.2835 22.0885C17.8638 20.9742 16.7161 19.5515 15.9274 17.9281C15.1388 16.3047 14.7298 14.5232 14.7314 12.7183V12.7183Z" fill="#EB001B"/> 287 <path d="M38.5665 12.7183C38.5665 14.9546 37.9374 17.1458 36.751 19.0415C35.5646 20.9371 33.8688 22.4607 31.8574 23.4381C29.8461 24.4155 27.6002 24.8073 25.3767 24.5686C23.1532 24.3299 21.0417 23.4705 19.2835 22.0885C20.7021 20.9731 21.8488 19.5502 22.6374 17.927C23.4259 16.3039 23.8356 14.5229 23.8356 12.7183C23.8356 10.9138 23.4259 9.13279 22.6374 7.50964C21.8488 5.88649 20.7021 4.46355 19.2835 3.34813C21.0417 1.96614 23.1532 1.10671 25.3767 0.868054C27.6002 0.629401 29.8461 1.02116 31.8574 1.99856C33.8688 2.97596 35.5646 4.49955 36.751 6.39519C37.9374 8.29083 38.5665 10.482 38.5665 12.7183V12.7183Z" fill="#F79E1B"/> 288 <path d="M37.4293 20.1033V19.7197H37.584V19.6415H37.19V19.7197H37.3448V20.1033H37.4293ZM38.1942 20.1033V19.6407H38.0734L37.9345 19.9589L37.7956 19.6407H37.6747V20.1033H37.76V19.7544L37.8903 20.0552H37.9787L38.109 19.7536V20.1033H38.1942Z" fill="#F79E1B"/> 289 </g> 290 <defs> 291 <clipPath id="clip0_256_20"> 292 <rect width="39.0124" height="32" fill="white"/> 293 </clipPath> 294 </defs> 295 </svg> 296 </div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg width="39" height="32" viewBox="0 0 39 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 297 <g clip-path="url(#clip0_265_30)"> 298 <path d="M11.6267 30.5136V28.53C11.6383 28.3631 11.6142 28.1957 11.5561 28.0389C11.4979 27.8821 11.407 27.7395 11.2893 27.6206C11.1717 27.5018 11.0301 27.4093 10.8739 27.3495C10.7177 27.2897 10.5506 27.2638 10.3836 27.2737C10.1651 27.2595 9.94683 27.3041 9.75146 27.403C9.55609 27.5018 9.3908 27.6513 9.27282 27.8357C9.16532 27.6567 9.01154 27.5101 8.82768 27.4112C8.64382 27.3123 8.43669 27.2648 8.2281 27.2737C8.04628 27.2645 7.86523 27.3031 7.70287 27.3854C7.54052 27.4677 7.40248 27.5911 7.30243 27.7431V27.353H6.61475V30.5136H7.30902V28.7614C7.294 28.6533 7.30312 28.5432 7.33571 28.439C7.36831 28.3348 7.42357 28.2392 7.49754 28.1589C7.5715 28.0786 7.66232 28.0157 7.76349 27.9747C7.86465 27.9337 7.97364 27.9156 8.08263 27.9217C8.53886 27.9217 8.77031 28.2192 8.77031 28.7548V30.5136H9.46459V28.7614C9.45071 28.6535 9.46061 28.5439 9.49362 28.4402C9.52663 28.3365 9.58195 28.2413 9.65568 28.1613C9.7294 28.0812 9.81976 28.0183 9.9204 27.9769C10.021 27.9356 10.1295 27.9167 10.2382 27.9217C10.7076 27.9217 10.9324 28.2192 10.9324 28.7548V30.5136H11.6267ZM15.5014 28.9333V27.353H14.8137V27.7365C14.6963 27.5853 14.5444 27.4643 14.3707 27.3838C14.197 27.3033 14.0065 27.2655 13.8153 27.2737C13.3892 27.2946 12.9875 27.4786 12.6933 27.7875C12.3991 28.0965 12.235 28.5067 12.235 28.9333C12.235 29.3599 12.3991 29.7702 12.6933 30.0792C12.9875 30.3881 13.3892 30.5721 13.8153 30.593C14.0066 30.6012 14.197 30.5634 14.3707 30.4829C14.5444 30.4023 14.6963 30.2814 14.8137 30.1301V30.5136H15.5014V28.9333ZM12.9425 28.9333C12.9532 28.7468 13.0182 28.5675 13.1296 28.4175C13.2409 28.2675 13.3938 28.1534 13.5692 28.0892C13.7446 28.025 13.935 28.0136 14.1169 28.0564C14.2987 28.0991 14.4641 28.1941 14.5926 28.3297C14.7211 28.4653 14.8071 28.6355 14.84 28.8194C14.8729 29.0033 14.8512 29.1928 14.7777 29.3645C14.7042 29.5363 14.5821 29.6827 14.4263 29.7859C14.2706 29.889 14.088 29.9443 13.9012 29.9449C13.7703 29.9467 13.6404 29.9213 13.5198 29.8704C13.3992 29.8195 13.2904 29.7441 13.2003 29.6491C13.1102 29.5541 13.0408 29.4414 12.9965 29.3182C12.9521 29.195 12.9337 29.0639 12.9425 28.9333ZM30.2155 27.27C30.4478 27.2677 30.6782 27.3109 30.8938 27.3971C31.0948 27.4773 31.2781 27.5961 31.4333 27.7469C31.5861 27.8968 31.7073 28.0758 31.7898 28.2733C31.9615 28.6965 31.9615 29.1701 31.7898 29.5933C31.7074 29.7909 31.5862 29.9699 31.4333 30.1198C31.2781 30.2706 31.0948 30.3894 30.8938 30.4696C30.4575 30.6391 29.9736 30.6391 29.5373 30.4696C29.3367 30.3896 29.1538 30.2708 28.9994 30.1198C28.8474 29.9695 28.7268 29.7906 28.6446 29.5933C28.473 29.17 28.473 28.6966 28.6446 28.2733C28.7269 28.0761 28.8475 27.8972 28.9994 27.7469C29.1538 27.5959 29.3367 27.477 29.5373 27.3971C29.7529 27.3109 29.9833 27.2677 30.2155 27.27V27.27ZM30.2155 27.9202C30.0811 27.919 29.9476 27.9442 29.8229 27.9944C29.7053 28.0416 29.5986 28.1124 29.5094 28.2023C29.4195 28.2942 29.3488 28.403 29.3014 28.5225C29.2002 28.7871 29.2002 29.0797 29.3014 29.3443C29.3488 29.4637 29.4195 29.5725 29.5094 29.6644C29.5986 29.7543 29.7053 29.8251 29.8229 29.8723C30.0753 29.9713 30.3558 29.9713 30.6082 29.8723C30.7262 29.8248 30.8334 29.7541 30.9234 29.6644C31.0141 29.5728 31.0854 29.464 31.1331 29.3443C31.2343 29.0797 31.2343 28.7871 31.1331 28.5225C31.0854 28.4028 31.0141 28.2939 30.9234 28.2023C30.8334 28.1126 30.7262 28.0419 30.6082 27.9944C30.4835 27.9442 30.35 27.919 30.2155 27.9202V27.9202ZM19.2432 28.9333C19.2366 27.9481 18.6283 27.2737 17.7423 27.2737C17.3134 27.2962 16.9099 27.4839 16.6165 27.7975C16.323 28.1111 16.1624 28.5262 16.1684 28.9556C16.1744 29.385 16.3465 29.7954 16.6486 30.1007C16.9507 30.406 17.3592 30.5824 17.7886 30.593C18.2603 30.6095 18.7216 30.4518 19.0845 30.1499L18.7473 29.6408C18.4862 29.85 18.1628 29.9664 17.8282 29.9714C17.601 29.9905 17.3753 29.9205 17.1988 29.7761C17.0223 29.6317 16.9089 29.4243 16.8827 29.1978H19.23C19.2366 29.1118 19.2432 29.0259 19.2432 28.9333ZM16.8893 28.6556C16.9014 28.4434 16.996 28.2444
29817.1529 28.1011C17.3099 27.9577 17.5166 27.8815 17.729 27.8886C17.9368 27.8846 18.1376 27.963 18.2876 28.1068C18.4375 28.2506 18.5244 28.4479 18.5291 28.6556H16.8893ZM22.1391 28.1597C21.8391 27.9871 21.5001 27.8938 21.154 27.8886C20.777 27.8886 20.5523 28.0275 20.5523 28.2589C20.5523 28.4705 20.7903 28.53 21.0879 28.5696L21.4118 28.6159C22.0995 28.7151 22.516 29.006 22.516 29.5614C22.516 30.1632 21.9871 30.593 21.0746 30.593C20.5862 30.6065 20.1064 30.4627 19.7059 30.183L20.0299 29.6474C20.3333 29.8724 20.7036 29.9889 21.0812 29.978C21.5507 29.978 21.8019 29.8392 21.8019 29.5945C21.8019 29.416 21.6234 29.3168 21.2466 29.2639L20.9225 29.2177C20.2151 29.1185 19.8316 28.8011 19.8316 28.2853C19.8316 27.6572 20.3473 27.2737 21.1474 27.2737C21.5999 27.2581 22.0475 27.3728 22.4367 27.6043L22.1391 28.1597ZM25.4434 27.9812H24.3194V29.4094C24.3194 29.7268 24.4318 29.9384 24.7756 29.9384C24.9902 29.9313 25.1995 29.8698 25.3839 29.7599L25.5822 30.3484C25.3244 30.5091 25.0265 30.5939 24.7227 30.593C23.9094 30.593 23.6251 30.1566 23.6251 29.4226V27.9812H22.9837V27.353H23.6251L23.6249 26.3943H24.3192L24.3194 27.353H25.4434V27.9812ZM27.8232 27.2737C27.99 27.2743 28.1555 27.3034 28.3125 27.3597L28.1009 28.0076C27.9643 27.9532 27.8182 27.9263 27.6711 27.9283C27.2215 27.9283 26.9967 28.2192 26.9967 28.7416V30.5136H26.3091V27.353H26.9901V27.7365C27.0745 27.5916 27.1964 27.472 27.343 27.3906C27.4896 27.3091 27.6555 27.2687 27.8232 27.2737V27.2737ZM32.5839 30.0535C32.6266 30.0533 32.669 30.0616 32.7084 30.0782C32.7463 30.094 32.7809 30.1169 32.8102 30.1457C32.8393 30.1744 32.8626 30.2084 32.8788 30.2459C32.8953 30.2845 32.9039 30.326 32.9039 30.3679C32.9039 30.4099 32.8953 30.4514 32.8788 30.4899C32.8625 30.5273 32.8392 30.5612 32.8102 30.5898C32.7808 30.6185 32.7463 30.6415 32.7084 30.6576C32.6691 30.6744 32.6267 30.683 32.5839 30.6827C32.5209 30.6833 32.4591 30.6654 32.4062 30.6311C32.3534 30.5968 32.3118 30.5477 32.2867 30.4899C32.2702 30.4514 32.2617 30.4099 32.2617 30.3679C32.2617 30.326 32.2702 30.2845 32.2867 30.2459C32.3028 30.2084 32.326 30.1744 32.355 30.1457C32.3843 30.1167 32.419 30.0938 32.4571 30.0782C32.4973 30.0616 32.5404 30.0532 32.5839 30.0535V30.0535ZM32.5839 30.6133C32.6165 30.6135 32.6488 30.6069 32.6788 30.594C32.7075 30.5815 32.7336 30.5637 32.7558 30.5416C32.7842 30.5132 32.8052 30.4784 32.817 30.44C32.8288 30.4017 32.831 30.361 32.8234 30.3216C32.8158 30.2822 32.7986 30.2453 32.7734 30.2141C32.7482 30.1829 32.7157 30.1583 32.6788 30.1426C32.6488 30.1299 32.6165 30.1234 32.5839 30.1237C32.5507 30.1234 32.5178 30.1299 32.4871 30.1426C32.4579 30.1547 32.4313 30.1723 32.4089 30.1946C32.3632 30.2407 32.3375 30.3031 32.3375 30.3681C32.3375 30.4331 32.3632 30.4954 32.4089 30.5416C32.4319 30.5645 32.4592 30.5826 32.4892 30.5949C32.5193 30.6072 32.5514 30.6134 32.5839 30.6133V30.6133ZM32.6024 30.2208C32.6334 30.2188 32.6641 30.2277 32.6892 30.2459C32.6992 30.2542 32.7071 30.2646 32.7124 30.2764C32.7177 30.2883 32.7201 30.3012 32.7196 30.3141C32.7199 30.3252 32.718 30.3363 32.7138 30.3465C32.7096 30.3568 32.7033 30.3661 32.6953 30.3738C32.6762 30.3909 32.6519 30.401 32.6263 30.4028L32.7219 30.513H32.6471L32.5585 30.4035H32.5299V30.513H32.4675V30.2208H32.6024ZM32.5299 30.2756V30.3535H32.6016C32.6154 30.3541 32.6291 30.3508 32.641 30.3438C32.6458 30.3405 32.6497 30.3361 32.6523 30.3309C32.6548 30.3257 32.656 30.3199 32.6556 30.3141C32.6559 30.3084 32.6547 30.3028 32.6522 30.2977C32.6496 30.2926 32.6457 30.2883 32.641 30.2852C32.6291 30.2782 32.6154 30.2749 32.6016 30.2756H32.5299Z" fill="black"/> 299 <path d="M24.4656 3.23093H14.0365V21.9723H24.4656V3.23093Z" fill="#7375CF"/> 300 <path d="M14.6987 12.6016C14.6971 10.7967 15.1061 9.01505 15.8948 7.39156C16.6835 5.76808 17.8312 4.3453 19.2511 3.23095C17.4928 1.8489 15.3811 0.989417 13.1575 0.75075C10.9338 0.512082 8.68783 0.903857 6.6763 1.88129C4.66477 2.85873 2.96882 4.38239 1.7823 6.27812C0.595775 8.17386 -0.0334473 10.3652 -0.0334473 12.6016C-0.0334473 14.838 0.595775 17.0294 1.7823 18.9251C2.96882 20.8208 4.66477 22.3445 6.6763 23.3219C8.68783 24.2994 10.9338 24.6911 13.1575 24.4525C15.3811 24.2138 17.4928 23.3543 19.2511 21.9723C17.8312 20.8579 16.6835 19.4351 15.8948 17.8117C15.1061 16.1882 14.6971 14.4065 14.6987 12.6016V12.6016Z" fill="#EB001B"/> 301 <path d="M37.3979 19.9873V19.6036H37.5526V19.5254H37.1586V19.6036H37.3133V19.9873H37.3979ZM38.1628 19.9873V19.5247H38.0421L37.9031 19.8429L37.7642 19.5247H37.6433V19.9873H37.7286V19.6383L37.8589 19.9392H37.9473L38.0776 19.6376V19.9873H38.1628Z" fill="#00A2E5"/> 302 <path d="M38.535 12.6016C38.5351 14.838 37.9059 17.0293 36.7195 18.9251C35.533 20.8208 33.8371 22.3445 31.8256 23.3219C29.8141 24.2994 27.5682 24.6911 25.3446 24.4525C23.121 24.2138 21.0093 23.3543 19.2511 21.9723C20.6697 20.8568 21.8165 19.4338 22.6051 17.8106C23.3937 16.1873 23.8034 14.4062 23.8034 12.6016C23.8034 10.797 23.3937 9.01589 22.6051 7.39266C21.8165 5.76943 20.6697 4.34642 19.2511 3.23095C21.0093 1.84889 23.121 0.989412 25.3446 0.750747C27.5682 0.512083 29.8141 0.903865 31.8256 1.88131C33.8371 2.85876 35.533 4.38243 36.7195 6.27816C37.9059 8.1739 38.5351 10.3652 38.535 12.6016V12.6016Z" fill="#00A2E5"/> 303 </g> 304 <defs> 305 <clipPath id="clip0_265_30"> 306 <rect width="38.9323" height="32" fill="white"/> 307 </clipPath> 308 </defs> 309 </svg> 310 </div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg width="62" height="20" viewBox="0 0 62 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 311 <g clip-path="url(#clip0_265_42)"> 312 <path d="M26.7789 19.7115H21.7728L24.904 0.350952H29.9097L26.7789 19.7115Z" fill="#00579F"/> 313 <path d="M44.9261 0.824255C43.9387 0.432522 42.3726 0 40.4361 0C35.4925 0 32.0113 2.63619 31.9899 6.40515C31.9488 9.18588 34.4824 10.7304 36.3773 11.6575C38.314 12.605 38.9724 13.2234 38.9724 14.0679C38.9527 15.3649 37.4074 15.9628 35.9661 15.9628C33.9675 15.9
313628 32.8966 15.6545 31.2691 14.9329L30.6099 14.6236L29.9094 18.9696C31.0835 19.5045 33.2467 19.9792 35.4925 20C40.7452 20 44.1649 17.4046 44.2054 13.3882C44.2253 11.1842 42.8875 9.49549 40.0033 8.11553C38.2524 7.22968 37.1802 6.63236 37.1802 5.72598C37.2007 4.902 38.0871 4.05804 40.0636 4.05804C41.691 4.0167 42.8867 4.40789 43.7926 4.79935L44.2453 5.00493L44.9261 0.824255V0.824255Z" fill="#00579F"/> 314 <path d="M51.5795 12.8527C51.9918 11.7405 53.5782 7.43581 53.5782 7.43581C53.5574 7.47715 53.9896 6.30305 54.2368 5.58227L54.5867 7.25049C54.5867 7.25049 55.5346 11.8848 55.7405 12.8527C54.9581 12.8527 52.5683 12.8527 51.5795 12.8527ZM57.7588 0.350952H53.8867C52.6926 0.350952 51.7854 0.700802 51.2702 1.9573L43.8344 19.7112H49.0871C49.0871 19.7112 49.9518 17.3217 50.1377 16.807C50.714 16.807 55.8237 16.807 56.565 16.807C56.7087 17.4867 57.1623 19.7112 57.1623 19.7112H61.7974L57.7588 0.350952V0.350952Z" fill="#00579F"/> 315 <path d="M17.5916 0.350952L12.689 13.553L12.1533 10.8755C11.2469 7.78594 8.40431 4.42925 5.23212 2.76021L9.72267 19.691H15.0164L22.885 0.350952H17.5916V0.350952Z" fill="#00579F"/> 316 <path d="M8.1366 0.350952H0.0823977L0 0.742137C6.28278 2.34876 10.4437 6.22147 12.1533 10.8763L10.4024 1.97838C10.1142 0.741864 9.22831 0.391741 8.1366 0.350952Z" fill="#FAA61A"/> 317 </g> 318 <defs> 319 <clipPath id="clip0_265_42"> 320 <rect width="61.7974" height="20" fill="white"/> 321 </clipPath> 322 </defs> 323 </svg> 324 </div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg width="76" height="20" viewBox="0 0 76 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 325 <path d="M28.0067 4.0903H23.8618C23.5782 4.0903 23.337 4.29636 23.2927 4.57636L21.6164 15.2048C21.583 15.4145 21.7454 15.6036 21.9582 15.6036H23.937C24.2206 15.6036 24.4618 15.3976 24.506 15.117L24.9582 12.2503C25.0018 11.9697 25.2436 11.7636 25.5267 11.7636H26.8388C29.5691 11.7636 31.1448 10.4424 31.5563 7.82424C31.7418 6.67879 31.5642 5.77879 31.0279 5.14848C30.4388 4.45636 29.3939 4.0903 28.0067 4.0903ZM28.4848 7.97212C28.2582 9.45939 27.1218 9.45939 26.023 9.45939H25.3976L25.8364 6.68182C25.8624 6.51394 26.0079 6.3903 26.1776 6.3903H26.4642C27.2127 6.3903 27.9188 6.3903 28.2836 6.81697C28.5012 7.07151 28.5679 7.4497 28.4848 7.97212Z" fill="#253B80"/> 326 <path d="M40.3963 7.92425H38.4115C38.2424 7.92425 38.0963 8.04788 38.0703 8.21576L37.9824 8.77091L37.8436 8.5697C37.4139 7.94606 36.4557 7.73758 35.4994 7.73758C33.306 7.73758 31.4327 9.39879 31.0679 11.7291C30.8782 12.8915 31.1479 14.003 31.8073 14.7782C32.4121 15.4909 33.2776 15.7879 34.3073 15.7879C36.0745 15.7879 37.0545 14.6515 37.0545 14.6515L36.966 15.203C36.9327 15.4139 37.0951 15.603 37.3066 15.603H39.0945C39.3788 15.603 39.6188 15.397 39.6636 15.1164L40.7363 8.32303C40.7703 8.11394 40.6085 7.92425 40.3963 7.92425ZM37.6297 11.7873C37.4382 12.9212 36.5382 13.6824 35.3903 13.6824C34.8139 13.6824 34.3533 13.4976 34.0576 13.1473C33.7642 12.7994 33.6527 12.3042 33.746 11.7527C33.9248 10.6285 34.84 9.84243 35.9703 9.84243C36.5339 9.84243 36.9921 10.0297 37.2939 10.383C37.5963 10.74 37.7163 11.2382 37.6297 11.7873Z" fill="#253B80"/> 327 <path d="M50.9673 7.92426H48.9727C48.7824 7.92426 48.6036 8.0188 48.4957 8.17698L45.7448 12.2291L44.5788 8.33516C44.5054 8.09153 44.2806 7.92426 44.026 7.92426H42.066C41.8279 7.92426 41.6624 8.15698 41.7382 8.38123L43.9351 14.8285L41.8697 17.7443C41.7073 17.974 41.8709 18.2897 42.1515 18.2897H44.1436C44.3327 18.2897 44.5097 18.1976 44.617 18.0424L51.2509 8.46668C51.4097 8.23759 51.2467 7.92426 50.9673 7.92426Z" fill="#253B80"/> 328 <path d="M57.5709 4.0903H53.4255C53.1424 4.0903 52.9012 4.29636 52.857 4.57636L51.1806 15.2048C51.1473 15.4145 51.3097 15.6036 51.5212 15.6036H53.6485C53.8461 15.6036 54.0152 15.4594 54.0461 15.263L54.5218 12.2503C54.5655 11.9697 54.8073 11.7636 55.0903 11.7636H56.4018C59.1327 11.7636 60.7079 10.4424 61.12 7.82424C61.3061 6.67879 61.1273 5.77879 60.5909 5.14848C60.0024 4.45636 58.9582 4.0903 57.5709 4.0903ZM58.0491 7.97212C57.823 9.45939 56.6867 9.45939 55.5873 9.45939H54.9624L55.4018 6.68182C55.4279 6.51394 55.5721 6.3903 55.7424 6.3903H56.0291C56.777 6.3903 57.4837 6.3903 57.8485 6.81697C58.0661 7.07151 58.1321 7.4497 58.0491 7.97212Z" fill="#179BD7"/> 329 <path d="M69.96 7.92425H67.9763C67.806 7.92425 67.6612 8.04788 67.6357 8.21576L67.5479 8.77091L67.4085 8.5697C66.9788 7.94606 66.0212 7.73758 65.0648 7.73758C62.8715 7.73758 60.9988 9.39879 60.6339 11.7291C60.4448 12.8915 60.7133 14.003 61.3727 14.7782C61.9788 15.4909 62.843 15.7879 63.8727 15.7879C65.64 15.7879 66.62 14.6515 66.62 14.6515L66.5315 15.203C66.4982 15.4139 66.6606 15.603 66.8733 15.603H68.6606C68.943
3296 15.603 69.1848 15.397 69.2291 15.1164L70.3024 8.32303C70.3351 8.11394 70.1727 7.92425 69.96 7.92425ZM67.1933 11.7873C67.003 12.9212 66.1018 13.6824 64.9539 13.6824C64.3788 13.6824 63.9169 13.4976 63.6212 13.1473C63.3279 12.7994 63.2176 12.3042 63.3097 11.7527C63.4897 10.6285 64.4036 9.84243 65.5339 9.84243C66.0976 9.84243 66.5557 10.0297 66.8576 10.383C67.1612 10.74 67.2812 11.2382 67.1933 11.7873Z" fill="#179BD7"/> 330 <path d="M72.3 4.38181L70.5988 15.2048C70.5654 15.4145 70.7279 15.6036 70.9394 15.6036H72.6497C72.9339 15.6036 73.1751 15.3976 73.2188 15.117L74.8963 4.48909C74.9297 4.27939 74.7673 4.08969 74.5557 4.08969H72.6406C72.4715 4.0903 72.326 4.21393 72.3 4.38181Z" fill="#179BD7"/> 331 <path d="M4.40361 17.6691L4.72058 15.6558L4.01452 15.6394H0.643005L2.98604 0.78303C2.99331 0.738181 3.01694 0.696363 3.05149 0.666666C3.08604 0.636969 3.13028 0.620605 3.17634 0.620605H8.86119C10.7485 0.620605 12.0509 1.01333 12.7309 1.78848C13.0497 2.15212 13.2527 2.53212 13.3509 2.9503C13.4539 3.38909 13.4557 3.91333 13.3551 4.55273L13.3479 4.59939V5.00909L13.6666 5.1897C13.9351 5.33212 14.1485 5.49515 14.3121 5.68182C14.5848 5.99273 14.7612 6.38788 14.8357 6.85636C14.9127 7.33818 14.8872 7.91151 14.7612 8.56061C14.6157 9.30727 14.3806 9.95758 14.063 10.4897C13.7709 10.98 13.3988 11.3867 12.9569 11.7018C12.5351 12.0012 12.0339 12.2285 11.4672 12.3739C10.9182 12.517 10.2921 12.5891 9.60543 12.5891H9.16301C8.84664 12.5891 8.53937 12.703 8.29816 12.9073C8.05634 13.1158 7.89634 13.4006 7.84725 13.7121L7.81391 13.8933L7.25391 17.4418L7.22846 17.5721C7.22179 17.6133 7.21028 17.6339 7.19331 17.6479C7.17816 17.6606 7.15634 17.6691 7.13513 17.6691H4.40361Z" fill="#253B80"/> 332 <path d="M13.9685 4.64667C13.9515 4.75515 13.9321 4.86606 13.9103 4.98C13.1606 8.82909 10.5957 10.1588 7.31998 10.1588H5.6521C5.2515 10.1588 4.91392 10.4497 4.8515 10.8448L3.99756 16.2606L3.75574 17.7958C3.71513 18.0552 3.91513 18.2891 4.17695 18.2891H7.13513C7.48544 18.2891 7.78301 18.0345 7.83816 17.6891L7.86726 17.5388L8.42423 14.0042L8.45998 13.8103C8.51453 13.4636 8.81271 13.2091 9.16301 13.2091H9.60544C12.4715 13.2091 14.7151 12.0455 15.3709 8.67818C15.6448 7.27152 15.503 6.09697 14.7782 5.27091C14.5588 5.02182 14.2867 4.81515 13.9685 4.64667Z" fill="#179BD7"/> 333 <path d="M13.1842 4.33394C13.0697 4.30061 12.9515 4.2703 12.8303 4.24303C12.7085 4.21637 12.5836 4.19273 12.4551 4.17212C12.0054 4.0994 11.5127 4.06485 10.9848 4.06485H6.52908C6.41938 4.06485 6.31514 4.0897 6.2218 4.13455C6.01635 4.23333 5.86362 4.42788 5.82665 4.66606L4.87877 10.6697L4.8515 10.8449C4.91393 10.4497 5.2515 10.1588 5.65211 10.1588H7.31999C10.5957 10.1588 13.1606 8.82849 13.9103 4.98C13.9327 4.86606 13.9515 4.75515 13.9685 4.64667C13.7788 4.54606 13.5733 4.46 13.3521 4.38667C13.2976 4.36849 13.2412 4.35091 13.1842 4.33394Z" fill="#222D65"/> 334 <path d="M5.82666 4.66606C5.86363 4.42788 6.01636 4.23333 6.22181 4.13515C6.31575 4.0903 6.41939 4.06545 6.52908 4.06545H10.9848C11.5127 4.06545 12.0054 4.1 12.4551 4.17273C12.5836 4.19333 12.7085 4.21697 12.8303 4.24364C12.9515 4.27091 13.0697 4.30121 13.1842 4.33455C13.2412 4.35152 13.2976 4.36909 13.3527 4.38667C13.5739 4.46 13.7794 4.54667 13.9691 4.64667C14.1921 3.22424 13.9673 2.25576 13.1982 1.37879C12.3503 0.413333 10.82 0 8.86181 0H3.17696C2.77696 0 2.43575 0.290909 2.37393 0.686667L0.00605383 15.6958C-0.0406128 15.9927 0.188478 16.2606 0.487872 16.2606H3.99757L4.87878 10.6697L5.82666 4.66606Z" fill="#253B80"/> 335 </svg> 336 </div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg width="40" height="28" viewBox="0 0 40 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 337 <g clip-path="url(#clip0_266_60)"> 338 <path d="M39.613 25.5948C39.613 26.9189 38.5319 28 37.2078 28H2.40521C1.08113 28 0 26.9189 0 25.5948V2.40521C0 1.08113 1.08113 0 2.40521 0H37.1957C38.5197 0 39.6009 1.08113 39.6009 2.40521V25.5948H39.613Z" fill="white"/> 339 <path d="M31.8265 7.823H30.393H23.7605H22.3271L21.3553 8.91627L18.2213 12.4512L17.2494 13.5445H15.816H9.30498H7.87158L8.81908 12.4391L9.26854 11.9167L10.216 10.8113H8.78264H6.93622H5.90368C5.11409 10.8113 4.47028 11.4794 4.47028 12.2811V15.1236V15.3909C4.47028 16.2048 5.11409 16.860
3397 5.90368 16.8607H6.30455H21.3675H22.4486C23.2382 16.8607 24.3193 16.3627 24.8416 15.7675L27.344 12.925L31.8265 7.823Z" fill="#004E91"/> 340 <path d="M33.7336 4.50672C34.5232 4.50672 35.167 5.17483 35.167 5.97656V9.08633C35.167 9.90021 34.5232 10.5562 33.7336 10.5562H32.9562H30.8547H29.4213L30.3809 9.4629L30.8547 8.91626L31.8143 7.82298H22.315L17.2495 13.5323H7.81085L14.577 5.87938L14.8321 5.58784C15.3666 4.99262 16.4477 4.49457 17.2373 4.49457H17.5653H33.7336V4.50672Z" fill="#FFDD00"/> 341 <path d="M35.167 23.3718V22.9224C35.167 22.8616 35.1306 22.8252 35.0455 22.8252H34.754C34.669 22.8252 34.6082 22.813 34.5961 22.7766C34.5718 22.7401 34.5718 22.6673 34.5718 22.5458V20.8451H35.0455C35.082 20.8451 35.1063 20.833 35.1306 20.8087C35.1549 20.7844 35.167 20.7601 35.167 20.7237V20.2499C35.167 20.2135 35.1549 20.1892 35.1306 20.1649C35.1063 20.1406 35.082 20.1284 35.0455 20.1284H34.5718V19.5089C34.5718 19.4725 34.5596 19.4482 34.5475 19.436C34.5232 19.4239 34.4989 19.4117 34.4746 19.4117H34.4625L33.7579 19.5332C33.7215 19.5453 33.6972 19.5575 33.6729 19.5696C33.6486 19.5939 33.6364 19.6182 33.6364 19.6425V20.1163H33.1627C33.1262 20.1163 33.1019 20.1284 33.0776 20.1527C33.0533 20.177 33.0412 20.2013 33.0412 20.2378V20.6265C33.0412 20.6629 33.0533 20.6872 33.0776 20.6994C33.1019 20.7237 33.1262 20.7358 33.1627 20.7479L33.6364 20.8208V22.5215C33.6364 22.728 33.6607 22.8981 33.6972 23.0317C33.7458 23.1653 33.8065 23.2625 33.8794 23.3354C33.9644 23.4083 34.0616 23.4568 34.1831 23.4811C34.3045 23.5054 34.4503 23.5176 34.6082 23.5176C34.6933 23.5176 34.7661 23.5176 34.839 23.5054C34.8998 23.4933 34.9848 23.4811 35.0698 23.469C35.1306 23.469 35.167 23.4325 35.167 23.3718ZM32.6403 23.3111V22.7887C32.6403 22.7523 32.6282 22.728 32.6039 22.7158C32.5796 22.7037 32.5553 22.6916 32.531 22.6916H32.5189C32.4095 22.7037 32.3002 22.7158 32.203 22.7158C32.1058 22.728 31.9722 22.728 31.8022 22.728C31.7414 22.728 31.6685 22.7158 31.6199 22.6916C31.5592 22.6673 31.5106 22.6308 31.462 22.5822C31.4134 22.5336 31.3891 22.4607 31.3648 22.3757C31.3406 22.2907 31.3284 22.1814 31.3284 22.0477V21.5618C31.3284 21.4282 31.3406 21.3189 31.3648 21.2339C31.3891 21.1488 31.4256 21.0759 31.462 21.0273C31.5106 20.9788 31.5592 20.9423 31.6199 20.918C31.6807 20.8937 31.7414 20.8816 31.8022 20.8816C31.9722 20.8816 32.1058 20.8816 32.203 20.8937C32.3002 20.9059 32.4095 20.9059 32.5189 20.918H32.531C32.5674 20.918 32.5917 20.9059 32.6039 20.8937C32.6282 20.8816 32.6403 20.8573 32.6403 20.8208V20.2985C32.6403 20.2499 32.6282 20.2256 32.616 20.2135C32.5917 20.2013 32.5675 20.177 32.5189 20.1649C32.4338 20.1406 32.3366 20.1284 32.203 20.1041C32.0694 20.0798 31.9236 20.0798 31.7414 20.0798C31.3284 20.0798 31.0004 20.2013 30.7453 20.4564C30.5024 20.7115 30.3688 21.0759 30.3688 21.5618V22.0477C30.3688 22.5215 30.4902 22.8981 30.7453 23.1532C30.9883 23.4083 31.3284 23.5297 31.7414 23.5297C31.9115 23.5297 32.0694 23.5176 32.203 23.5054C32.3366 23.4811 32.446 23.469 32.5189 23.4447C32.5675 23.4325 32.5917 23.4204 32.616 23.3961C32.6403 23.384 32.6403 23.3475 32.6403 23.3111ZM28.8382 22.6916C28.7653 22.728 28.6924 22.7523 28.6074 22.7766C28.5223 22.8009 28.4373 22.813 28.3523 22.813C28.2308 22.813 28.1336 22.8009 28.0729 22.7644C28.0121 22.728 27.9878 22.6551 27.9878 22.5215V22.4729C27.9878 22.4 28 22.3393 28.0121 22.2907C28.0243 22.2421 28.0607 22.1935 28.0972 22.1571C28.1336 22.1206 28.1944 22.0963 28.2551 22.072C28.3158 22.0599 28.4009 22.0477 28.5102 22.0477H28.8382V22.6916V22.6916ZM29.7614 21.2703C29.7614 21.0516 29.7249 20.8694 29.6642 20.7237C29.6035 20.5779 29.5063 20.4564 29.397 20.3592C29.2755 20.262 29.1419 20.1892 28.9718 20.1527C28.8017 20.1041 28.6074 20.0798 28.4009 20.0798C28.2065 20.0798 28.0121 20.092 27.8299 20.1163C27.6477 20.1406 27.5019 20.1649 27.3926 20.2013C27.3197 20.2256 27.2833 20.262 27.2833 20.3349V20.8087C27.2833 20.8451 27.2954 20.8694 27.3076 20.8937C27.3319 20.9059 27.3562 20.918 27.3805 20.918H27.4048C27.4534 20.918 27.5141 20.9059 27.5748 20.9059C27.6477 20.9059 27.7206 20.8937 27.8056 20.8937C27.8907 20.8937 27.9878 20.8816 28.085 20.8816C28.1822 20.8816 28.2794 20.8816 28.3644 20.8816C28.498 20.8816 28.6074 20.9059 28.6803 20.9545C28.7531 21.003 28.8017 21.1124 28.8017 21.2824V21.4889H28.4859C27.9878 21.4889 27.6113 21.5618 27.3926 21.7198C27.1618 21.8777 27.0525 22.1328 27.0525 22.4729V22.5215C27.0525 22.7158 27.0768 22.8738 27.1375 22.9952C27.1983 23.1289 27.2711 23.226 27.3683 23.3111C27.4655 23.384 27.5627 23.4447 27.6842 23.4811C27.8056 23.5176 27.9271 23.5297 28.0607 23.5297C28.2308 23.5297 28.3887 23.5054 28.5102 23.4568C28.6317 23.4083 28.7531 23.3475 28.8746 23.2625V23.3597C28.8746 23.3961 28.8868 23.4204 28.9111 23.4447C28.9353 23.469 28.9596 23.4811 28.9961 23.4811H29.6521C29.6885 23.4811 29.7128 23.469 29.7371 23.4447C29.7614 23.4204 29.7735 23.3961 29.7735 23.3597V21.2703H29.7614ZM26.6395 23.3718V22.9224C26.6395 22.8616 26.603 22.8252 26.518 22.8252H26.2386C26.1536 22.8252 26.0928 22.813 26.0807 22.7766C26.0564 22.7401 26.0564 22.6673 26.0564 22.5458V20.8451H26.5301C26.5666 20.8451 26.5909 20.833 26.6152 20.8087C26.6395 20.7844 26.6516 20.7601 26.6516 20.7237V20.2499C26.6516 20.2135 26.6395 20.1892 26.6152 20.1649C26.5909 20.1406 26.5666 20.1284 26.5301 20.1284H26.0564V19.5089C26.0564 19.4725 26.0442 19.4482 26.0321 19.436C26.0078 19.4239 25.9835 19.4117 25.9592 19.4117H25.9471L25.2425 19.5332C25.2061 19.5453 25.1818 19.5575 25.1575 19.5696C25.1332 19.5939 25.121 19.6182 25.121 19.6425V20.1163H24.6473C24.6108 20.1163 24.5865 20.1284 24.5622 20.1527C24.538 20.177 24.5258 20.2013 24.5258 20.2378V20.6265C24.5258 20.6629 24.538 20.6872 24.5622 20.6994C24.5865 20.7237 24.6108 20.7358 24.6473 20.7479L25.121 20.8208V22.5215C25.121 22.728 25.1453 22.8981 25.1818 23.0317C25.2304 23.1653 25.2911 23.2625 25.364 23.3354C25.4369 23.4083 25.5462 23.4568 25.6677 23.4811C25.7891 23.5054 25.9349 23.5176 26.0928 23.5176C26.1779 23.5176 26.2507 23.5176 26.3236 23.5054C26.3844 23.4933 26.4694 23.4811 26.5544 23.469C26.603 23.469 26.6395 23.4325 26.6395 23.3718ZM24.0885 23.3597V21.4161C24.0885 21.2339 24.0763 21.0638 24.0399 20.8937C24.0156 20.7358 23.9549 20.59 23.882 20.4686C23.8091 20.3471 23.6998 20.2499 23.5662 20.1892C23.4325 20.1163 23.2625 20.0798 23.0438 20.0798C22.8616 20.0798 22.6915 20.1041 22.5458 20.1527C22.4 20.2013 22.2542 20.2742 22.0842 20.3957V20.2499C22.0842 20.2135 22.072 20.1892 22.0477 20.1649C22.0234 20.1406 21.9991 20.1284 21.9627 20.1284H21.3067C21.2703 20.1284 21.246 20.1406 21.2217 20.1649C21.1974 20.1892 21.1852 20.2135 21.1852 20.2499V23.3597C21.1852 23.3961 21.1974 23.4204 21.2217 23.4447C21.246 23.469 21.2703 23.4811 21.3067 23.4811H22.0113C22.0477 23.4811 22.072 23.469 22.0963 23.4447C22.1206 23.4204 22.1327 23.3961 22.1327 23.3597V21.0638C22.2299 21.0152 22.3271 20.9666 22.4243 20.9302C22.5093 20.8937 22.6065 20.8816 22.6915 20.8816C22.7766 20.8816 22.8494 20.8937 22.9102 20.9059C22.9709 20.918 23.0074 20.9545 23.0438 20.9909C23.0803 21.0395 23.0924 21.0881 23.1045 21.161C23.1167 21.2338 23.1167 21.3189 23.1167 21.4161V23.3597C23.1167 23.3961 23.1288 23.4204 23.1531 23.4447C23.1774 23.469 23.2017 23.4811 23.2382 23.4811H23.9427C23.9792 23.4811 24.0035 23.469 24.0278 23.4447C24.0763 23.4204 24.0885 23.384 24.0885 23.3597ZM19.6668 22.0113C19.6668 22.485 19.4967 22.728 19.1445 22.728C18.9744 22.728 18.8408 22.6673 18.7557 22.5458C18.6707 22.4243 18.6221 22.2421 18.6221 22.0113V21.5983C18.6221 21.3553 18.6707 21.1853 18.7557 21.0638C18.8408 20.9423 18.9744 20.8816 19.1445 20.8816C19.4846 20.8816 19.6668 21.1245 19.6668 21.5983V22.0113ZM20.6143 21.5983C20.6143 21.3675 20.5779 21.1488 20.5171 20.9666C20.4564 20.7844 20.3592 20.6265 20.2377 20.4929C20.1163 20.3592 19.9583 20.262 19.7761 20.1892C19.5939 20.1163 19.3874 20.0798 19.1445 20.0798C18.9015 20.0798 18.695 20.1163 18.5128 20.1892C18.3306 20.262 18.1727 20.3592 18.0512 20.4929C17.9297 20.6265 17.8325 20.7844 17.7718 20.9666C17.7111 21.1488 17.6746 21.3675 17.6746 21.5983V22.0113C17.6746 22.2421 17.7111 22.4607 17.7718 22.643C17.8325 22.8252 17.9297 22.9831 18.0512 23.1167C18.1727 23.2503 18.3306 23.3475 18.5128 23.4204C18.695 23.4933 18.9015 23.5297 19.1445 23.5297C19.3874 23.5297 19.5939 23.4933 19.7761 23.4204C19.9583 23.3475 20.1163 23.2503 20.2377 23.1167C20.3592 22.9831 20.4564 22.8252 20.5171 22.643C20.5779 22.4607 20.6143 22.2421 20.6143 22.0113V21.5983ZM17.3588 23.3111V22.7887C17.3588 22.7523 17.3466 22.728 17.3223 22.7158C17.298 22.7037 17.2737 22.6916 17.2373 22.6916H17.2252C17.1158 22.7037 17.0065 22.7158 16.9093 22.7158C16.8121 22.7158 16.6785 22.728 16.5085 22.728C16.4477 22.728 16.3748 22.7158 16.3262 22.6916C16.2655 22.6673 16.2169 22.6308 16.1683 22.5822C16.1197 22.5336 16.0954 22.4607 16.0711 22.3757C16.0468 22.2907 16.0347 22.1814 16.0347 22.0477V21.5618C16.0347 21.4282 16.
3410468 21.3189 16.0711 21.2339C16.0954 21.1488 16.1319 21.0759 16.1683 21.0273C16.2169 20.9788 16.2655 20.9423 16.3262 20.918C16.387 20.8937 16.4477 20.8816 16.5085 20.8816C16.6785 20.8816 16.8121 20.8816 16.9093 20.8937C17.0065 20.9059 17.1158 20.9059 17.2252 20.918H17.2373C17.2737 20.918 17.298 20.9059 17.3223 20.8937C17.3466 20.8816 17.3588 20.8573 17.3588 20.8208V20.2985C17.3588 20.2499 17.3466 20.2256 17.3345 20.2135C17.3102 20.2013 17.2859 20.177 17.2373 20.1649C17.1523 20.1406 17.0551 20.1284 16.9215 20.1041C16.7878 20.0798 16.6421 20.0798 16.4599 20.0798C16.0468 20.0798 15.7189 20.2013 15.4638 20.4564C15.2208 20.7115 15.0872 21.0759 15.0872 21.5618V22.0477C15.0872 22.5215 15.2087 22.8981 15.4638 23.1532C15.7067 23.4083 16.0468 23.5297 16.4599 23.5297C16.6299 23.5297 16.7878 23.5176 16.9215 23.5054C17.0551 23.4811 17.1523 23.469 17.2373 23.4447C17.2859 23.4325 17.3102 23.4204 17.3345 23.3961C17.3588 23.384 17.3588 23.3475 17.3588 23.3111ZM14.492 23.3597V21.4161C14.492 21.2339 14.4798 21.0638 14.4434 20.8937C14.4191 20.7358 14.3583 20.59 14.2855 20.4686C14.2126 20.3471 14.1032 20.2499 13.9696 20.1892C13.836 20.1163 13.6659 20.0798 13.4473 20.0798C13.2651 20.0798 13.095 20.1041 12.9492 20.1527C12.8035 20.2013 12.6577 20.2742 12.4876 20.3957V20.2499C12.4876 20.2135 12.4755 20.1892 12.4512 20.1649C12.4269 20.1406 12.4026 20.1284 12.3662 20.1284H11.7102C11.6737 20.1284 11.6495 20.1406 11.6252 20.1649C11.6009 20.1892 11.5887 20.2135 11.5887 20.2499V23.3597C11.5887 23.3961 11.6009 23.4204 11.6252 23.4447C11.6495 23.469 11.6737 23.4811 11.7102 23.4811H12.4147C12.4512 23.4811 12.4755 23.469 12.4998 23.4447C12.5241 23.4204 12.5362 23.3961 12.5362 23.3597V21.0638C12.6334 21.0152 12.7306 20.9666 12.8278 20.9302C12.9128 20.8937 13.01 20.8816 13.095 20.8816C13.18 20.8816 13.2529 20.8937 13.3137 20.9059C13.3744 20.918 13.4108 20.9545 13.4473 20.9909C13.4837 21.0395 13.4959 21.0881 13.508 21.161C13.5202 21.2338 13.5202 21.3189 13.5202 21.4161V23.3597C13.5202 23.3961 13.5323 23.4204 13.5566 23.4447C13.5809 23.469 13.6052 23.4811 13.6416 23.4811H14.3462C14.3826 23.4811 14.4069 23.469 14.4312 23.4447C14.4677 23.4204 14.492 23.384 14.492 23.3597ZM9.97309 22.6916C9.90021 22.728 9.82732 22.7523 9.74229 22.7766C9.65726 22.8009 9.57223 22.813 9.48719 22.813C9.36572 22.813 9.26854 22.8009 9.2078 22.7644C9.14707 22.728 9.12277 22.6551 9.12277 22.5215V22.4729C9.12277 22.4 9.13492 22.3393 9.14707 22.2907C9.15921 22.2421 9.19565 22.1935 9.2321 22.1571C9.26854 22.1206 9.32928 22.0963 9.39002 22.072C9.45075 22.0599 9.53579 22.0477 9.64511 22.0477H9.97309V22.6916ZM10.9085 21.2703C10.9085 21.0516 10.872 20.8694 10.8113 20.7237C10.7505 20.5779 10.6534 20.4564 10.544 20.3592C10.4226 20.262 10.2889 20.1892 10.1189 20.1527C9.9488 20.1041 9.75444 20.0798 9.54793 20.0798C9.35357 20.0798 9.15921 20.092 8.977 20.1163C8.79479 20.1406 8.64902 20.1649 8.53969 20.2013C8.4668 20.2256 8.43036 20.262 8.43036 20.3349V20.8087C8.43036 20.8451 8.44251 20.8694 8.45466 20.8937C8.47895 20.9059 8.50325 20.918 8.52754 20.918H8.55184C8.60043 20.918 8.66116 20.9059 8.7219 20.9059C8.79479 20.9059 8.86767 20.8937 8.96485 20.8937C9.04989 20.8937 9.14706 20.8816 9.24424 20.8816C9.34142 20.8816 9.43861 20.8816 9.52364 20.8816C9.65726 20.8816 9.76659 20.9059 9.83947 20.9545C9.91236 21.003 9.96095 21.1124 9.96095 21.2824V21.4889H9.64511C9.14706 21.4889 8.77049 21.5618 8.55184 21.7198C8.33318 21.8777 8.21171 22.1328 8.21171 22.4729V22.5215C8.21171 22.7158 8.236 22.8738 8.29674 22.9952C8.35748 23.1289 8.43036 23.226 8.52754 23.3111C8.62472 23.384 8.7219 23.4447 8.84338 23.4811C8.96485 23.5176 9.08633 23.5297 9.21995 23.5297C9.39002 23.5297 9.54793 23.5054 9.66941 23.4568C9.79088 23.4083 9.91236 23.3475 10.0338 23.2625V23.3597C10.0338 23.3961 10.046 23.4204 10.0703 23.4447C10.0946 23.469 10.1189 23.4811 10.1553 23.4811H10.8113C10.8477 23.4811 10.872 23.469 10.8963 23.4447C10.9206 23.4204 10.9327 23.3961 10.9327 23.3597V21.2703H10.9085ZM6.72971 22.1935C6.72971 22.3514 6.66897 22.485 6.55965 22.5701C6.45032 22.6551 6.23166 22.7037 5.94012 22.7037H5.84294C5.79435 22.7037 5.74576 22.7037 5.69717 22.7037C
3415.64858 22.7037 5.59999 22.7037 5.5514 22.7037H5.45422V21.6104H6.11019C6.34099 21.6104 6.51106 21.659 6.59609 21.7683C6.68112 21.8777 6.72971 21.9991 6.72971 22.1328V22.1935ZM6.70542 20.4564C6.70542 20.5171 6.69327 20.5779 6.68112 20.6386C6.65683 20.6994 6.63253 20.7479 6.58394 20.7844C6.53535 20.8208 6.47461 20.8573 6.40173 20.8816C6.32884 20.9059 6.23166 20.918 6.11019 20.918H5.45422V19.9098C5.47852 19.9098 5.50281 19.9098 5.53926 19.9098C5.5757 19.9098 5.62429 19.9098 5.67288 19.9098H5.8065H5.90368C6.20737 19.9098 6.41388 19.9462 6.53535 20.0191C6.65683 20.092 6.71756 20.2135 6.71756 20.3714V20.4564H6.70542ZM7.70151 22.1328C7.70151 21.9263 7.65292 21.7562 7.55574 21.6104C7.45856 21.4647 7.33709 21.3432 7.17917 21.2703C7.33709 21.1974 7.45856 21.0759 7.54359 20.9302C7.62863 20.7722 7.67722 20.6022 7.67722 20.42V20.3106C7.67722 20.0798 7.62863 19.8855 7.54359 19.7276C7.45856 19.5696 7.32494 19.4482 7.16702 19.351C7.0091 19.2538 6.81474 19.1931 6.58394 19.1445C6.35314 19.108 6.11019 19.0837 5.8308 19.0837C5.73362 19.0837 5.63644 19.0837 5.53926 19.0837C5.44208 19.0837 5.3449 19.0959 5.24772 19.0959C5.15054 19.0959 5.0655 19.108 4.98047 19.1202C4.89544 19.1323 4.8347 19.1323 4.78611 19.1445C4.67678 19.1688 4.59175 19.1931 4.54316 19.2538C4.49457 19.3024 4.47028 19.3996 4.47028 19.5332V23.0803C4.47028 23.2139 4.49457 23.2989 4.54316 23.3597C4.59175 23.4083 4.67678 23.4447 4.78611 23.469C4.84685 23.4811 4.91973 23.4933 4.99262 23.4933C5.07765 23.5054 5.16268 23.5054 5.25986 23.5176C5.35704 23.5176 5.45422 23.5297 5.5514 23.5297C5.64858 23.5297 5.75791 23.5297 5.85509 23.5297C6.11019 23.5297 6.35314 23.5054 6.57179 23.469C6.79045 23.4325 6.99696 23.3597 7.15487 23.2625C7.32494 23.1653 7.44641 23.0317 7.55574 22.8616C7.65292 22.6916 7.70151 22.4729 7.70151 22.2178V22.1328V22.1328Z" fill="#004E91"/> 342 </g> 343 <defs> 344 <clipPath id="clip0_266_60"> 345 <rect width="39.613" height="28" fill="white"/> 346 </clipPath> 347 </defs> 348 </svg> 349 </div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg width="61" height="28" viewBox="0 0 61 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 350 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.16669 5.95851C1.16669 3.47299 3.19209 1.45776 5.68925 1.45776H54.9774C57.4756 1.45776 59.4999 3.47299 59.4999 5.95851V22.0426C59.4999 24.5266 57.4756 26.5422 54.9774 26.5422H5.68925C3.19209 26.5422 1.16669 24.5266 1.16669 22.0426V5.95851Z" fill="#000268"/> 351 <path fill-rule="evenodd" clip-rule="evenodd" d="M3.02283 6.1125V21.89C3.02283 23.4429 4.28882 24.7024 5.85046 24.7024H31.673V3.30011H5.85046C4.28882 3.30011 3.02283 4.55957 3.02283 6.1125ZM38.3451 13.9224C38.3451 14.927 37.8482 15.6174 37.0257 15.6174C36.299 15.6174 35.6932 14.927 35.6932 14.0071C35.6932 13.0628 36.226 12.3608 37.0257 12.3608C37.8737 12.3608 38.3451 13.0872 38.3451 13.9224ZM33.5153 19.6837H35.6932V16.258H35.7175C36.1301 17.0087 36.9538 17.2868 37.7161 17.2868C39.5918 17.2868 40.5963 15.7379 40.5963 13.8738C40.5963 12.3492 39.6405 10.6899 37.8969 10.6899C36.9051 10.6899 35.9852 11.0897 35.5483 11.9737H35.524V10.8362H33.5153V19.6837ZM43.571 15.1445C43.571 14.5398 44.1514 14.3107 44.8908 14.3107C45.2173 14.3107 45.5325 14.3336 45.8107 14.3466C45.8107 15.0846 45.2903 15.8352 44.4666 15.8352C43.9582 15.8352 43.571 15.5814 43.571 15.1445ZM47.9643 17.1419C47.8681 16.6462 47.8437 16.149 47.8437 15.6533V13.305C47.8437 11.3806 46.4524 10.6899 44.8421 10.6899C43.9106 10.6899 43.0997 10.8231 42.3246 11.1384L42.3617 12.6158C42.9649 12.2762 43.6684 12.1429 44.3704 12.1429C45.1559 12.1429 45.7977 12.3735 45.8107 13.2332C45.5325 13.1845 45.1443 13.1474 44.7935 13.1474C43.6324 13.1474 41.538 13.3781 41.538 15.3021C41.538 16.6706 42.6511 17.2868 43.8979 17.2868C44.7935 17.2868 45.3992 16.9371 45.8953 16.149H45.9197C45.9197 16.477 45.9552 16.8024 45.9683 17.1419H47.9643ZM48.9445 19.6837C49.3926 19.7811 49.8401 19.8301 50.2998 19.8301C52.2973 19.8301 52.7686 18.2925 53.386 16.7065L55.6987 10.8362H53.5193L52.2243 14.9513H52.1999L50.8442 10.8362H48.4971L51.0505 17.2868C50.8929 17.8439 50.4818 18.1592 49.9487 18.1592C49.645 18.1592 49.3799 18.1221 49.089 18.0259L48.9445 19.6837Z" fill="white"/> 352 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.34363 13.9352C8.34363 13.0756 8.76781 12.3608 9.57876 12.3608C10.559 12.3608 10.9701 13.1474 10.9701 13.8495C10.9701 14.818 10.3527 15.4714 9.57876 15.4714C8.92543 15.4714 8.34363 14.9154 8.34363 13.9352ZM13.0765 10.8363H11.1034V11.9737H11.0805C10.6192 11.1987 9.86821 10.6899 8.93705 10.6899C6.97665 10.6899 6.09271 12.0953
3526.09271 13.9711C6.09271 15.8353 7.17022 17.1419 8.89964 17.1419C9.77233 17.1419 10.4987 16.8024 11.0187 16.0644H11.0431V16.404C11.0431 17.638 10.3654 18.2311 9.10738 18.2311C8.19908 18.2311 7.64163 18.0375 6.97665 17.711L6.86771 19.4303C7.37507 19.6122 8.23469 19.8301 9.27662 19.8301C11.8184 19.8301 13.0765 18.9945 13.0765 16.404V10.8363ZM16.7586 8.20981H14.5796V9.80739H16.7586V8.20981ZM14.5807 17.1419H16.7586V10.8363H14.5807V17.1419ZM22.825 10.7629C22.6071 10.7273 22.3405 10.6899 22.087 10.6899C21.1428 10.6899 20.5984 11.1987 20.2229 11.998H20.1986V10.8363H18.2138V17.1419H20.3921V14.4799C20.3921 13.2448 20.962 12.5068 21.9781 12.5068C22.233 12.5068 22.4738 12.5068 22.7161 12.5784L22.825 10.7629ZM26.5762 15.7623C25.5717 15.7623 25.1606 14.927 25.1606 13.9954C25.1606 13.0512 25.5717 12.2159 26.5762 12.2159C27.5818 12.2159 27.9933 13.0512 27.9933 13.9954C27.9933 14.927 27.5818 15.7623 26.5762 15.7623ZM26.5762 17.2868C28.6582 17.2868 30.2442 16.0775 30.2442 13.9954C30.2442 11.9007 28.6582 10.6899 26.5762 10.6899C24.4945 10.6899 22.9097 11.9007 22.9097 13.9954C22.9097 16.0775 24.4945 17.2868 26.5762 17.2868Z" fill="#FF0007"/> 353 </svg> 354 </div></div></div></div></div></div></footer> </div>
vendor: 112 bytes, lines 354-355
354 355<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
355<script type="text/javascript" src="https://www.dancohr.com/static/version1746685665/frontend/Dancohr/HyvaTheme/nl_NL/Smile_ElasticsuiteTracker/js/tracking.min.js"></script>
vendor: 1 bytes, line 355
355
356<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=9c0be30b-ebe7-450f-a58f-99c911ced8d5"> </script>
vendor: 1 bytes, line 356
356
357<script type="text/javascript"> 358 (function(d,s){var l=d.createElement(s),e=d.getElementsByTagName(s)[0]; 359 l.async=true;l.type='text/javascript'; 360 l.src='https://www.visableleads.com/v1/cp/f216f9a8dbfd71b1ee0d371e1d01749e'; 361 e.parentNode.insertBefore(l,e); 362 })(document,'script'); 363</script>
vendor: 1 bytes, line 363
363
364<script> 365 var BASE_URL = 'https://www.dancohr.com/nl/'; 366 var THEME_PATH = 'https://www.dancohr.com/static/version1746685665/frontend/Dancohr/HyvaTheme/nl_NL'; 367 var COOKIE_CONFIG = { 368 "expires": null, 369 "path": "\u002F", 370 "domain": ".www.dancohr.com", 371 "secure": false, 372 "lifetime": "86400", 373 "cookie_restriction_enabled": false }; 374 var CURRENT_STORE_CODE = 'nl'; 375 var CURRENT_WEBSITE_ID = '1'; 376 377 window.hyva = window.hyva || {} 378 379 window.cookie_consent_groups = window.cookie_consent_groups || {} 380 window.cookie_consent_groups['necessary'] = true; 381 382 window.cookie_consent_config = window.cookie_consent_config || {}; 383 window.cookie_consent_config['necessary'] = [].concat( 384 window.cookie_consent_config['necessary'] || [], 385 [ 386 'user_allowed_save_cookie', 387 'form_key', 388 'mage-messages', 389 'private_content_version', 390 'mage-cache-sessid', 391 'last_visited_store', 392 'section_data_ids' 393 ] 394 );</script>
vendor: 1 bytes, line 394
394
395<script> 396 'use strict'; 397 (function( hyva, undefined ) { 398 399 function lifetimeToExpires(options, defaults) { 400 401 var lifetime = options.lifetime || defaults.lifetime; 402 403 if (lifetime) { 404 var date = new Date; 405 date.setTime(date.getTime() + lifetime * 1000); 406 return date; 407 } 408 409 return null; 410 } 411 412 function generateRandomString() { 413 414 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 415 length = 16; 416 417 let formKey = '', 418 charactersLength = allowedCharacters.length; 419 420 for (var i = 0; i < length; i++) { 421 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 422 } 423 424 return formKey; 425 } 426 427 const cookieTempStorage = {}; 428 429 const internalCookie = { 430 get(name) { 431 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 432 return v ? v[2] : null; 433 }, 434 set(name, value, days, skipSetDomain) { 435 let expires, 436 path, 437 domain, 438 secure, 439 samesite; 440 441 const defaultCookieConfig = { 442 expires: null, 443 path: '/', 444 domain: null, 445 secure: false, 446 lifetime: null, 447 samesite: 'lax' 448 }; 449 450 const cookieConfig = window.COOKIE_CONFIG || {}; 451 452 expires = days 453 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 454 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 455 456 path = cookieConfig.path || defaultCookieConfig.path; 457 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 458 secure = cookieConfig.secure || defaultCookieConfig.secure; 459 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 460 461 document.cookie = name + "=" + encodeURIComponent(value) + 462 (expires ? '; expires=' + expires.toGMTString() : '') + 463 (path ? '; path=' + path : '') + 464 (domain ? '; domain=' + domain : '') + 465 (secure ? '; secure' : '') + 466 (samesite ? '; samesite=' + samesite : 'lax'); 467 }, 468 isWebsiteAllowedToSaveCookie() { 469 const allowedCookies = this.get('user_allowed_save_cookie'); 470 if (allowedCookies) { 471 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 472 473 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 474 } 475 return false; 476 }, 477 getGroupByCookieName(name) { 478 const cookieConsentConfig = window.cookie_consent_config || {}; 479 let group = null; 480 for (let prop in cookieConsentConfig) { 481 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 482 if (cookieConsentConfig[prop].includes(name)) { 483 group = prop; 484 break; 485 } 486 } 487 return group; 488 }, 489 isCookieAllowed(name) { 490 const cookieGroup = this.getGroupByCookieName(name); 491 return cookieGroup 492 ? window.cookie_consent_groups[cookieGroup] 493 : this.isWebsiteAllowedToSaveCookie(); 494 }, 495 saveTempStorageCookies() { 496 for (const [name, data] of Object.entries(cookieTempStorage)) { 497 if (this.isCookieAllowed(name)) { 498 this.set(name, data['value'], data['days'], data['skipSetDomain']); 499 delete cookieTempStorage[name]; 500 } 501 } 502 } 503 }; 504 505 hyva.getCookie = (name) => { 506 const cookieConfig = window.COOKIE_CONFIG || {}; 507 508 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 509 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 510 } 511 512 return internalCookie.get(name); 513 } 514 515 hyva.setCookie = (name, value, days, skipSetDomain) => { 516 const cookieConfig = window.COOKIE_CONFIG || {}; 517 518 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 519 cookieTempStorage[name] = {value, days, skipSetDomain}; 520 return; 521 } 522 return internalCookie.set(name, value, days, skipSetDomain); 523 } 524 525 hyva.getBrowserStorage = () => { 526 const browserStorage = window.localStorage || window.sessionStorage; 527 if (!browserStorage) { 528 console.warn('Browser Storage is unavailable'); 529 return false;
530 } 531 try { 532 browserStorage.setItem('storage_test', 1); 533 browserStorage.removeItem('storage_test'); 534 } catch (error) { 535 console.warn('Browser Storage is not accessible', error); 536 return false; 537 } 538 return browserStorage; 539 } 540 541 hyva.postForm = (postParams) => { 542 const form = document.createElement("form"); 543 544 let data = postParams.data; 545 546 if (! postParams.skipUenc && ! data.uenc) { 547 data.uenc = btoa(window.location.href); 548 } 549 form.method = "POST"; 550 form.action = postParams.action; 551 552 Object.keys(postParams.data).map(key => { 553 const field = document.createElement("input"); 554 field.type = 'hidden' 555 field.value = postParams.data[key]; 556 field.name = key; 557 form.appendChild(field); 558 }); 559 560 const form_key = document.createElement("input"); 561 form_key.type = 'hidden'; 562 form_key.value = hyva.getFormKey(); 563 form_key.name="form_key"; 564 form.appendChild(form_key); 565 566 document.body.appendChild(form); 567 568 form.submit(); 569 } 570 571 hyva.getFormKey = function () { 572 let formKey = hyva.getCookie('form_key'); 573 574 if (!formKey) { 575 formKey = generateRandomString(); 576 hyva.setCookie('form_key', formKey); 577 } 578 579 return formKey; 580 } 581 582 hyva.formatPrice = (value, showSign) => { 583 var formatter = new Intl.NumberFormat( 584 'nl\u002DNL', 585 { 586 style: 'currency', 587 currency: 'EUR', 588 signDisplay: showSign ? "always" : "auto" 589 } 590 ); 591 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 592 formatter.formatToParts(value).map(({type, value}) => { 593 switch (type) { 594 case 'currency': 595 return 'â¬' || value; 596 case 'minusSign': 597 return '- '; 598 case 'plusSign': 599 return '+ '; 600 default : 601 return value; 602 } 603 }).reduce((string, part) => string + part) : 604 formatter.format(value); 605 } 606 607 const formatStr = function (str, nStart) { 608 const args = Array.from(arguments).slice(2); 609 610 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 611 const idx = parseInt(n) - nStart; 612 613 if (args[idx] === null || args[idx] === void 0) { 614 return m; 615 } 616 return p.length % 2 617 ? p.slice(0, -1).replace('%%', '%') + args[idx] 618 : p.replace('%%', '%') + n; 619 }) 620 } 621 622 hyva.str = function (string) { 623 const args = Array.from(arguments); 624 args.splice(1, 0, 1); 625 626 return formatStr.apply(undefined, args); 627 } 628 629 hyva.strf = function () { 630 const args = Array.from(arguments); 631 args.splice(1, 0, 0); 632 633 return formatStr.apply(undefined, args); 634 } 635 636 /** 637 * Take a html string as `content` parameter and 638 * extract an element from the DOM to replace in 639 * the current page under the same selector, 640 * defined by `targetSelector` 641 */ 642 hyva.replaceDomElement = (targetSelector, content) => { 643 644 645 const parser = new DOMParser(); 646 const doc = parser.parseFromString(content, 'text/html'); 647 const contentNode = doc.querySelector(targetSelector); 648 649 650 if (!contentNode) { 651 return; 652 } 653 654 655 656 657 const tmpScripts = contentNode.getElementsByTagName('script'); 658 659 if (tmpScripts.length > 0) { 660 661 662 const scripts = []; 663 for (let i = 0; i < tmpScripts.length; i++) { 664 scripts.push(tmpScripts[i]); 665 } 666 667 668 for (let i = 0; i < scripts.length; i++) { 669 let script = document.createElement('script'); 670 script.innerHTML = scripts[i].innerHTML; 671 672 document.head.appendChild(script); 673 674 675 scripts[i].parentNode.removeChild(scripts[i]); 676 } 677 } 678 679
680 document.querySelector(targetSelector).replaceWith(contentNode); 681 682 683 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 684 hyva.initMessages(); 685 } 686 687 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 688 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 689 690 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 691 692 }( window.hyva = window.hyva || {} ));</script>
vendor: 1 bytes, line 692
692
693<script defer> 694 (() => { 695 const initUsps = (elements) => { 696 if (!Glider) { 697 return 698 } 699 700 let UspSlider = class UspSlider { 701 glider = null 702 gliderElement = null 703 704 constructor (element) { 705 this.gliderElement = element.querySelector('.header-usps__list') 706 707 if (!this.gliderElement) { 708 return 709 } 710 if (!window.matchMedia('(min-width: 1280px)').matches) { 711 this.createGlider() 712 this.sliderAuto(this.glider, 4000) 713 } 714 } 715 716 createGlider () { 717 this.glider = new Glider(this.gliderElement, { 718 slidesToShow: 1, 719 slidesToScroll: 1, 720 scrollLock: true, 721 }) 722 } 723 724 debounce (func) { 725 let timer; 726 return function(event){ 727 if (timer) clearTimeout(timer); 728 timer = setTimeout(func, 100, event); 729 }; 730 } 731 732 sliderAuto (slider, milliseconds) { 733 const slidesCount = slider.track.childElementCount; 734 let slideTimeout = null; 735 let nextIndex = 1; 736 737 function slide () { 738 slideTimeout = setTimeout( 739 function () { 740 if (nextIndex >= slidesCount ) { 741 nextIndex = 0; 742 } 743 slider.scrollItem(nextIndex++); 744 }, 745 milliseconds 746 ); 747 } 748 749 slider.ele.addEventListener('glider-animated', function() { 750 window.clearInterval(slideTimeout); 751 slide(); 752 }); 753 754 slide(); 755 } 756 } 757 758 elements.forEach(element => { 759 new UspSlider(element) 760 }) 761 } 762 763 window.addEventListener('DOMContentLoaded', () => { 764 const uspSliders = document.querySelectorAll('[data-content-type="usp-slider"]') 765 766 if (uspSliders.length > 0) { 767 const script = document.createElement('script'); 768 script.type = 'text/javascript'; 769 770 script.addEventListener('load', () => { 771 initUsps(uspSliders); 772 }); 773 774 script.src = 'https\u003A\u002F\u002Fwww.dancohr.com\u002Fstatic\u002Fversion1746685665\u002Ffrontend\u002FDancohr\u002FHyvaTheme\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fglider.min.js'; 775 document.head.appendChild(script); 776 } 777 }) 778 })();</script>
vendor: 1 bytes, line 778
778
779<script> 780 function initHeader () { 781 return { 782 menuOpen: false, 783 mobilePanelActiveId: null, 784 mobilePanelActiveIds: [], 785 cart: {}, 786 getData(data) { 787 if (data.cart) { this.cart = data.cart } 788 }, 789 isPanelActive (id) { 790 return this.mobilePanelActiveIds.includes(id) 791 }, 792 isCurrentPanel (id) { 793 return (this.mobilePanelActiveIds[this.mobilePanelActiveIds.length - 1] === id) 794 }, 795 addActivePanel (id) { 796 this.mobilePanelActiveIds.push(id) 797 }, 798 removeActivePanel (id) { 799 const index = this.mobilePanelActiveIds.indexOf(id); 800 if (index > -1) { 801 this.mobilePanelActiveIds.splice(index, 1); 802 } 803 }, 804 resetActivePanels () { 805 this.mobilePanelActiveIds = [] 806 }, 807 toggleMobileMenu () { 808 this.menuOpen = !this.menuOpen 809 this.resetActivePanels() 810 } 811 } 812 } 813 function initCompareHeader() { 814 return { 815 compareProducts: null, 816 itemCount: 0, 817 receiveCompareData(data) { 818 if (data['compare-products']) { 819 this.compareProducts = data['compare-products']; 820 this.itemCount = this.compareProducts.count; 821 } 822 } 823 } 824 }</script>
vendor: 1 bytes, line 824
824
825<script> 826 function initMiniSearchComponent() { 827 "use strict"; 828 829 return { 830 show:false, 831 formSelector: "#search_mini_form", 832 url: "https://www.dancohr.com/nl/search/ajax/suggest/", 833 destinationSelector: "#search_autocomplete", 834 templates: {"term":{"title":"Zoektermen","template":"Hyva_SmileElasticsuite::core\/autocomplete\/term.phtml"},"product":{"title":"Artikelen","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product.phtml"},"category":{"title":"Categorie\u00ebn","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/category.phtml"},"product_attribute":{"title":"Attributen","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product_attribute.phtml","titleRenderer":"renderEsAutocompleteTitleAttribute"},"cms_page":{"title":"Cms pagina","template":"Hyva_SmileElasticsuite::cms-search\/autocomplete\/cms.phtml"}}, 835 priceFormat: {"pattern":"\u20ac\u00a0%s","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false}, 836 minSearchLength: 2, 837 searchResultsByType: {}, 838 currentRequest: null, 839 loader: false, 840 noResults: false, 841 results: false, 842 843 /** 844 * Get search results. 845 */ 846 getSearchResults: function () { 847 let value = document.querySelector('#search').value.trim(); 848 this.noResults = false; 849 this.results = false; 850 if (value.length != 0) { 851 this.loader = true; 852 } 853 854 if (value.length < parseInt(this.minSearchLength, 10)) { 855 this.searchResultsByType = []; 856 857 return false; 858 } 859 860 let url = this.url + '?' + new URLSearchParams({ 861 q: document.querySelector('#search').value, 862 _: Date.now() 863 }).toString(); 864 865 if (this.currentRequest !== null) { 866 this.currentRequest.abort(); 867 } 868 this.currentRequest = new AbortController(); 869 870 fetch(url, { 871 method: 'GET', 872 signal: this.currentRequest.signal, 873 }).then((response) => { 874 if (response.ok) { 875 return response.json(); 876 } 877 }).then((data) => { 878 this.show = true; 879 this.loader = false;
880 881 if (data.length > 0) { 882 this.results = true; 883 this.searchResultsByType = data.reduce((acc, result) => { 884 if (! acc[result.type]) acc[result.type] = []; 885 acc[result.type].push(result); 886 return acc; 887 }, {}); 888 } 889 else { 890 this.noResults = true; 891 } 892 }).catch((error) => { 893 ; 894 }); 895 }, 896 } 897 }</script>
vendor: 1 bytes, line 897
897
898<script> 899 function renderEsAutocompleteTitleAttribute(data) 900 { 901 data = data.filter(function(item) { 902 return item.type === 'product_attribute'; 903 }).map(function(item) { 904 return item['attribute_label'] 905 }).reduce(function(prev, item) { 906 if (item in prev) { 907 prev[item]++; 908 } else { 909 prev[item] = 1; 910 } 911 return prev; 912 }, {}); 913 914 data = Object.entries(data).sort(function(item1, item2) { 915 return item2[1] - item1[1] 916 }).map(function(item) {return item[0]}); 917 918 if (data.length > 2) { 919 data = data.slice(0, 2); 920 data.push('...'); 921 } 922 923 return data.join(', '); 924 }</script>
vendor: 1 bytes, line 924
924
925<script> 926 function initAuthentication() { 927 return { 928 open: false, 929 forceAuthentication: false, 930 checkoutUrl: 'https://www.dancohr.com/nl/checkout/index/', 931 errors: 0, 932 hasCaptchaToken: 0, 933 displayErrorMessage: false, 934 errorMessages: [], 935 setErrorMessages: function setErrorMessages(messages) { 936 this.errorMessages = [messages]; 937 this.displayErrorMessage = this.errorMessages.length; 938 }, 939 submitForm: function () { 940 941 const $form = document.querySelector('#login-form'); 942 943 if (this.errors === 0) { 944 this.dispatchLoginRequest($form); 945 } 946 }, 947 onPrivateContentLoaded: function (data) { 948 const isLoggedIn = data.customer && data.customer.firstname; 949 if (data.cart && !isLoggedIn) { 950 this.forceAuthentication = !data.cart.isGuestCheckoutAllowed; 951 } 952 }, 953 redirectIfAuthenticated: function (event) { 954 if (event.detail && event.detail.url) { 955 this.checkoutUrl = event.detail.url; 956 } 957 if (!this.forceAuthentication) { 958 window.location.href = this.checkoutUrl; 959 } 960 }, 961 dispatchLoginRequest: function(form) { 962 this.isLoading = true; 963 const username = this.$refs['customer-email'].value; 964 const password = this.$refs['customer-password'].value; 965 const formKey = hyva.getFormKey(); 966 const bodyFields = { 967 'username': username, 968 'password': password, 969 'formKey': formKey 970 }; 971 const fieldName = 'g\u002Drecaptcha\u002Dresponse'; 972 const recaptchaField = fieldName && form[fieldName]; 973 if (recaptchaField) { 974 bodyFields[fieldName] = recaptchaField.value; 975 } 976 fetch('https://www.dancohr.com/nl/customer/ajax/login/', { 977 method: 'POST', 978 headers: { 979 'Content-Type': 'application/json', 980 'X-Requested-With': 'XMLHttpRequest' 981 }, 982 body: JSON.stringify(bodyFields) 983 } 984 ).then(response => { 985 return response.json() 986 } 987 ).then(data=> { 988 this.isLoading = false; 989 if (data.errors) { 990 dispatchMessages([{ 991 type: 'error', 992 text: data.message 993 }], 5000); 994 this.errors = 1; 995 this.hasCaptchaToken = 0; 996 } else { 997 window.location.href = this.checkoutUrl; 998 } 999 }); 1000 } 1001 } 1002 }</script>
vendor: 1 bytes, line 1002
1002
1003<script> 1004 function initCartDrawer() { 1005 return { 1006 open: false, 1007 cart: {}, 1008 getData(data) { 1009 if (data.cart) { 1010 this.cart = data.cart 1011 this.setCartItems(); 1012 this.surchargeNotification = data.cart.surchargeNotification; 1013 } 1014 }, 1015 cartItems: {}, 1016 surchargeNotification: '', 1017 setCartItems() { 1018 this.cartItems = this.cart && this.cart.items.sort(function(a,b) { return a.item_id - b.item_id }) || {} 1019 }, 1020 deleteItemFromCart(itemId) { 1021 fetch(BASE_URL+"checkout/sidebar/removeItem/", { 1022 "headers": { 1023 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 1024 }, 1025 "body": "form_key="+ hyva.getFormKey() + "&item_id="+itemId, 1026 "method": "POST", 1027 "mode": "cors", 1028 "credentials": "include" 1029 }).then(function (response) { 1030 if (response.redirected) { 1031 window.location.href = response.url; 1032 } else if (response.ok) { 1033 return response.json(); 1034 } else { 1035 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 1036 [{ 1037 type: "warning", 1038 text: "Could not remove item from quote." 1039 }], 5000 1040 ); 1041 } 1042 }).then(function (response) { 1043 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 1044 [{ 1045 type: response.success ? "success" : "error", 1046 text: response.success 1047 ? "You removed the item." 1048 : response.error_message 1049 }], 5000 1050 ); 1051 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); 1052 window.dispatchEvent(reloadCustomerDataEvent); 1053 }); 1054 } 1055 } 1056 }</script>
vendor: 1 bytes, line 1056
1056
1057<script> 1058 "use strict"; 1059 1060 function initComponent() { 1061 return { 1062 rewards: false, 1063 customer: false, 1064 reload: true, 1065 receiveCustomerData: function receiveCustomerData(data) { 1066 /* Reload section data so points are accurate */ 1067 if (this.reload) { 1068 hyva.setCookie('mage-cache-sessid', '', -1, true); 1069 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 1070 this.reload = false; 1071 } 1072 1073 if (data.rewards) { 1074 this.rewards = data.rewards; 1075 } 1076 if (data.customer) { 1077 this.customer = data.customer; 1078 this.customer.is_dealer = data.customer.is_dealer; 1079 } 1080 } 1081 } 1082 }</script>
vendor: 1 bytes, line 1082
1082
1083<script> 1084 function initMessages() { 1085 "use strict"; 1086 return { 1087 messages: window.mageMessages || [], 1088 isEmpty() { 1089 return this.messages.reduce( 1090 function (isEmpty, message) { 1091 return isEmpty && message === undefined 1092 }, true 1093 ) 1094 }, 1095 removeMessage(messageIndex) { 1096 this.messages[messageIndex] = undefined; 1097 }, 1098 addMessages(messages, hideAfter) { 1099 messages.map((message) => { 1100 this.messages = this.messages.concat(message); 1101 if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) { 1102 hideAfter = window.defaultSuccessMessageTimeout; 1103 } 1104 if (hideAfter) { 1105 this.setHideTimeOut(this.messages.length -1, hideAfter); 1106 } 1107 }); 1108 }, 1109 setHideTimeOut(messageIndex, hideAfter) { 1110 setTimeout((messageIndex) => { 1111 this.removeMessage(messageIndex); 1112 }, hideAfter, messageIndex); 1113 }, 1114 eventListeners: { 1115 ['@messages-loaded.window']() { 1116 this.addMessages(event.detail.messages, event.detail.hideAfter) 1117 }, 1118 ['@private-content-loaded.window'](event) { 1119 const data = event.detail.data; 1120 if ( 1121 data.messages && 1122 data.messages.messages && 1123 data.messages.messages.length 1124 ) { 1125 this.addMessages(data.messages.messages); 1126 } 1127 }, 1128 ['@clear-messages.window']() { 1129 this.messages = []; 1130 } 1131 } 1132 } 1133 }</script>
vendor: 1 bytes, line 1133
1133
1134<script> 1135 function initPriceBox__6ac7b3cd2041a() 1136 { 1137 return { 1138 updatePrice(priceData) { 1139 const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); 1140 const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); 1141 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 1142 regularPriceLabel.classList.add('hidden'); 1143 } else { 1144 regularPriceLabel.classList.remove('hidden'); 1145 } 1146 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 1147 } 1148 } 1149 }</script>
vendor: 1 bytes, line 1149
1149
1150<script> 1151 function initPriceBox__6ac7b3cd22f15() 1152 { 1153 return { 1154 updatePrice(priceData) { 1155 const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); 1156 const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); 1157 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 1158 regularPriceLabel.classList.add('hidden'); 1159 } else { 1160 regularPriceLabel.classList.remove('hidden'); 1161 } 1162 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 1163 } 1164 } 1165 }</script>
vendor: 1 bytes, line 1165
1165
1166<script> 1167 function initPriceBox__6ac7b3cd236b8() 1168 { 1169 return { 1170 updatePrice(priceData) { 1171 const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); 1172 const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); 1173 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 1174 regularPriceLabel.classList.add('hidden'); 1175 } else { 1176 regularPriceLabel.classList.remove('hidden'); 1177 } 1178 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 1179 } 1180 } 1181 }</script>
vendor: 1 bytes, line 1181
1181
1182<script> 1183 function initPriceBox__6ac7b3cd23e1a() 1184 { 1185 return { 1186 updatePrice(priceData) { 1187 const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); 1188 const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); 1189 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 1190 regularPriceLabel.classList.add('hidden'); 1191 } else { 1192 regularPriceLabel.classList.remove('hidden'); 1193 } 1194 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 1195 } 1196 } 1197 }</script>
vendor: 1 bytes, line 1197
1197
1198<script> 1199 function initPriceBox__6ac7b3cd24435() 1200 { 1201 return { 1202 updatePrice(priceData) { 1203 const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); 1204 const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); 1205 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 1206 regularPriceLabel.classList.add('hidden'); 1207 } else { 1208 regularPriceLabel.classList.remove('hidden'); 1209 } 1210 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 1211 } 1212 } 1213 }</script>
vendor: 1 bytes, line 1213
1213
1214<script> 1215 function initPriceBox__6ac7b3cd24acb() 1216 { 1217 return { 1218 updatePrice(priceData) { 1219 const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); 1220 const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); 1221 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 1222 regularPriceLabel.classList.add('hidden'); 1223 } else { 1224 regularPriceLabel.classList.remove('hidden'); 1225 } 1226 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 1227 } 1228 } 1229 }</script>
vendor: 1 bytes, line 1229
1229
1230<script> 1231 function initPriceBox__6ac7b3cd251b1() 1232 { 1233 return { 1234 updatePrice(priceData) { 1235 const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); 1236 const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); 1237 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 1238 regularPriceLabel.classList.add('hidden'); 1239 } else { 1240 regularPriceLabel.classList.remove('hidden'); 1241 } 1242 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 1243 } 1244 } 1245 }</script>
vendor: 1 bytes, line 1245
1245
1246<script> 1247 function initPriceBox__6ac7b3cd25846() 1248 { 1249 return { 1250 updatePrice(priceData) { 1251 const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); 1252 const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); 1253 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 1254 regularPriceLabel.classList.add('hidden'); 1255 } else { 1256 regularPriceLabel.classList.remove('hidden'); 1257 } 1258 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 1259 } 1260 } 1261 }</script>
vendor: 1 bytes, line 1261
1261
1262<script> 1263 function initNewsletterForm() { 1264 return { 1265 errors: 0, 1266 hasCaptchaToken: 0, 1267 displayErrorMessage: false, 1268 errorMessages: [], 1269 setErrorMessages(messages) { 1270 this.errorMessages = [messages] 1271 this.displayErrorMessage = this.errorMessages.length 1272 }, 1273 submitForm() { 1274 1275 const $form = document.querySelector('#newsletter-validate-detail'); 1276 1277 if (this.errors === 0) { 1278 $form.submit(); 1279 } 1280 } 1281 } 1282 }</script>
vendor: 1 bytes, line 1282
1282
1283<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Organization","url":"https:\/\/www.dancohr.com\/nl\/","logo":"https:\/\/www.dancohr.com\/static\/version1746685665\/frontend\/Dancohr\/HyvaTheme\/nl_NL\/images\/logo.svg","name":"Dancohr Corporation B.V.","telephone":"+31 (0) 495 434 600","email":"[email protected]","address":{"@type":"PostalAddress","addressCountry":"Nederland","addressLocality":"Weert","postalCode":"6003 DD","streetAddress":"Marconilaan 8"},"sameAs":["","","","","","",""]}</script>
vendor: 1 bytes, line 1283
1283
1284<script> 1285 (() => { 1286 function src_default(Alpine) { 1287 Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 1288 let evaluate = evaluateLater(expression); 1289 let options = { 1290 rootMargin: getRootMargin(modifiers), 1291 threshold: getThreshhold(modifiers) 1292 }; 1293 let observer = new IntersectionObserver((entries) => { 1294 entries.forEach((entry) => { 1295 if (entry.isIntersecting === (value === "leave")) 1296 return; 1297 evaluate(); 1298 modifiers.includes("once") && observer.disconnect(); 1299 }); 1300 }, options); 1301 observer.observe(el); 1302 cleanup(() => { 1303 observer.disconnect(); 1304 }); 1305 }); 1306 } 1307 function getThreshhold(modifiers) { 1308 if (modifiers.includes("full")) 1309 return 0.99; 1310 if (modifiers.includes("half")) 1311 return 0.5; 1312 if (!modifiers.includes("threshold")) 1313 return 0; 1314 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 1315 if (threshold === "100") 1316 return 1; 1317 if (threshold === "0") 1318 return 0; 1319 return Number(`.${threshold}`); 1320 } 1321 function getLengthValue(rawValue) { 1322 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 1323 return match ? match[1] + (match[2] || "px") : void 0; 1324 } 1325 function getRootMargin(modifiers) { 1326 const key = "margin"; 1327 const fallback = "0px 0px 0px 0px"; 1328 const index = modifiers.indexOf(key); 1329 if (index === -1) 1330 return fallback; 1331 let values = []; 1332 for (let i = 1; i < 5; i++) { 1333 values.push(getLengthValue(modifiers[index + i] || "")); 1334 } 1335 values = values.filter((v) => v !== void 0); 1336 return values.length ? values.join(" ").trim() : fallback; 1337 } 1338 1339 document.addEventListener("alpine:init", () => { 1340 window.Alpine.plugin(src_default); 1341 }); 1342 })();</script>
vendor: 1 bytes, line 1342
1342
1343<script type="module" 1344 src="https://www.dancohr.com/static/version1746685665/frontend/Dancohr/HyvaTheme/nl_NL/Hyva_Theme/js/alpine3.min.js" 1345 defer 1346 crossorigin 1347></script>
vendor: 1 bytes, line 1347
1347
1348<script> 1349 'use strict'; 1350 function dispatchMessages(messages, hideAfter) { 1351 const messagesEvent = new CustomEvent("messages-loaded", { 1352 detail: { 1353 messages: messages, 1354 hideAfter: hideAfter 1355 } 1356 }); 1357 window.dispatchEvent(messagesEvent); 1358 } 1359 1360 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 1361 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 1362 } 1363 1364 (function( hyva, undefined ) { 1365 1366 hyva.initFormKey = () => { 1367 const inputSelector = 'input[name="form_key"]', 1368 formKey = hyva.getFormKey(); 1369 1370 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 1371 input.value = formKey 1372 }); 1373 } 1374 1375 hyva.initMessages = () => { 1376 try { 1377 const messages = hyva.getCookie('mage-messages'); 1378 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 1379 1380 dispatchMessages(window.mageMessages); 1381 1382 const skipSetDomain = true; 1383 hyva.setCookie('mage-messages','', -1, skipSetDomain); 1384 1385 } catch (error) { 1386 console.warn('Error parsing Cookie Messages:', error); 1387 } 1388 } 1389 1390 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 1391 window.addEventListener('load', hyva.initMessages); 1392 1393 1394 }( window.hyva = window.hyva || {} ));</script>
vendor: 1 bytes, line 1394
1394
1395<script> 1396 'use strict'; 1397 { 1398 const private_content_key = 'mage-cache-storage'; 1399 const private_content_expire_key = 'mage-cache-timeout'; 1400 const private_content_version_key = 'private_content_version'; 1401 const section_data_ids_key = 'section_data_ids'; 1402 const mage_cache_session_id_key = 'mage-cache-sessid'; 1403 const last_visited_store_key = 'last_visited_store'; 1404 1405 const ttl = 3600; 1406 1407 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 1408 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 1409 } 1410 1411 function loadSectionData () { 1412 const browserStorage = hyva.getBrowserStorage(); 1413 if (!browserStorage) { 1414 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 1415 [{ 1416 type: "warning", 1417 text: "Please enable LocalStorage in your browser." 1418 }] 1419 ); 1420 return; 1421 } 1422 try { 1423 let isInvalid = false; 1424 1425 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 1426 isInvalid = true; 1427 } 1428 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 1429 1430 if (!hyva.getCookie(mage_cache_session_id_key)) { 1431 isInvalid = true; 1432 const skipSetDomain = true; 1433 const days = false; 1434 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 1435 } 1436 1437 const cookieVersion = hyva.getCookie(private_content_version_key); 1438 const storageVersion = browserStorage.getItem(private_content_version_key); 1439 1440 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 1441 isInvalid = true; 1442 } 1443 1444 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 1445 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 1446 browserStorage.removeItem(private_content_key); 1447 } 1448 1449 if (isInvalid) { 1450 fetchPrivateContent([]); 1451 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 1452 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 1453 if ( 1454 privateContent && 1455 privateContentExpires && 1456 privateContent.cart && 1457 privateContent.customer 1458 ) { 1459 dispatchPrivateContent(privateContent); 1460 } else { 1461 fetchPrivateContent([]); 1462 } 1463 } else { 1464 dispatchPrivateContent({}); 1465 } 1466 1467 } catch (error) { 1468 console.warn('Error retrieving Private Content:', error); 1469 } 1470 } 1471 1472 window.addEventListener('load', loadSectionData); 1473 window.addEventListener('reload-customer-section-data', loadSectionData); 1474 1475 function dispatchPrivateContent(data) { 1476 const privateContentEvent = new CustomEvent("private-content-loaded", { 1477 detail: { 1478 data: data 1479 } 1480 }); 1481 window.dispatchEvent(privateContentEvent); 1482 } 1483 1484 function fetchPrivateContent(sections) { 1485 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 1486 method: 'GET', 1487 headers: { 1488 'Content-Type': 'application/json', 1489 'X-Requested-With': 'XMLHttpRequest' 1490 } 1491 }) 1492 .then(response => response.json()) 1493 .then( 1494 data => { 1495 if (data) { 1496 try { 1497 const browserStorage = hyva.getBrowserStorage(); 1498 1499 1500 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}'); 1501 1502 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 1503 delete oldSectionData['checkout-data']; 1504 } 1505 const newSectionData = Object.assign(oldSectionData, data); 1506 1507 dispatchPrivateContent(newSectionData); 1508 1509 1510 if (newSectionData.messages && newSectionData.messages.messages ) { 1511 newSectionData.messages.messages = []; 1512 } 1513 1514 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 1515 1516 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 1517 browserStorage.setItem(private_content_expire_key, expiresAt); 1518 1519 const newCookieVersion = hyva.getCookie(private_content_version_key); 1520 browserStorage.setItem(private_content_version_key, newCookieVersion); 1521 1522 1523 1524 hyva.setCookie( 1525 section_data_ids_key, 1526 JSON.stringify( 1527 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 1528 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 1529 return sectionDataIds; 1530 }, {}) 1531 ), 1532 false, 1533 true 1534 ); 1535 } catch (error) { 1536 console.warn("Couldn't store privateContent", error); 1537 } 1538 } 1539 } 1540 ); 1541 } 1542 }</script>
vendor: 1 bytes, line 1542
1542
1543<script> 1544 (() => { 1545 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 1546 })()</script>
vendor: 1 bytes, line 1546
1546
1547<script> 1548 (events => { 1549 const dispatchUserInteractionEvent = () => { 1550 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 1551 window.dispatchEvent(new Event('init-external-scripts')) 1552 }; 1553 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 1554 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])</script>
vendor: 1 bytes, line 1554
1554
1555<script> 1556 function initConfigurableOptions(productId, optionConfig) { 1557 1558 function findPathParam(key) { 1559 const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; 1560 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 1561 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 1562 for (let i = 0; i < pathParts.length; i += 2) { 1563 if (pathParts[i] === key && pathParts.length > i) { 1564 return pathParts[i + 1]; 1565 } 1566 } 1567 } 1568 1569 return { 1570 optionConfig, 1571 productId, 1572 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 1573 allowedAttributeOptions: [], 1574 selectedValues: [], 1575 init() { 1576 this.findAllowedAttributeOptions(); 1577 this.$nextTick(() => { 1578 if (typeof this.optionConfig.defaultValues === 'object') { 1579 for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) { 1580 this.changeOption(optionId, value + ''); 1581 } 1582 } 1583 }); 1584 }, 1585 findSimpleIndex() { 1586 this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); 1587 }, 1588 calculateSimpleIndexForPartialSelection(selectedValues) { 1589 if (selectedValues.length === 0) return 0; 1590 let productIndexIds = Object.keys(this.optionConfig.index); 1591 Object.keys(this.optionConfig.attributes).forEach((attribute) => { 1592 const productsWithAttributeMatch = selectedValues[attribute] 1593 ? productIndexIds.filter((productIndex) => { 1594 return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute] 1595 }) 1596 : []; 1597 1598 productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds 1599 }) 1600 return productIndexIds[0]; 1601 }, 1602 calculateSimpleIndexForFullSelection(selectedValues) { 1603 const productIndexes = this.optionConfig.index; 1604 return Object.keys(productIndexes).find(productIndex => { 1605 const productCandidateOptions = productIndexes[productIndex]; 1606 1607 for (const productOption in productCandidateOptions) { 1608 if ( 1609 ! selectedValues[productOption] || 1610 selectedValues[productOption] !== productCandidateOptions[productOption] 1611 ) { 1612 return false; 1613 } 1614 } 1615 return productIndex; 1616 }); 1617 }, 1618 productIndex: 0, 1619 findAllowedAttributeOptions() { 1620 this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); 1621 }, 1622 calculateAllowedAttributeOptions(selectedValues) { 1623 const allAttributes = this.optionConfig.attributes; 1624 const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { 1625 return a.position - b.position 1626 }); 1627 1628 const selectionWithoutAttr = attrId => { 1629 return Object.keys(selectedValues).reduce((acc, id) => { 1630 if (id !== attrId) acc[id] = selectedValues[id]; 1631 return acc; 1632 }, {}) 1633 } 1634 1635 const newAllowedAttributeOptions = []; 1636 1637 allAttributesSorted.forEach(attribute => { 1638 const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr(attribute.id)); 1639 newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { 1640 return !!option.products.find(product => { 1641 return availableIndexes.includes(product); 1642 }) 1643 }); 1644 }); 1645 return newAllowedAttributeOptions; 1646 }, 1647 calculateAvailableProductIndexes(selectedOptions) { 1648 if (Object.keys(selectedOptions).length === 0) { 1649 if (Object.values(this.optionConfig.salable || {}).length) { 1650 return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) 1651 } 1652 return Object.keys(this.optionConfig.index); 1653 } 1654 1655 const selectedIds = Object.keys(selectedOptions); 1656 if (Object.values(this.optionConfig.salable || {}).length) { 1657 const selectedOptionIndexes = selectedIds.map(attrId => { 1658 const optionValue = selectedOptions[attrId]; 1659 return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] 1660 }) 1661 return selectedOptionIndexes.reduce((acc, optionIndexes) => { 1662 return acc.filter(index => optionIndexes.includes(index)); 1663 }); 1664 } else { 1665 const productIndexes = this.optionConfig.index; 1666 return Object.keys(productIndexes).filter(index => { 1667 return selectedIds.find(attrId => productIndexes[index][attrId] === `${selectedOptions[attrId]}`) 1668 }); 1669 } 1670 }, 1671 findAttributeByOptionId(optionId) { 1672 for (const attributeId in this.optionConfig.attributes) { 1673 const attributeOptions = this.optionConfig.attributes[attributeId].options || []; 1674 if (attributeOptions.find(option => option.id === optionId)) { 1675 return attributeId; 1676 } 1677 } 1678 }, 1679 getAllowedAttributeOptions(attributeId) { 1680 return this.allowedAttributeOptions[attributeId] || [] 1681 }, 1682 getProductIdsForOption(option) { 1683 const attributeId = this.findAttributeByOptionId(option.id); 1684 const allOptions = this.optionConfig.attributes[attributeId]; 1685 const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); 1686 return opt && opt.products 1687 ? opt.products 1688 : []; 1689 }, 1690 findProductIdsForPartialSelection(optionSelection) { 1691 const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { 1692 const newCandidates = this.getProductIdsForOption({id: optionId}); 1693 return candidates === null 1694 ? newCandidates 1695 : candidates.filter(productId => newCandidates.includes(productId)); 1696 }, null); 1697 return candidateProducts || []; 1698 },
1699 findCheapestProductForPartialSelection(optionSelection) { 1700 const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); 1701 return candidateProducts.reduce((cheapest, simpleIdx) => { 1702 1703 if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; 1704 const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; 1705 return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount 1706 ? simpleIdx 1707 : cheapest; 1708 }, 0) 1709 }, 1710 findProductIdToUseForOptionPrice(option) { 1711 1712 const attributeId = this.findAttributeByOptionId(option.id); 1713 const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id}); 1714 const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection); 1715 1716 return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection); 1717 }, 1718 getAttributeOptionLabel(option) { 1719 const optionProduct = this.findProductIdToUseForOptionPrice(option); 1720 if ((! optionProduct) || (optionProduct === this.productIndex)) { 1721 return option.label; 1722 } 1723 1724 const currentPrice = this.getOptionPriceAdjustmentBasePrice(); 1725 1726 if (this.optionConfig.optionPrices[optionProduct]) { 1727 const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount; 1728 if (optionPrice !== currentPrice){ 1729 return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true); 1730 } 1731 } 1732 return option.label; 1733 }, 1734 getOptionPriceAdjustmentBasePrice() { 1735 if (this.optionConfig.optionPrices[this.productIndex]) { 1736 return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount 1737 } 1738 const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues); 1739 return this.optionConfig.optionPrices[cheapestForSelection] 1740 ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount 1741 : this.optionConfig.prices.finalPrice.amount; 1742 }, 1743 changeOption(optionId, value) { 1744 if (value === '') { 1745 1746 this.selectedValues = this.selectedValues.reduce((newSelection, val, opt) => { 1747 if (opt !== optionId) { 1748 newSelection[opt] = val; 1749 } 1750 return newSelection; 1751 }, []); 1752 } else { 1753 this.selectedValues[optionId] = value; 1754 } 1755 this.findSimpleIndex(); 1756 this.findAllowedAttributeOptions(); 1757 this.updatePrices(); 1758 this.updateGallery(); 1759 window.dispatchEvent( 1760 new CustomEvent( 1761 'configurable-selection-changed', 1762 { 1763 detail: { 1764 productId: this.productId, 1765 optionId: optionId, 1766 value: value, 1767 productIndex: this.productIndex, 1768 selectedValues: this.selectedValues, 1769 candidates: this.findProductIdsForPartialSelection(this.selectedValues), 1770 } 1771 } 1772 ) 1773 ); 1774 }, 1775 calculateIsMinimalPrice() { 1776 return ( 1777 this.selectedValues.filter(value => !!value).length < 1778 Object.keys(this.optionConfig.attributes).length 1779 ); 1780 }, 1781 updatePrices() { 1782 const value = this.productIndex ? 1783 this.optionConfig.optionPrices[this.productIndex] : 1784 this.optionConfig.prices; 1785 window.dispatchEvent( 1786 new CustomEvent( 1787 "update-prices-" + this.productId, 1788 { 1789 detail: Object.assign( 1790 value, 1791 { isMinimalPrice: this.calculateIsMinimalPrice() } 1792 ) 1793 } 1794 ) 1795 ); 1796 }, 1797 updateGallery () { 1798 if (this.productIndex) { 1799 const images = this.optionConfig.images[this.productIndex]; 1800 images && window.dispatchEvent(new CustomEvent( 1801 "update-gallery", 1802 { detail: this.sortImagesByPosition(images) } 1803 )); 1804 } else { 1805 window.dispatchEvent(new Event("reset-gallery")); 1806 } 1807 }, 1808 sortImagesByPosition(images) { 1809 return images.sort((x, y) => { 1810 return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) 1811 }); 1812 }, 1813 onGetCartData(data) { 1814 }, 1815 preselectCartItems(data) { 1816 1817 const cart = data && data.cart; 1818 if (cart && cart.items) { 1819 const cartItem = cart.items.find((item) => { 1820 return ( 1821 item.item_id === this.itemId 1822 && item.product_id === this.productId 1823 ) 1824 }); 1825 if (cartItem && cartItem.options && cartItem.options.length) { 1826 cartItem.options.map(option => { 1827 this.changeOption(option.option_id, option.option_value); 1828 }) 1829 } 1830 } 1831 }, 1832 preselectQuerystringItems() { 1833 1834 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); 1835 this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); 1836 }, 1837 preselectLocationHashItems() { 1838 1839 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); 1840 this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); 1841 }, 1842 preselectItemsBasedOnLocation(getLocationValue) { 1843 Object.values(this.optionConfig.attributes).map(attribute => { 1844 const value = getLocationValue(attribute) 1845 const isAllowedValue = value && this.getAllowedAttributeOptions(attribute.id).find(option => option.id === value) 1846 isAllowedValue && this.changeOption(attribute.id, value) 1847 }); 1848 } 1849 } 1850 }</script>
vendor: 1 bytes, line 1850
1850
1851<script> 1852 function initSwatchOptions(swatchConfig) { 1853 return { 1854 swatchConfig, 1855 getAttributeSwatchData(attributeId) { 1856 const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); 1857 swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); 1858 1859 return swatchConfig; 1860 }, 1861 getAllAttributeOptions(attributeId) { 1862 return ( 1863 this.optionConfig.attributes[attributeId] && 1864 this.optionConfig.attributes[attributeId].options 1865 ) || [] 1866 }, 1867 optionIsActive(attributeId, optionId) { 1868 1869 return !!this.getAllowedAttributeOptions(attributeId).find( 1870 option => option.id === optionId 1871 ) 1872 }, 1873 optionIsEnabled(attributeId, optionId) { 1874 1875 for (const productId in this.optionConfig.index) { 1876 if (this.optionConfig.index[productId][attributeId] === optionId) { 1877 return true; 1878 } 1879 } 1880 return false; 1881 }, 1882 mapSwatchTypeNumberToTypeCode(typeNumber) { 1883 switch ("" + typeNumber) { 1884 case "1": 1885 return "color" 1886 case "2": 1887 return "image" 1888 case "3": 1889 return "empty" 1890 case "0": 1891 default: 1892 return "text" 1893 } 1894 }, 1895 getTypeOfFirstOption(attributeId) { 1896 for (const optionId in this.swatchConfig[attributeId]) { 1897 const option = this.swatchConfig[attributeId][optionId]; 1898 if (typeof option.type !== 'undefined') { 1899 return this.mapSwatchTypeNumberToTypeCode(option.type); 1900 } 1901 } 1902 }, 1903 getVisualSwatchType(attributeId, targetOptionId) { 1904 1905 const config = this.swatchConfig[attributeId]; 1906 if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') { 1907 return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type); 1908 } 1909 1910 1911 1912 1913 return this.getTypeOfFirstOption(attributeId); 1914 }, 1915 getSwatchType(attributeId, optionId) { 1916 1917 if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) { 1918 this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId); 1919 } 1920 const type = this.swatchConfig[attributeId] && 1921 this.swatchConfig[attributeId].details && 1922 this.swatchConfig[attributeId].details.swatch_input_type || 1923 "empty"; 1924 return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type; 1925 }, 1926 isTextSwatch(attributeId, optionId) { 1927 return this.getSwatchType(attributeId, optionId) === 'text'; 1928 }, 1929 isVisualSwatch(attributeId, optionId) { 1930 const type = this.getSwatchType(attributeId, optionId); 1931 1932 return ['image', 'color'].includes(type); 1933 }, 1934 getSwatchBackgroundStyle(attributeId, optionId) { 1935 const config = this.getSwatchConfig(attributeId, optionId); 1936 const type = this.getSwatchType(attributeId, optionId); 1937 1938 if (type === "color") { 1939 return 'background-color:' + config.value; 1940 } else if (type === "image") { 1941 return "background: #ffffff url('" + config.value + "') no-repeat center"; 1942 } else { 1943 return ''; 1944 } 1945 }, 1946 getSwatchText(attributeId, optionId) {
1947 const config = this.getSwatchConfig(attributeId, optionId); 1948 return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); 1949 }, 1950 getOptionLabelFromOptionConfig(attributeId, optionId) { 1951 1952 1953 const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId); 1954 return option && option[0] && option[0].label ||''; 1955 }, 1956 getSwatchConfig(attributeId, optionId) { 1957 return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId] 1958 ? this.swatchConfig[attributeId][optionId] 1959 : false; 1960 }, 1961 activeTooltipItem: false, 1962 tooltipPositionElement: false, 1963 isTooltipVisible() { 1964 return this.activeTooltipItem && 1965 this.getSwatchConfig( 1966 this.activeTooltipItem.attribute, 1967 this.activeTooltipItem.item 1968 ); 1969 }, 1970 isFirstItemCol() { 1971 return this.activeTooltipItem.index === 0; 1972 }, 1973 getTooltipImageStyle(attributeId, optionId) { 1974 const config = this.getSwatchConfig(attributeId, optionId); 1975 const type = this.getSwatchType(attributeId, optionId); 1976 1977 if (type === "color") { 1978 return 'background-color:' + config.value + '; width: 110px; height: 90px;'; 1979 } else if (type === "image") { 1980 return "background: #ffffff url('" + config.thumb + 1981 "') center center no-repeat; width: 110px; height: 90px;"; 1982 } else { 1983 return 'display:none'; 1984 } 1985 }, 1986 getTooltipPosition() { 1987 return this.tooltipPositionElement ? 1988 `top: ${this.tooltipPositionElement.offsetTop}px;` + 1989 `left: ${ 1990 this.tooltipPositionElement.offsetLeft - ( 1991 this.tooltipPositionElement.closest('.snap') && 1992 this.tooltipPositionElement.closest('.snap').scrollLeft || 1993 0 1994 ) 1995 }px;` : '' 1996 }, 1997 getTooltipLabel() { 1998 return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label 1999 }, 2000 focusedLabel: false, 2001 focusLabel(optionId) { 2002 this.focusedLabel = optionId; 2003 }, 2004 blurLabel() { 2005 this.focusedLabel = false; 2006 }, 2007 showSwatches: false, 2008 initShowSwatchesIntersect() { 2009 if ('IntersectionObserver' in window && !window.scrollY) { 2010 let io = new IntersectionObserver( 2011 entries => { 2012 entries.map(entry => { 2013 if (entry.isIntersecting) { 2014 this.showSwatches = true; 2015 io.unobserve(this.$root); 2016 } 2017 }) 2018 } 2019 ); 2020 io.observe(this.$root); 2021 } else { 2022 this.showSwatches = true 2023 } 2024 } 2025 } 2026 }</script>
vendor: 1 bytes, line 2026
2026
2027<script defer> 2028 'use strict'; 2029 2030 (() => { 2031 const equalizeButtonWidths = (buttons) => { 2032 const buttonList = buttons.querySelectorAll('[data-element="link"], [data-element="empty_link"]'); 2033 let buttonMinWidth = 0; 2034 2035 buttonList.forEach(button => { 2036 const buttonWidth = button.offsetWidth; 2037 2038 if (buttonWidth > buttonMinWidth) { 2039 buttonMinWidth = buttonWidth; 2040 } 2041 }); 2042 2043 buttonList.forEach(button => { 2044 button.style.minWidth = `${buttonMinWidth}px`; 2045 }); 2046 }; 2047 2048 window.addEventListener('DOMContentLoaded', () => { 2049 document.querySelectorAll('[data-content-type="buttons"][data-same-width="true"]').forEach(buttons => { 2050 equalizeButtonWidths(buttons); 2051 }); 2052 }); 2053 })();</script>
vendor: 1 bytes, line 2053
2053
2054<script defer> 2055 'use strict'; 2056 2057 (() => { 2058 const initCarousels = (elements) => { 2059 if (!Glider) { 2060 return; 2061 } 2062 2063 const initProductCarousel = (carousel) => { 2064 const gliderElement = carousel.querySelector('[data-role="glider-content"]'); 2065 2066 if (!gliderElement) { 2067 return; 2068 } 2069 2070 const gliderDots = carousel.querySelector('.glider-dots'); 2071 const gliderPrev = carousel.querySelector('.glider-prev'); 2072 const gliderNext = carousel.querySelector('.glider-next'); 2073 2074 const glider = new Glider(gliderElement, { 2075 slidesToShow: 1, 2076 slidesToScroll: 1, 2077 scrollLock: true, 2078 draggable: true, 2079 dragVelocity: 2.5, 2080 dots: gliderDots, 2081 arrows: { 2082 prev: gliderPrev, 2083 next: gliderNext, 2084 }, 2085 responsive: [ 2086 { 2087 breakpoint: 768, 2088 settings: { 2089 slidesToShow: 2, 2090 slidesToScroll: 2, 2091 } 2092 }, 2093 { 2094 breakpoint: 1024, 2095 settings: { 2096 slidesToShow: 3, 2097 slidesToScroll: 3, 2098 } 2099 }, 2100 { 2101 breakpoint: 1280, 2102 settings: { 2103 slidesToShow: 4, 2104 slidesToScroll: 4, 2105 } 2106 }, 2107 ], 2108 }); 2109 2110 carousel.classList.remove('overflow-x-scroll'); 2111 gliderPrev.classList.remove('hidden'); 2112 gliderNext.classList.remove('hidden'); 2113 2114 if (carousel.dataset.autoplay !== 'false') { 2115 gliderAutoplay( 2116 glider, 2117 carousel.dataset.autoplaySpeed, 2118 carousel.dataset.infiniteLoop 2119 ); 2120 } 2121 }; 2122 2123 const initSliderCarousel = (slider) => { 2124 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 2125 slider.classList.add('glider-contain'); 2126 2127 slider.insertAdjacentHTML( 2128 'beforeend', 2129 '\u0020\u003Cdiv\u0020class\u003D\u0022carousel\u002Dnav\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020flex\u002D1\u0020p\u002D4\u0022\u003E\u003Cbutton\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u0020tabindex\u003D\u0022\u002D1\u0022\u0020class\u003D\u0022glider\u002Dprev\u0020w\u002D8\u0020h\u002D8\u0020mx\u002D4\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020class\u003D\u0022w\u002D5\u0020h\u002D5\u0022\u0020width\u003D\u002225\u0022\u0020height\u003D\u002225\u0022\u003E\u000A\u0020\u0020\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020d\u003D\u0022M15\u002019l\u002D7\u002D7\u00207\u002D7\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E\u000A\u003C\u002Fbutton\u003E\u0020\u003Cdiv\u0020role\u
2129003D\u0022tablist\u0022\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D1\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u003Cbutton\u0020aria\u002Dlabel\u003D\u0022Volgende\u0022\u0020tabindex\u003D\u0022\u002D1\u0022\u0020class\u003D\u0022glider\u002Dnext\u0020w\u002D8\u0020h\u002D8\u0020mx\u002D4\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020class\u003D\u0022w\u002D5\u0020h\u002D5\u0022\u0020width\u003D\u002225\u0022\u0020height\u003D\u002225\u0022\u003E\u000A\u0020\u0020\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020d\u003D\u0022M9\u00205l7\u00207\u002D7\u00207\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E\u000A\u003C\u002Fbutton\u003E\u003C\u002Fdiv\u003E' 2130 ); 2131 2132 const getSlidesSetting = (key) => { 2133 return ((slider.dataset[key] === 'auto') ? slider.dataset[key] : parseInt(slider.dataset[key]) || 1) 2134 } 2135 2136 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 2137 const gliderDots = slider.querySelector('.glider-dots'); 2138 const gliderPrev = slider.querySelector('.glider-prev'); 2139 const gliderNext = slider.querySelector('.glider-next'); 2140 2141 const glider = new Glider(gliderElement, { 2142 slidesToShow: getSlidesSetting('slidesToShowMobile'), 2143 slidesToScroll: getSlidesSetting('slidesToScrollMobile'), 2144 scrollLock: true, 2145 scrollLockDelay: 250, 2146 draggable: true, 2147 dragVelocity: 2.5, 2148 dots: gliderDots, 2149 arrows: { 2150 prev: gliderPrev, 2151 next: gliderNext, 2152 }, 2153 responsive: [ 2154 { 2155 breakpoint: 640, 2156 settings: { 2157 slidesToShow: getSlidesSetting('slidesToShowTablet'), 2158 slidesToScroll: getSlidesSetting('slidesToScrollTablet') 2159 } 2160 }, { 2161 breakpoint: 1024, 2162 settings: { 2163 slidesToShow: getSlidesSetting('slidesToShowDesktop'), 2164 slidesToScroll: getSlidesSetting('slidesToScrollDesktop') 2165 } 2166 } 2167 ] 2168 }); 2169 2170 slider.classList.add('glider-initialized'); 2171 if (slider.dataset.showArrows === 'true') { 2172 gliderPrev.classList.remove('hidden'); 2173 gliderNext.classList.remove('hidden'); 2174 } 2175 2176 if (slider.dataset.autoplay !== 'false') { 2177 gliderAutoplay( 2178 glider, 2179 slider.dataset.autoplaySpeed, 2180 slider.dataset.infiniteLoop 2181 ); 2182 } 2183 }; 2184 2185 const gliderAutoplay = (glider, milliseconds, loop) => { 2186 const pagesCount = glider.track.childElementCount; 2187 let slideTimeout = null; 2188 let nextIndex = 1; 2189 let paused = false; 2190 2191 const slide = () => { 2192 slideTimeout = setTimeout( 2193 () => { 2194 if (loop && nextIndex >= pagesCount) { 2195 nextIndex = 0; 2196 } 2197 glider.scrollItem(nextIndex); 2198 }, 2199 parseInt(milliseconds) 2200 ); 2201 }; 2202 2203 glider.ele.addEventListener('glider-animated', () => { 2204 nextIndex = glider.slide + glider.opt.slidesToScroll; 2205 window.clearInterval(slideTimeout); 2206 if (!paused && (loop || nextIndex < pagesCount)) { 2207 slide(); 2208 } 2209 }); 2210 2211 const pause = () => { 2212 if (!paused) { 2213 clearInterval(slideTimeout); 2214 paused = true; 2215 } 2216 }; 2217 2218 const unpause = () => { 2219 if (paused) { 2220 slide(); 2221 paused = false;
2222 } 2223 }; 2224 2225 glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true}); 2226 glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true}); 2227 glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true}); 2228 glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true}); 2229 2230 slide(); 2231 }; 2232 2233 elements.forEach(element => { 2234 if (element.dataset.contentType === 'products') { 2235 initProductCarousel(element); 2236 } 2237 if (element.dataset.contentType === 'slider') { 2238 initSliderCarousel(element); 2239 } 2240 }); 2241 }; 2242 2243 window.addEventListener('DOMContentLoaded', () => { 2244 const carouselElements = document.querySelectorAll( 2245 `[data-content-type="products"][data-appearance="carousel"], 2246 [data-content-type="slider"]` 2247 ); 2248 2249 if (carouselElements.length > 0) { 2250 const script = document.createElement('script'); 2251 script.type = 'text/javascript'; 2252 2253 script.addEventListener('load', () => { 2254 initCarousels(carouselElements); 2255 }); 2256 2257 script.src = 'https\u003A\u002F\u002Fwww.dancohr.com\u002Fstatic\u002Fversion1746685665\u002Ffrontend\u002FDancohr\u002FHyvaTheme\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fglider.min.js'; 2258 document.head.appendChild(script); 2259 } 2260 2261 var gliderInputs = document.querySelectorAll('[data-role="glider-content"] input'); 2262 2263 gliderInputs.forEach(function (input) { 2264 input.addEventListener('mousedown', function (event) { 2265 event.stopPropagation(); 2266 }); 2267 }); 2268 }); 2269 })();</script>
vendor: 1 bytes, line 2269
2269
2270<script defer> 2271 'use strict'; 2272 2273 (() => { 2274 const initMaps = (elements) => { 2275 const renderMap = (element) => { 2276 const dataLocations = element.dataset.locations; 2277 2278 2279 if (!dataLocations || dataLocations === '[]') { 2280 element.classList.add('hidden'); 2281 return; 2282 } 2283 2284 const map = new google.maps.Map( 2285 element, 2286 getMapOptions( 2287 element.dataset.showControls !== 'true', 2288 element.dataset.showControls === 'true' 2289 ) 2290 ); 2291 const locations = JSON.parse(dataLocations); 2292 const latitudeLongitudeBounds = new google.maps.LatLngBounds(); 2293 const bounds = []; 2294 2295 locations.forEach(location => { 2296 const position = { 2297 lat: parseFloat(location.position.latitude), 2298 lng: parseFloat(location.position.longitude), 2299 }; 2300 bounds.push(position); 2301 2302 const infowindow = new google.maps.InfoWindow({ 2303 content: getInfoWindowContent(location), 2304 }); 2305 const marker = new google.maps.Marker({ 2306 position: position, 2307 map, 2308 title: location.location_name, 2309 }); 2310 2311 marker.addListener('click', () => { 2312 infowindow.open(map, marker); 2313 }); 2314 }); 2315 2316 2317 if (bounds.length > 1) { 2318 bounds.forEach(function (bound) { 2319 latitudeLongitudeBounds.extend(bound); 2320 }); 2321 map.fitBounds(latitudeLongitudeBounds); 2322 } 2323 2324 2325 if (bounds.length === 1) { 2326 map.setCenter(bounds[0]); 2327 } 2328 }; 2329 2330 const getMapOptions = (disableDefaultUI, mapTypeControl) => { 2331 const style = ''; 2332 return { 2333 zoom: 8, 2334 scrollwheel: false, 2335 disableDoubleClickZoom: false, 2336 mapTypeControlOptions: { 2337 style: google.maps.MapTypeControlStyle.DEFAULT, 2338 }, 2339 styles: style ? JSON.parse(style) : [], 2340 disableDefaultUI: disableDefaultUI, 2341 mapTypeControl: mapTypeControl, 2342 }; 2343 }; 2344 2345 const getInfoWindowContent = (location) => { 2346 const title = location.location_name ? 2347 `<h3 class="text-2xl font-medium text-gray-900 title-font">${location.location_name}</h3>` : ''; 2348 const comment = location.comment ? `<p class="px-1 pt-3 text-primary">${location.comment}</p>` : ''; 2349 const phone = location.phone ? `<p class="px-1 pt-3 text-primary">Phone: ${location.phone}</p>` : ''; 2350 const street = location.address ? `${location.address}<br/>` : ''; 2351 const city = location.city ? `${location.city}<br/>` : ''; 2352 const state = location.state ? `${location.state}<br/>` : ''; 2353 const zipCode = location.zipcode ? `${location.zipcode}<br/>` : ''; 2354 const country = location.country ? location.country : ''; 2355 2356 return `<div> 2357 ${title} 2358 ${comment} 2359 ${phone} 2360 <p class="px-1 pt-3 text-primary"> 2361 ${street} 2362 ${city} 2363 ${state} 2364 ${zipCode} 2365 ${country}</p></div>`; 2366 }; 2367 2368 const hideAllMaps = () => { 2369 document.querySelectorAll('[data-content-type="map"]').forEach(element => { 2370 element.classList.add('hidden'); 2371 }); 2372 }; 2373 2374 window.gm_authFailure = () => { 2375 hideAllMaps(); 2376 }; 2377 2378 if (typeof google.maps === 'undefined') { 2379 hideAllMaps(); 2380 return; 2381 } 2382
2383 elements.forEach(element => { 2384 if (element.dataset.contentType === 'map') { 2385 renderMap(element); 2386 } 2387 }); 2388 }; 2389 2390 window.addEventListener('DOMContentLoaded', () => { 2391 const mapElements = document.querySelectorAll('[data-content-type="map"]'); 2392 2393 if (mapElements.length > 0) { 2394 const script = document.createElement('script'); 2395 script.type = 'text/javascript'; 2396 2397 script.addEventListener('load', () => { 2398 initMaps(mapElements); 2399 }); 2400 2401 script.src = 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D'; 2402 document.head.appendChild(script); 2403 } 2404 }); 2405 })();</script>
vendor: 1 bytes, line 2405
2405
2406<script defer> 2407 'use strict'; 2408 2409 (() => { 2410 const initParallaxImage = (element) => { 2411 if (!window.jarallax) { 2412 return; 2413 } 2414 2415 element.classList.add('jarallax'); 2416 element.dataset.jarallax = ''; 2417 const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5; 2418 const elementStyle = window.getComputedStyle(element); 2419 2420 window.jarallax(element, { 2421 imgPosition: elementStyle.backgroundPosition || '50% 50%', 2422 imgRepeat: elementStyle.backgroundRepeat || 'no-repeat', 2423 imgSize: elementStyle.backgroundSize || 'cover', 2424 speed: parallaxSpeed, 2425 }); 2426 }; 2427 2428 const initVideoBackground = (element) => { 2429 if (!window.jarallax) { 2430 return; 2431 } 2432 2433 let slider = null; 2434 2435 if (element.classList.contains('pagebuilder-slide-wrapper')) { 2436 const viewportElement = document.createElement('div'); 2437 slider = element.closest('[data-content-type=slider]'); 2438 viewportElement.classList.add('jarallax-viewport-element'); 2439 element.dataset.elementInViewport = '.jarallax-viewport-element'; 2440 element.appendChild(viewportElement); 2441 } 2442 2443 element.classList.add('jarallax'); 2444 element.dataset.jarallax = ''; 2445 const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5; 2446 2447 window.jarallax(element, { 2448 imgSrc: element.dataset.videoFallbackSrc, 2449 speed: parallaxSpeed, 2450 videoLoop: element.dataset.videoLoop, 2451 videoPlayOnlyVisible: element.dataset.videoPlayOnlyVisible, 2452 videoLazyLoading: element.dataset.videoLazyLoad, 2453 disableVideo: false, 2454 elementInViewport: element.dataset.elementInViewport && 2455 element.querySelector(element.dataset.elementInViewport), 2456 }); 2457 2458 if (slider) { 2459 if (slider.dataset.afterChangeIsSet) { 2460 return; 2461 } 2462 2463 slider.addEventListener('glider-loaded', () => { 2464 slider.querySelectorAll('.jarallax').forEach(videoSlide => { 2465 videoSlide.jarallax && videoSlide.jarallax.onScroll(); 2466 }); 2467 }); 2468 2469 slider.addEventListener('glider-animated', () => { 2470 slider.querySelectorAll('.jarallax').forEach(videoSlide => { 2471 videoSlide.jarallax && videoSlide.jarallax.onScroll(); 2472 }); 2473 }); 2474 2475 slider.dataset.afterChangeIsSet = true; 2476 } 2477 }; 2478 2479 window.addEventListener('DOMContentLoaded', () => { 2480 const parallaxImageElements = document.querySelectorAll( 2481 `[data-content-type="row"][data-background-type="image"][data-enable-parallax="1"], 2482 [data-content-type="row"] > [data-background-type="image"][data-enable-parallax="1"]` 2483 ); 2484 2485 const videoBackgroundsElements = document.querySelectorAll( 2486 `[data-content-type="row"][data-background-type="video"][data-enable-parallax="1"], 2487 [data-content-type="row"] > [data-background-type="video"][data-enable-parallax="1"], 2488 [data-content-type="banner"] [data-background-type="video"], 2489 [data-content-type="slide"] [data-background-type="video"]` 2490 ); 2491 2492 if (parallaxImageElements.length > 0 || videoBackgroundsElements.length > 0) { 2493 const jarallaxScript = document.createElement('script'); 2494 jarallaxScript.type = 'text/javascript'; 2495 2496 jarallaxScript.addEventListener('load', () => { 2497 parallaxImageElements.forEach(row => { 2498 initParallaxImage(row); 2499 }); 2500 2501 const jarallaxVideoScript = document.createElement('script'); 2502 jarallaxVideoScript.type = 'text/javascript'; 2503 2504 jarallaxVideoScript.addEventListener('load', () => {
2505 videoBackgroundsElements.forEach(element => { 2506 initVideoBackground(element); 2507 }); 2508 }); 2509 2510 jarallaxVideoScript.src = 'https\u003A\u002F\u002Fwww.dancohr.com\u002Fstatic\u002Fversion1746685665\u002Ffrontend\u002FDancohr\u002FHyvaTheme\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fjarallax\u002Dvideo.min.js'; 2511 document.head.appendChild(jarallaxVideoScript); 2512 }); 2513 2514 jarallaxScript.src = 'https\u003A\u002F\u002Fwww.dancohr.com\u002Fstatic\u002Fversion1746685665\u002Ffrontend\u002FDancohr\u002FHyvaTheme\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fjarallax.min.js'; 2515 document.head.appendChild(jarallaxScript); 2516 } 2517 }); 2518 })();</script>
vendor: 1 bytes, line 2518
2518
2519<script defer> 2520 'use strict'; 2521 2522 (() => { 2523 const applyShowOnHover = (element) => { 2524 const showOverlayOnHover = (element) => { 2525 const overlay = element.querySelector('.pagebuilder-overlay'); 2526 const color = overlay.dataset.overlayColor; 2527 2528 element.addEventListener('mouseover', () => { 2529 overlay.style.backgroundColor = color; 2530 }); 2531 element.addEventListener('mouseout', () => { 2532 overlay.style.backgroundColor = 'transparent'; 2533 }); 2534 }; 2535 2536 const showButtonOnHover = (element) => { 2537 const button = element.querySelector('.pagebuilder-banner-button'); 2538 2539 element.addEventListener('mouseover', () => { 2540 button.style.opacity = '1'; 2541 button.style.visibility = 'visible'; 2542 }); 2543 element.addEventListener('mouseout', () => { 2544 button.style.opacity = '0'; 2545 button.style.visibility = 'hidden'; 2546 }); 2547 }; 2548 2549 if (element.dataset.showOverlay === 'hover') { 2550 showOverlayOnHover(element); 2551 } 2552 if (element.dataset.showButton === 'hover') { 2553 showButtonOnHover(element); 2554 } 2555 }; 2556 2557 window.addEventListener('DOMContentLoaded', () => { 2558 document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => { 2559 applyShowOnHover(element); 2560 }); 2561 }); 2562 })();</script>
vendor: 1 bytes, line 2562
2562
2563<script defer> 2564 'use strict'; 2565 2566 (() => { 2567 document.querySelectorAll('[data-content-type="tab-item"]').forEach(tabItem => { 2568 tabItem.setAttribute('x-show', `tab === '${tabItem.id}'`); 2569 }); 2570 2571 document.querySelectorAll('[data-content-type="tabs"]').forEach(tab => { 2572 const defaultActiveTab = parseInt(tab.dataset.activeTab) || 0; 2573 2574 tab.querySelectorAll('.tab-header').forEach((tabHeader, index) => { 2575 const tabLink = tabHeader.querySelector('a'); 2576 const tabId = tabLink.getAttribute('href').replace('#', ''); 2577 2578 tabHeader.setAttribute(':class', `{ 'active': tab === '${tabId}' }`); 2579 tabLink.setAttribute('x-on:click.prevent', `tab = '${tabId}'`); 2580 2581 if (index === defaultActiveTab) { 2582 tab.setAttribute('x-data', `{ tab: '${tabId}' }`); 2583 } 2584 }); 2585 }); 2586 })();</script>
vendor: 1 bytes, line 2586
2586
2587<script defer> 2588 (() => { 2589 window.addEventListener('DOMContentLoaded', () => { 2590 const getParameterByName = (name, url) => { 2591 if (!url) { 2592 url = window.location.href; 2593 } 2594 name = name.replace(/[\[\]]/g, "\\$&"); 2595 const regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), 2596 results = regex.exec(url); 2597 if (!results) return null; 2598 if (!results[2]) return ''; 2599 return decodeURIComponent(results[2].replace(/\+/g, " ")); 2600 } 2601 2602 const mpId = getParameterByName("mpid"); 2603 if (mpId) { 2604 hyva.setCookie('mpId', mpId, 365, true); 2605 } 2606 }) 2607 })()</script>
vendor: 1 bytes, line 2607
2607
2608<script defer> 2609 'use strict'; 2610 2611 (() => { 2612 const initCategorySliders = (elements) => { 2613 if (!Glider) { 2614 return 2615 } 2616 2617 const initCategorySlider = (categorySlider) => { 2618 const gliderElement = categorySlider.querySelector('[data-role="glider-content"]'); 2619 2620 if (!gliderElement) { 2621 return; 2622 } 2623 2624 const gliderDots = categorySlider.querySelector('.glider-dots'); 2625 const gliderPrev = categorySlider.querySelector('.glider-prev'); 2626 const gliderNext = categorySlider.querySelector('.glider-next'); 2627 2628 const glider = new Glider(gliderElement, { 2629 slidesToShow: 1, 2630 slidesToScroll: 1, 2631 scrollLock: true, 2632 draggable: true, 2633 dragVelocity: 2.5, 2634 dots: gliderDots, 2635 arrows: { 2636 prev: gliderPrev, 2637 next: gliderNext, 2638 }, 2639 responsive: [ 2640 { 2641 breakpoint: 768, 2642 settings: { 2643 slidesToShow: 2, 2644 slidesToScroll: 2, 2645 } 2646 }, 2647 { 2648 breakpoint: 1024, 2649 settings: { 2650 slidesToShow: 3, 2651 slidesToScroll: 3, 2652 } 2653 }, 2654 { 2655 breakpoint: 1280, 2656 settings: { 2657 slidesToShow: 4, 2658 slidesToScroll: 4, 2659 } 2660 }, 2661 ], 2662 }); 2663 2664 categorySlider.classList.remove('overflow-x-scroll'); 2665 gliderPrev.classList.remove('hidden'); 2666 gliderNext.classList.remove('hidden'); 2667 } 2668 2669 elements.forEach(element => { 2670 initCategorySlider(element) 2671 }) 2672 } 2673 2674 window.addEventListener('DOMContentLoaded', () => { 2675 const categorySliderElements = document.querySelectorAll('[data-content-type="category-slider"]') 2676 2677 if (categorySliderElements.length > 0) { 2678 const script = document.createElement('script'); 2679 script.type = 'text/javascript'; 2680 2681 script.addEventListener('load', () => { 2682 initCategorySliders(categorySliderElements); 2683 }); 2684 2685 script.src = 'https\u003A\u002F\u002Fwww.dancohr.com\u002Fstatic\u002Fversion1746685665\u002Ffrontend\u002FDancohr\u002FHyvaTheme\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fglider.min.js'; 2686 document.head.appendChild(script); 2687 } 2688 }) 2689 })()</script>
vendor: 1 bytes, line 2689
2689
2690<script defer> 2691 'use strict'; 2692 2693 (() => { 2694 document.querySelectorAll('[data-content-type="xcom_collapsible"]').forEach(collapsible => { 2695 const toggle = collapsible.querySelector('.pagebuilder-xcom-collapsible__heading') 2696 const content = collapsible.querySelector('.pagebuilder-xcom-collapsible__content') 2697 2698 if (toggle && content) { 2699 collapsible.setAttribute('x-data', `{open: false}`) 2700 toggle.setAttribute('x-bind:aria-expanded', 'open') 2701 toggle.setAttribute('x-on:click.prevent', 'open = ! open') 2702 content.setAttribute('x-bind:class', '{visible: open}') 2703 } 2704 }) 2705 })()</script>
vendor: 1 bytes, line 2705
2705
2706<script> 2707 function _get(object, path, value) { 2708 const pathArray = Array.isArray(path) ? path : path.split('.').filter(key => key) 2709 const pathArrayFlat = pathArray.flatMap(part => typeof part === 'string' ? part.split('.') : part) 2710 2711 return pathArrayFlat.reduce((obj, key) => obj && obj[key], object) || value; 2712 } 2713 2714 function whenDocumentReady(fn) { 2715 if (document.readyState !== 'loading'){ 2716 fn(); 2717 } else { 2718 document.addEventListener('DOMContentLoaded', fn); 2719 } 2720 } 2721 2722 const WeltPixelPersistentLayer = { 2723 storageExpiryTime : 30, 2724 locStorage : hyva.getBrowserStorage(), 2725 2726 init(options) { 2727 this.storageExpiryTime = options.storageExpiryTime || this.storageExpiryTime; 2728 const persistentObject = { 2729 persist: {} 2730 }; 2731 let pushToDatalayer = false; 2732 const promoClickObj = this.getPromotionClick(); 2733 2734 if (promoClickObj) { 2735 persistentObject.persist.persist_promotion = {}; 2736 persistentObject.persist.persist_promotion.promotion = promoClickObj; 2737 pushToDatalayer = true; 2738 } 2739 2740 if (pushToDatalayer) { 2741 window.dataLayer.push(persistentObject); 2742 } 2743 }, 2744 2745 setItem(key, value) { 2746 const storedValue = { 2747 expiryTime: new Date(), 2748 value: value 2749 }; 2750 2751 this.locStorage.setItem(key, storedValue); 2752 }, 2753 2754 getItem(key) { 2755 const storedValue = this.locStorage.getItem(key); 2756 2757 if (!storedValue) { 2758 return false; 2759 } 2760 2761 if (this.isExpired(storedValue.expiryTime)) { 2762 this.removeItem(key); 2763 return false; 2764 } 2765 2766 return storedValue.value; 2767 }, 2768 2769 removeItem(key) { 2770 this.locStorage.removeItem(key); 2771 }, 2772 2773 isExpired(date) { 2774 const currDate = new Date(); 2775 const startDate = new Date(date); 2776 2777 let difference = (currDate.getTime() - startDate.getTime()) / 1000; 2778 difference /= 60; 2779 difference = Math.abs(Math.round(difference)); 2780 2781 return difference > this.storageExpiryTime; 2782 }, 2783 2784 setPromotionClick(promoClick) { 2785 this.setItem('promo_click', promoClick); 2786 }, 2787 2788 getPromotionClick() { 2789 return this.getItem('promo_click'); 2790 } 2791 }; 2792 2793 const WeltPixelGtm = { 2794 promotionViews: [], 2795 2796 trackPromotion: function(options) { 2797 if (!options.enabled) { 2798 return; 2799 } 2800 2801 whenDocumentReady(() => { 2802 const wpPersDl = options.persDataLayer; 2803 const promotionElements = document.querySelectorAll('[data-track-promo-id]'); 2804 2805 promotionElements.forEach((element) => { 2806 this.attachPromotionClickEventListener(element, wpPersDl); 2807 this.addToPromotionViewDataLayer(element); 2808 }); 2809 2810 if (this.promotionViews.length) { 2811 window.dataLayer.push({ 2812 'event': 'promotionView', 2813 'ecommerce': { 2814 'promoView': { 2815 'promotions': this.promotionViews 2816 } 2817 } 2818 }); 2819 } 2820 }); 2821 }, 2822 2823 addToPromotionViewDataLayer(element) { 2824 const promoId = element.getAttribute('data-track-promo-id'), 2825 promoName = element.getAttribute('data-track-promo-name'), 2826 promoCreative = element.getAttribute('data-track-promo-creative'), 2827 promoPosition = element.getAttribute('data-track-promo-position'); 2828 2829 this.promotionViews.push({ 2830 'id': promoId, 2831 'name': promoName, 2832 'creative': promoCreative, 2833 'position': promoPosition 2834 }); 2835 }, 2836 2837 attachPromotionClickEventListener(element, wpPersDl) { 2838 element.addEventListener('click', (event) => { 2839 const $this = event.target; 2840 const promoId = $this.getAttribute('data-track-promo-id'), 2841 promoName = $this.getAttribute('data-track-promo-name'), 2842 promoCreative = $this.getAttribute('data-track-promo-creative'), 2843 promoPosition = $this.getAttribute('data-track-promo-position'); 2844 const promoObj = { 2845 'id': promoId, 2846 'name': promoName, 2847 'creative': promoCreative, 2848 'position': promoPosition 2849 }; 2850 2851 2852 window.dataLayer.push({ 2853 'event': 'promotionClick', 2854 'ecommerce': { 2855 'promoClick': { 2856 'promotions': [promoObj] 2857 } 2858 } 2859 }); 2860
2861 wpPersDl.setPromotionClick(promoObj); 2862 } , false); 2863 } 2864 }; 2865 2866 2867 window.addEventListener('private-content-loaded', (event) => { 2868 const dataLayerData = JSON.parse(_get(event, 'detail.data.gtm.datalayer') || '[]'); 2869 dataLayerData.forEach((dataLayerItem) => { 2870 window.dataLayer.push(dataLayerItem); 2871 }); 2872 2873 const wpPersDlOptions = { 2874 'storageExpiryTime': 30 }; 2875 const wpGtmOptions = { 2876 'enabled' : 0, 2877 'persDataLayer' : WeltPixelPersistentLayer 2878 }; 2879 WeltPixelPersistentLayer.init(wpPersDlOptions); 2880 WeltPixelGtm.trackPromotion(wpGtmOptions); 2881 2882 /* If we have items from the GTM section data, we need to refresh the section data to prevent submitting 2883 * events multiple times */ 2884 if (dataLayerData.length > 0) { 2885 fetchPrivateContent(['gtm']); 2886 } 2887 }); 2888 2889 /* 2890 * Below functions and constants are copied from 2891 * vendor/hyva-themes/magento2-theme-module/src/view/frontend/templates/page/js/private-content.phtml 2892 * so we can use the fetchPrivateContent with specific sections instead of loading everything 2893 */ 2894 const private_content_key = 'mage-cache-storage'; 2895 const private_content_expire_key = 'mage-cache-timeout'; 2896 const private_content_version_key = 'private_content_version'; 2897 const section_data_ids_key = 'section_data_ids'; 2898 const ttl = 3600; 2899 2900 function fetchPrivateContent(sections) { 2901 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 2902 method: 'GET', 2903 headers: { 2904 'Content-Type': 'application/json', 2905 'X-Requested-With': 'XMLHttpRequest' 2906 } 2907 }) 2908 .then(response => response.json()) 2909 .then( 2910 data => { 2911 if (data) { 2912 try { 2913 const browserStorage = hyva.getBrowserStorage(); 2914 2915 2916 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}'); 2917 const newSectionData = Object.assign(oldSectionData, data); 2918 2919 2920 if (newSectionData.messages && newSectionData.messages.messages ) { 2921 newSectionData.messages.messages = []; 2922 } 2923 2924 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 2925 2926 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 2927 browserStorage.setItem(private_content_expire_key, expiresAt); 2928 2929 const newCookieVersion = hyva.getCookie(private_content_version_key); 2930 browserStorage.setItem(private_content_version_key, newCookieVersion); 2931 2932 2933 2934 hyva.setCookie( 2935 section_data_ids_key, 2936 JSON.stringify( 2937 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 2938 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 2939 return sectionDataIds; 2940 }, {}) 2941 ), 2942 false, 2943 true 2944 ); 2945 } catch (error) { 2946 console.warn("Couldn't store privateContent", error); 2947 } 2948 } 2949 } 2950 ); 2951 }</script>
2951 2952</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.