1 2 3 4<!DOCTYPE html> 5<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 6<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 7<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> 8<!--[if gt IE 8]><!--> 9<html class="no-js" lang="nl-NL"> 10<!--<![endif]--> 11<head> 12 13 14 <link href="/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/logo/newgarnierlogoupdate_favicon_32x32.png?rev=4515e91a689047379f69902556630d46&sc_lang=nl-nl" rel="shortcut icon" /> 15 16
17<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="ea12ae1b-d7fd-4f4b-b056-016b3a6b015a" ></script>
vendor: 2 bytes, line 17
17
18<script type="text/javascript"> 19function OptanonWrapper() { } 20</script>
20 21 22 23 <meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8" /> 24 <link rel="stylesheet" type="text/css" defer href="/themes/garnier/bundle.css?v=12.6.0-release00000005"> 25
25<script type="text/javascript" defer fetchpriority="high" src="/themes/Garnier/bundle.js?v=12.6.0-release00000005"></script>
25 26 <link rel="stylesheet" type="text/css" href="/themes/garnier/gothamfonts.css" /> 27 <link href="https://www.garniernederland.nl/tips-en-advies/haarkleuring/tips-om-glanzend-haar-te-krijgen" rel="canonical" /> 28 29 30 31 32 <title>4 tips voor glanzend haar: krijg en behoud super glans | Garnier</title> 33 34 35 36 37 38 39 40 41 42 43<meta property="og:image" content="https://www.garniernederland.nl/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/12-400x417.jpg?rev=3b801db4b7ff46ecbf872a6c17db5850"><meta property="og:title" content="tips-om-glanzend-haar-te-krijgen"><meta property="og:url" content="https://www.garniernederland.nl/tips-en-advies/haarkleuring/tips-om-glanzend-haar-te-krijgen"><meta property="og:description" content="Ontdek handige tips en advies om glanzend haar te krijgen op Garnier Nederland. Leer hoe je de juiste haarverzorgingsroutine kunt volgen."> 44 45 46 47 48 49<meta name="twitter:description" content="Ontdek handige tips en advies om glanzend haar te krijgen op Garnier Nederland. Leer hoe je de juiste haarverzorgingsroutine kunt volgen."><meta name="twitter:title" content="4 tips voor glanzend haar: krijg en behoud super glans | Garnier"><meta name="twitter:card" content="summary_large_image"> 50 51 <meta name="viewport" content="width=device-width, initial-scale=1" /> 52<link rel="preconnect" crossorigin="anonymous" href="https://www.googletagmanager.com/gtm.js?id=GTM-MP5THL" as="script"> 53
53<script type="text/plain" class="optanon-category-2"> 54 if (window.eventBus) { 55 window.eventBus.$emit('optanonCategory2', true); 56 57 } 58 </script>
58 59
59<script type="text/plain" class="optanon-category-3"> 60 if (window.eventBus) { 61 window.eventBus.$emit('optanonCategory3', true); 62 63 } 64 </script>
64 65
65<script type="text/plain" class="optanon-category-4"> 66 if (window.eventBus) { 67 window.eventBus.$emit('optanonCategory4', true); 68 69 } 70 </script>
70 71
71<script type="text/javascript"> 72 var dataLayer = window["dataLayer"] || []; 73 dataLayer.push({"brand":"GAR","language":"nl","country":"nl","geoIPLocation":"AM","siteTypeLevel":"main","pageCategory":"content page::article","uiLoggedStatus":"not logged","masterVersion":"3.2","breadCrumb":"home \u003e tips-en-advies \u003e haarkleuring \u003e tips-om-glanzend-haar-te-krijgen","factory":"WSF","website_type":"NON-DTC","product_category":"","articleId":"{71DC1C92-E080-437F-9DB3-8737D14B459D}","articleName":"4 tips om glanzend haar te krijgen en te behouden","articleCategory":"hair/color"}); 74 </script>
74 75
75<script type="application/json" id="refapp-global-tagging-configuration"> 76 { 77 "globalVars": { 78 "[page category]": "content page::article" 79 } 80 } 81 </script>
81 82 <!-- Google Tag Manager --> 83 <link rel="dns-prefetch" href="https://www.googletagmanager.com"> 84 <link rel="dns-prefetch" href="https://www.google-analytics.com"> 85
85<script type="text/javascript">
vendor: 375 bytes, lines 85-90
85 86 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 87 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 88 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 89 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 90 })(window,document,'script','dataLayer', '
90GTM-MP5THL
vendor: 13 bytes, lines 90-91
90'); 91
91</script>
91 92 <!-- End Google Tag Manager --> 93 <!--Jebbit Quiz Tagging Script--> 94
94<script type="text/javascript"> 95 setTimeout(function () { 96 function iFramePush(message) { 97 try { 98 if (typeof message.data['event'] != 'undefined') 99 dataLayer.push(message.data); 100 } catch (e) { } 101 } 102 window.addEventListener("message", iFramePush, false); 103 }, 5000); 104 </script>
104 105 <!--End Jebbit Quiz Tagging Script--> 106 107 108 109
110<script type="application/ld+json"> 111 {"@context":"https://schema.org","@type":"Article","@id":"https://www.garniernederland.nl/tips-en-advies/haarkleuring/tips-om-glanzend-haar-te-krijgen","dateModified":"2025-03-31T11:29:49+00:00","datePublished":"2020-04-01T08:59:30+00:00","headline":"4 tips om glanzend haar te krijgen en te behouden","description":"Oogt jouw haar dof en kwetsbaar? Met deze 4 tips van experts krijg jij je haar weer stralend en glanzend. Behoud je haarkleur en maak het stralend mooi.","image":["https://www.garniernederland.nl/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/400x222px-tips-om-glanzend-haar-te-krijgen.jpg"],"author":{"@type":"Person","sameAs":""}} 112</script>
112 113 114</head> 115<body class="default-device wireframe-images bodyclass gotham-fonts"> 116 117
117<script>document.querySelector('html').classList.remove('no-js')</script>
117 118 <div style="display: none"><?xml version="1.0" encoding="utf-8" ?> 119<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 120 <symbol viewBox="0 0 300 300" id="account" xmlns="http://www.w3.org/2000/svg"> 121 <path class="aacls-1" d="M237.39 210.37a307.06 307.06 0 00-55.22-35.72 1.74 1.74 0 01-1-1.56v-14.85a59.65 59.65 0 10-63.19 0v14.85a1.74 1.74 0 01-1 1.56 307.07 307.07 0 00-55.22 35.72 19.07 19.07 0 00-6.94 14.72v26.7h189.51v-26.7a19.07 19.07 0 00-6.94-14.72z" /> 122 </symbol> 123 <symbol viewBox="0 0 300 300" id="arrow-down" xmlns="http://www.w3.org/2000/svg"> 124 <path class="abcls-1" d="M150.79 192.57L86.53 130l20.29-20.84 43.41 42.27 42.28-43.41 20.83 20.29z" /> 125 </symbol> 126 <symbol viewBox="0 0 300 300" id="arrow-next" xmlns="http://www.w3.org/2000/svg"> 127 <path class="acst0" d="M102.4 298.8l-48.8-47.5 99-101.7-101.7-99L98.4 1.8l150.5 146.5z" /> 128 </symbol> 129 <symbol viewBox="0 0 300 300" id="arrow-previous" xmlns="http://www.w3.org/2000/svg"> 130 <path class="adst0" d="M197.3 298.3l48.6-47.4-98.6-101.3 101.3-98.7-47.4-48.6-149.9 146z" /> 131 </symbol> 132 <symbol viewBox="0 0 272.93 295" id="arrow-reset" xmlns="http://www.w3.org/2000/svg"> 133 <path class="aecls-1" d="M235.34 229.03a119.3 119.3 0 11-7-169.53l-20.48 21.72 65.08 2.72-8.51-63.84-17.22 18.89a147.35 147.35 0 10-99.56 256h5.53a146.29 146.29 0 00102.64-46.95 14 14 0 00-20.5-19z" /> 134 </symbol> 135 <svg viewBox="0 0 16 16" id="arrow-right" fill="none" xmlns="http://www.w3.org/2000/svg"> 136 <path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2"/> 137 </svg> 138 <symbol viewBox="0 0 300 300" id="arrow-slider-next" xmlns="http://www.w3.org/2000/svg"> 139 <path class="afcls-1" d="M115.45 81.31l70.41 68.56-68.56 70.41" /> 140 </symbol> 141 <symbol viewBox="0 0 300 300" id="arrow-slider-previous" xmlns="http://www.w3.org/2000/svg"> 142 <path class="agcls-1" d="M185.86 81.31l-70.41 68.56 68.56 70.41" /> 143 </symbol> 144 <svg width="30" height="30" id="arrow-top-rounded" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 145 <path d="M22.5 18.75L15 11.25L7.5 18.75" stroke="#156031" stroke-width="2.5"/> 146 </svg> 147 148 <symbol viewBox="0 0 300 300" id="arrows-updown" xmlns="http://www.w3.org/2000/svg"> 149 <path d="M75 50.9l75 75-21.4 21.4-38.4-38.4v139H59.8v-139l-38.4 38.4L0 125.9zm150 197l75-75-21.4-21.5-38.4 38.5v-139h-30.4v139l-38.4-38.5-21.4 21.5z" /> 150 </symbol> 151 <symbol fill="none" viewBox="0 0 201 98" id="back-arrow-quiz" xmlns="http://www.w3.org/2000/svg"> 152 <path d="M47.5 1L1 48.5 47.5 97 59 86 30.5 57h170V40.5h-170l28.5-28L47.5 1z" fill="#CBCBCB" stroke="#CBCBCB" /> 153 </symbol> 154 <symbol viewBox="0 0 20 20" id="before-after" xmlns="http://www.w3.org/2000/svg"> 155 <path d="M10.909 0v20H9.091V0zM8.182 0v1.818H1.488v16.364h6.694V20H0V0zM20 18.182V20h-1.818v-1.818zm-2.727 0V20h-1.818v-1.818zm-2.728 0V20h-2.727v-1.818zM20 14.545v1.819h-1.818v-1.819zm0-3.636v1.818h-1.818v-1.818zm0-3.636v1.818h-1.818V7.273zm0-3.637v1.819h-1.818V3.636zM14.545 0v1.818h-2.727V0zm2.728 0v1.818h-1.818V0zM20 0v1.818h-1.818V0z" data-name="00_Global-Guidelines/Icons/02_20px-Med-Icon/Before-After" /> 156 </symbol> 157 <symbol viewBox="0 0 300 300" id="burger" xmlns="http://www.w3.org/2000/svg"> 158 <path class="alcls-1" d="M45 85.3h210v27.54H45zm0 51.63h210v27.54H45zm0 51.64h210v27.54H45z" /> 159 </symbol> 160 <symbol viewBox="0 0 300 300" id="cart" xmlns="http://www.w3.org/2000/svg"> 161 <path class="amcls-1" d="M222.57 49.15l-5.18 27.91L31 78l23.21 104.43 143.61.21-6.46 34.82H65.86v17.41h17.7a14.51 14.51 0 1028.43 0h47a14.51 14.51 0 1028.43 0h17.7l35.49-168.31H269V49.15z" /> 162 </symbol> 163 <symbol viewBox="0 0 300 300" id="chat" xmlns="http://www.w3.org/2000/svg"> 164 <path class="ancls-1" d="M211.82 63H87.68a42.42 42.42 0 00-42.43 42.43V144a42.39 42.39 0 0040.4 42.32V234a2.37 2.37 0 004 1.77l54-49.42c.51-.46-.27.82-.27.15h68.51a42.42 42.42 0 0042.36-42.5v-38.61A42.42 42.42 0 00211.82 63z" /> 165 </symbol> 166 <symbol viewBox="0 0 300 300" id="chat-with-dots" xmlns="http://www.w3.org/2000/svg"> 167 <path d="M211.9 63.6H88.4c-23.3 0-42.2 18.9-42.2 42.2v38.4c0 22.5 17.7 41 40.2 42.1v47.3c0 1.3 1 2.4 2.4 2.4.6 0 1.2-.2 1.6-.6l53.6-49.1c.5-.4-.3.8-.3.1h68.1c23.3 0 42.1-18.9 42.1-42.2v-38.4c.1-23.3-18.8-42.1-42-42.2z" /> 168 <circle cx="108" cy="126.2" r="11.2" fill="#fff" /> 169 <circle cx="156.7" cy="126.2" r="11.2" fill="#fff" /> 170 <circle cx="205.4" cy="126.2" r="11.2" fill="#fff" /> 171 </symbol> 172 <symbol viewBox="0 0 15 15" id="close" xmlns="http://www.w3.org/2000/svg"> 173 <path class="apst0" d="M.4 1.1l13.5 13.5 1-1L1.4.1l-1 1z" /> 174 <path class="apst0" d="M14.9 1.1L1.4 14.6l-1-1L13.9.1l1 1z" /> 175 </symbol> 176 <symbol viewBox="0 0 80 48" id="email" xmlns="http://www.w3.org/2000/svg"> 177 <path class="aqcls-1" d="M74 0H6a6 6 0 00-6 6v36a6 6 0 006 6h68a6 6 0 006-6V6a6 6 0 00-6-6zm1.78 42.88L57.5 26.69 76 12.59V42a1.88 1.88 0 01-.22.88zM4 42V12.49l18 13.77-18 16A1.79 1.79 0 014 42zm21.3-13.27l10.52 8a7.94 7.94 0 004.24 1.55 8 8 0 004.25-1.55l10-7.59L71.01 44H8.06zM6 4h68a2 2 0 012 2v1.57L42 33.24a4.4 4.4 0 01-2 .84 4.44 4.44 0 01-2-.84L4 7.46V6a2 2 0 012-2z" /> 178 </symbol> 179 <symbol viewBox="0 0 300 300" id="facebook" xmlns="http://www.w3.org/2000/svg"> 180 <path class="arcls-1" d="M51.78 52.23v196.83h196.83V52.23zM183 109.64h-15.77c-5.05 0-8.83 2.07-8.83 7.29V126H183l-2 24.6h-22.6v65.61h-24.6v-65.57h-16.4V126h16.4v-15.73c0-16.58 8.73-25.24 28.38-25.24H183z" /> 181 </symbol> 182 <symbol viewBox="0 0 300 300" id="google" xmlns="http://www.w3.org/2000/svg"> 183 <path class="ascls-1" d="M51.68 52.23v196.83h196.83V52.23zm71.08 136.69a38.28 38.28 0 110-76.55 36.7 36.7 0 0125.65 10l-10.39 10a21.57 21.57 0 00-15.25-5.9 24.17 24.17 0 000 48.34c15.15 0 20.83-10.88 21.71-16.51h-21.72v-13.12h36.14a34.43 34.43 0 01.61 6.34c-.01 21.86-14.66 37.4-36.75 37.4zm92.94-32.8h-16.4v16.4h-10.93v-16.4H172v-10.94h16.4v-16.4h10.9v16.4h16.4z" /> 184 </symbol> 185 <symbol viewBox="0 0 300 300" id="home" xmlns="http://www.w3.org/2000/svg"> 186 <path class="atcls-1" d="M149.48 51.52l-84.04 68.76v129.88h168.08V120.28l-84.04-68.76z" /> 187 <path class="atcls-1" d="M233.52 251.66H65.44a1.5 1.5 0 01-1.5-1.5V120.28a1.5 1.5 0 01.55-1.16l84-68.76a1.5 1.5 0 011.9 0l84 68.76a1.5 1.5 0 01.55 1.16v129.88a1.5 1.5 0 01-1.42 1.5zm-166.58-3H232V121l-82.52-67.54L66.94 121z" /> 188 </symbol> 189 <symbol viewBox="0 0 49 49" id="info" xmlns="http://www.w3.org/2000/svg"> 190 <path class="aucls-1" d="M24.5 4A20.5 20.5 0 114 24.5 20.53 20.53 0 0124.5 4m0-4A24.5 24.5 0 1049 24.5 24.5 24.5 0 0024.5 0z" /> 191 <path class="aucls-1" d="M20.07 35.63h.3c.26 0 .52-.06.78-.11a11.31 11.31 0 005.29-3.08 13.47 13.47 0 001.58-1.94c.11-.16-.05-.5-.08-.75-.23.06-.52 0-.68.2-.58.55-1.11 1.16-1.69 1.72a6 6 0 01-1.21.92c-.51.28-.87 0-.8-.57a4.9 4.9 0 01.29-1.06c.73-1.9 1.49-3.78 2.2-5.68a33.75 33.75 0 001.26-3.88 2 2 0 00-1.81-2.62 6.26 6.26 0 00-1.93.08c-2.66.53-4.52 2.26-6.15 4.29a.62.62 0 00-.17.33.93.93 0 00.15.59.57.57 0 00.55 0 11.52 11.52 0 00.93-.92c.59-.58 1.16-1.17 1.77-1.71.32-.27.75-.53 1.15-.21s.14.74 0 1.11c-.91 2.21-1.88 4.41-2.74 6.65a26.83 26.83 0 00-1.23 4.1c-.39 1.63.47 2.54 2.24 2.54zm6.87-23.53a3 3 0 00-3 2.9 2.36 2.36 0 002.55 2.41 3 3 0 003.01-2.91 2.37 2.37 0 00-2.56-2.4z" /> 192 <path class="aucls-1" d="M20.07 35.63c-1.77 0-2.63-.91-2.29-2.57a26.83 26.83 0 011.23-4.1c.86-2.24 1.83-4.44 2.74-6.65.15-.37.42-.79 0-1.11s-.83-.06-1.15.21c-.61.54-1.18 1.13-1.77 1.71a11.52 11.52 0 01-.93.92.57.57 0 01-.55 0 .93.93 0 01-.15-.59.62.62 0 01.17-.33c1.63-2 3.49-3.76 6.15-4.29a6.26 6.26 0 011.98-.05 2 2 0 011.85 2.58 33.75 33.75 0 01-1.26 3.88c-.71 1.9-1.47 3.78-2.2 5.68a4.9 4.9 0 00-.29 1.06c-.07.58.29.85.8.57a6 6 0 001.21-.92c.58-.56 1.11-1.17 1.69-1.72.16-.15.45-.14.68-.2 0 .25.19.59.08.75a13.47 13.47 0 01-1.58 1.95 11.31 11.31 0 01-5.33 3.09c-.26 0-.52.08-.78.11zm6.87-23.53a2.37 2.37 0 012.56 2.4 3 3 0 01-3.08 2.87 2.36 2.36 0 01-2.55-2.41 3 3 0 013.07-2.86z" /> 193 </symbol> 194 <symbol viewBox="0 0 300 300" id="instagram" xmlns="http://www.w3.org/2000/svg"> 195 <path class="avcls-1" d="M172.07 150.64a21.87 21.87 0 11-21.87-21.87 21.87 21.87 0 0121.87 21.87zm31.54-26.51c.31 6.91.38 9 .38 26.51s-.07 19.59-.38 26.51c-.82 17.63-9.1 26.09-26.89 26.89-6.92.31-9 .39-26.52.39s-19.6-.07-26.51-.38c-17.83-.81-26.09-9.28-26.89-26.89-.32-6.93-.39-9-.39-26.52s.07-19.59.39-26.51c.81-17.65 9.1-26.09 26.89-26.89 6.92-.32 9-.39 26.51-.39s19.6.07 26.51.38c17.78.77 26.08 9.26 26.9 26.91zm-19.72 26.51a33.69 33.69 0 10-33.69 33.69 33.69 33.69 0 0033.68-33.69zm9.2-35a7.87 7.87 0 10-7.87 7.87 7.88 7.88 0 007.87-7.89zm55.52-63.4v196.82H51.78V52.23zm-32.8 98.41c0-17.81-.07-20.05-.39-27-1.07-23.8-14.31-37.07-38.16-38.16-7-.33-9.23-.4-27.06-.4s-20 .07-27 .39C99.31 86.52 86.08 99.74 85 123.59c-.32 7-.39 9.24-.39 27.06s.07 20.05.39 27c1.1 23.83 14.32 37.08 38.17 38.17 7 .32 9.23.39 27 .39s20.05-.07 27.06-.39c23.8-1.09 37.09-14.31 38.16-38.17.34-6.96.41-9.19.41-27.01z" /> 196 </symbol> 197 <symbol viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="awlds-ripple" style="background:0 0" id="loading-animation" xmlns="http://www.w3.org/2000/svg"> 198 <circle cx="50" cy="50" r="40" fill="none" stroke="#eef7db" stroke-width="3"> 199 <animate attributeName="r" calcMode="spline" values="0;40" keyTimes="0;1" dur="1.2" keySplines="0 0.2 0.8 1" begin="-0.6s" repeatCount="indef
199inite" /> 200 <animate attributeName="opacity" calcMode="spline" values="1;0" keyTimes="0;1" dur="1.2" keySplines="0.2 0 0.8 1" begin="-0.6s" repeatCount="indefinite" /> 201 </circle> 202 <circle cx="50" cy="50" r="25.953" fill="none" stroke="#B4C832" stroke-width="3"> 203 <animate attributeName="r" calcMode="spline" values="0;40" keyTimes="0;1" dur="1.2" keySplines="0 0.2 0.8 1" begin="0s" repeatCount="indefinite" /> 204 <animate attributeName="opacity" calcMode="spline" values="1;0" keyTimes="0;1" dur="1.2" keySplines="0.2 0 0.8 1" begin="0s" repeatCount="indefinite" /> 205 </circle> 206 </symbol> 207 <symbol viewBox="0 0 300 300" id="location" xmlns="http://www.w3.org/2000/svg"> 208 <path class="axcls-1" d="M202.67 77.74a61.43 61.43 0 00-52.56-30.18c-44 0-72.44 46.17-55 85.58 17.4 40.13 36.93 79.9 55 119.67l29.83-65c9.23-19.89 21.31-40.84 27.34-62.15 4.63-15.96 4.27-32.66-4.61-47.92zM150.12 136a29.83 29.83 0 1129.83-29.83A29.83 29.83 0 01150.12 136z" /> 209 </symbol> 210 <symbol viewBox="0 0 15 15" id="minus" xmlns="http://www.w3.org/2000/svg"> 211 <path class="ayst0" d="M17.2 8H-1.9V6.6h19.1V8z" /> 212 </symbol> 213 <symbol viewBox="0 0 300 300" id="pinterest" xmlns="http://www.w3.org/2000/svg"> 214 <path class="azcls-1" d="M51.78 52.23v196.83h196.83V52.23zm98.41 164a65.54 65.54 0 01-19.43-2.93c2.67-4.35 6.67-11.5 8.15-17.21l4.09-15.56c2.14 4.08 8.39 7.53 15 7.53 19.79 0 34-18.2 34-40.81 0-21.68-17.69-37.89-40.45-37.89-28.31 0-43.35 19-43.35 39.7 0 9.63 5.13 21.6 13.32 25.42 1.24.57 1.9.32 2.2-.88l1.82-7.44a2 2 0 00-.46-1.89c-2.71-3.28-4.88-9.33-4.88-15 0-14.48 11-28.47 29.62-28.47 16.12 0 27.4 11 27.4 26.7 0 17.75-9 30-20.63 30-6.45 0-11.27-5.32-9.72-11.86 1.85-7.8 5.44-16.21 5.44-21.85 0-5-2.71-9.24-8.3-9.24-6.59 0-11.88 6.82-11.88 15.94a23.71 23.71 0 002 9.74s-6.5 27.5-7.69 32.62c-1.32 5.67-.8 13.63-.23 18.81a65.61 65.61 0 1123.93 4.52z" /> 215 </symbol> 216 <symbol viewBox="0 0 15 15" id="plus" xmlns="http://www.w3.org/2000/svg"> 217 <path class="bast0" d="M7-2.2v19.1h1.4V-2.2H7z" /> 218 <path class="bast0" d="M17.2 8H-1.9V6.6h19.1V8z" /> 219 </symbol> 220 <symbol fill="none" viewBox="0 0 24 24" id="arrowhead-previous" xmlns="http://www.w3.org/2000/svg"> 221 <path d="M15 6l-6 6 6 6" stroke="#21362C" stroke-width="2"/> 222 </symbol> 223 <symbol fill="none" viewBox="0 0 24 24" id="arrowhead-next" xmlns="http://www.w3.org/2000/svg"> 224 <path d="M9 18l6-6-6-6" stroke="#21362C" stroke-width="2"/> 225 </symbol> 226 <symbol fill="none" viewBox="0 0 18 18" id="arrowhead-S-right" xmlns="http://www.w3.org/2000/svg"> 227 <path d="M6.75 13.5l4.5-4.5-4.5-4.5" stroke="currentColor" stroke-width="2"/> 228 </symbol>
229 <symbol viewBox="0 0 126 135" id="rounded-arrow-quiz" xmlns="http://www.w3.org/2000/svg"> 230 <path d="M17.636 76h-16.5c-2 20 18 56.5 61.5 57.5s61-39.5 62-55-3-49-37-64c-27.2-12-51.666-1.667-60.5 5V1h-16l-2 46.5 48.5 2.5V33h-18.5c8.8-8 23.667-8 30-7 36 5.6 41.334 37.333 39.5 52.5-4 16-20.2 46.1-53 38.5-32.8-7.6-39-30.5-38-41z"/> 231 </symbol> 232 <symbol viewBox="0 0 300 300" id="search" xmlns="http://www.w3.org/2000/svg"> 233 <path class="bccls-1" d="M244.92 225.37l-46.61-46.61a79.54 79.54 0 10-22.5 20.83L223.25 247zM77.72 132.2a56.6 56.6 0 1156.6 56.6 56.66 56.66 0 01-56.6-56.6z" /> 234 </symbol> 235 <symbol viewBox="0 0 300 300" id="share" xmlns="http://www.w3.org/2000/svg"> 236 <circle cx="151" cy="150.5" r="99" /> 237 <path fill="#fff" d="M176.6 172.2c-5.1 0-10.1 1.7-14.1 4.9L129.9 159c1.6-4.7 1.6-9.8 0-14.6l34.3-19.2c10.7 6.9 24.9 3.8 31.8-6.9 6.9-10.7 3.8-24.9-6.9-31.8-10.7-6.9-24.9-3.8-31.8 6.9-2.4 3.7-3.7 8.1-3.6 12.5 0 3.4.7 6.8 2.3 9.8l-33 18.4c-9.7-8.2-24.2-7.1-32.4 2.6s-7.1 24.2 2.6 32.4c8.6 7.3 21.3 7.3 29.8 0l32.2 17.8c-1 2.6-1.5 5.4-1.5 8.1-.1 12.7 10.1 23.1 22.8 23.2 12.7.1 23.1-10.1 23.2-22.8s-10.1-23.1-22.8-23.2c-.2.1-.2.1-.3 0z" /> 238 </symbol> 239 <symbol viewBox="0 0 155.139 155.139" id="sign-in-facebook" xmlns="http://www.w3.org/2000/svg"> 240 <path d="M89.584 155.139V84.378h23.742l3.562-27.585H89.584V39.184c0-7.984 2.208-13.425 13.67-13.425l14.595-.006V1.08C115.325.752 106.661 0 96.577 0 75.52 0 61.104 12.853 61.104 36.452v20.341H37.29v27.585h23.814v70.761h28.48z" fill="#fff" /> 241 </symbol> 242 <symbol viewBox="0 0 300 300" id="star" xmlns="http://www.w3.org/2000/svg"> 243 <path class="bfcls-1" d="M83.59 252l66.65-48.32L216.76 252l-25.38-78.33 66.48-48.25h-82.19l-25.43-78.25-25.41 78.25H42.48l66.54 48.25L83.59 252z" /> 244 </symbol> 245 <symbol viewBox="0 0 29 21.96" id="tryon-camera" xmlns="http://www.w3.org/2000/svg"> 246 <path class="bgcls-1" d="M21.78 4l-2.34-4H9.56L7.22 4H0v18h29V4zM28 21H1V5h6.79l2.34-4h8.74l2.34 4H28z" /> 247 <path class="bgcls-1" d="M14.5 9.55a2.5 2.5 0 11-2.5 2.5 2.5 2.5 0 012.5-2.5m0-1a3.5 3.5 0 103.5 3.5 3.5 3.5 0 00-3.5-3.5z" /> 248 <path class="bgcls-1" d="M14.5 5.52A6.5 6.5 0 118 12a6.51 6.51 0 016.5-6.5m0-1A7.5 7.5 0 1022 12a7.5 7.5 0 00-7.5-7.5z" /> 249 </symbol> 250 <symbol viewBox="0 0 22.4 19" id="tryon-reload" xmlns="http://www.w3.org/2000/svg"> 251 <path class="bhcls-1" d="M12.4 0A9.57 9.57 0 003 8.3L.82 5.22 0 5.79l3.11 4.5 4.5-3.11-.56-.82-3 2.14a8.56 8.56 0 018.4-7.5c4.94 0 9 3.57 9 8.5s-4 8.5-9 8.5a9 9 0 01-5.88-2.21l-.58.82A9.89 9.89 0 0012.45 19c5.49 0 10-4 10-9.5S17.9 0 12.4 0z" /> 252 </symbol> 253 <symbol viewBox="0 0 29 25" id="tryon-upload" xmlns="http://www.w3.org/2000/svg"> 254 <path class="bicls-1" d="M18.37 13.16L14.5 9.29l-3.87 3.87.71.71L14 11.21V25h1V11.21l2.66 2.66.71-.71z" /> 255 <path class="bicls-1" d="M29 0H0v18h10.63v-1H1V1h27v16h-9.63v1H29V0z" /> 256 </symbol> 257 <symbol viewBox="0 0 300 300" id="twitter" xmlns="http://www.w3.org/2000/svg"> 258 <path class="bjcls-1" d="M50.78 52.23v196.83h196.83V52.23zM205.47 128c1.71 37.87-26.53 80.09-76.52 80.09A76.16 76.16 0 0187.68 196a54.17 54.17 0 0039.86-11.15 26.94 26.94 0 01-25.14-18.7 27.07 27.07 0 0012.15-.46A27 27 0 0193 138.93a26.78 26.78 0 0012.19 3.37 27 27 0 01-8.33-35.95 76.44 76.44 0 0055.49 28.13 26.94 26.94 0 0145.88-24.55 53.87 53.87 0 0017.1-6.53 27 27 0 01-11.83 14.89 54 54 0 0015.46-4.24A55 55 0 01205.47 128z" /> 259 </symbol> 260 <symbol viewBox="0 0 107 59" id="up-arrow" xmlns="http://www.w3.org/2000/svg"> 261 <path d="M107.4 54.9L53.9.3.4 54.9 4 58.6 53.9 7.7l49.9 50.9z" /> 262 </symbol> 263 <symbol viewBox="0 0 300 300" id="video" xmlns="http://www.w3.org/2000/svg"> 264 <path class="blcls-1" d="M126.93 113.88v79.35l66.13-39.67-66.13-39.68z" /> 265 <path class="blcls-1" d="M150.07 47.75a102.5 102.5 0 10102.5 102.5 102.5 102.5 0 00-102.5-102.5zm0 181.85a79.35 79.35 0 1179.35-79.35 79.35 79.35 0 01-79.35 79.35z" /> 266 </symbol> 267 <symbol viewBox="0 0 20 20" id="video-pdp" xmlns="http://www.w3.org/2000/svg"> 268 <path d="M10 0A10 10 0 110 10 10 10 0 0110 0zm0 2.259A7.741 7.741 0 1017.741 10 7.741 7.741 0 0010 2.259zM7.8 6.4l6.4 3.9-6.4 3.9z" data-name="00_Global-Guidelines/Icons/02_20px-Med-Icon/Video" /> 269 </symbol> 270 <symbol viewBox="0 0 300 300" id="youtube" xmlns="http://www.w3.org/2000/svg"> 271 <path class="bncls-1" d="M164.68 168.31c-2.36 0-4.39 1.51-5.88 3.32V156.1h-6.68v48.22h6.68v-2.72a7.58 7.58 0 006.28 3.18c4.4 0 6-3.42 6-7.82v-19.74c.04-4.82-1.56-8.91-6.4-8.91zm-.36 27.69a4.07 4.07 0 01-.57 2.45c-.73 1-2.3.91-3.39.37l-1.57-1.25v-22.18l1.37-1.08a2.75 2.75 0 013.45.58 4.45 4.45 0 01.71 2.73zM142 126v-17.34c0-2.05.94-3.56 2.9-3.56 2.13 0 3 1.47 3 3.56V126c0 2-1 3.53-2.9 3.53s-3-1.53-3-3.53zm-15.16 37.07h-7.71v41.23h-7.45v-41.19H104v-7h22.87zm12.16 5.68h6.62v35.58H139v-3.93a14.42 14.42 0 01-3.81 3.31c-3.57 2-8.46 2-8.46-5.22v-29.74h6.61V196c0 1.44.34 2.39 1.76 2.39s3.08-1.66 3.89-2.67zM50.78 52.23v196.83h196.83V52.23zM161 98.32h6.95v28.63c0 1.51.36 2.52 1.85 2.52s3.24-1.74 4.08-2.8V98.32h6.95v37.36h-6.95v-4.13c-3 3.58-5.93 4.67-8 4.67-3.72 0-4.85-3-4.85-6.67V98.32zM145.07 98a9.75 9.75 0 0110 10v18.31c0 6.27-4.4 10-10 10-6.73 0-10.18-3.42-10.18-10V108c0-6 4.11-10 10.18-10zM116.9 85l5.4 20.24 5-20.24h7.95l-9.1 3
2710.1v20.54h-7.82v-20.51L109 85zm69.65 130.5c-14.23 1-60.5 1-74.71 0-15.4-1-17.2-10.39-17.31-34.81.11-24.46 1.93-33.76 17.31-34.81 14.21-1 60.48-1 74.71 0 15.4 1 17.2 10.39 17.31 34.81-.11 24.49-1.92 33.78-17.31 34.84zm-.39-47.67c-6 0-10 4.28-10 10.46v16c0 6.41 3.23 11 9.55 11 7 0 9.91-4.15 9.91-11v-2.67h-6.81v2.47c0 3.1-.16 5-3 5s-2.89-2.31-2.89-5v-6.71h12.65v-9.05c0-6.44-3.06-10.47-9.4-10.47zm2.6 14h-5.84v-3.6c0-2.44.51-4.17 3-4.17s2.89 1.76 2.89 4.17z" /> 272 </symbol> 273 <symbol viewBox="0 0 300 300" id="zoom-minus" xmlns="http://www.w3.org/2000/svg"> 274 <path class="bocls-1" d="M245.21 226l-46.83-46.83a79.92 79.92 0 10-22.61 20.93l47.67 47.67zm-168-93.61a56.87 56.87 0 1156.87 56.87 56.93 56.93 0 01-56.86-56.89z" /> 275 <path class="bocls-1" d="M106.28 142.92v-14.98h59.91v14.98z" /> 276 </symbol> 277 <symbol viewBox="0 0 300 300" id="zoom-plus" xmlns="http://www.w3.org/2000/svg"> 278 <path class="bpcls-1" d="M245.21 226l-46.83-46.83a79.92 79.92 0 10-22.61 20.93l47.67 47.67zm-168-93.61a56.87 56.87 0 1156.87 56.87 56.93 56.93 0 01-56.86-56.89z" /> 279 <path class="bpcls-1" d="M166.19 127.94h-22.47v-22.47h-14.97v22.47h-22.47v14.97h22.47v22.47h14.97v-22.47h22.47v-14.97z" /> 280 </symbol> 281 <symbol viewBox="0 0 40 40" id="co2" xmlns="http://www.w3.org/2000/svg"> 282 <g fill="none" fill-rule="evenodd"> 283 <circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" /> 284 <path d="M10.954 16.745c1.133 0 2.056.626 2.67 1.809h3.043c-.745-2.96-3.043-4.803-5.729-4.803a5.674 5.674 0 00-4.19 1.776A6.09 6.09 0 005 19.873c0 1.776.55 3.264 1.634 4.465 1.099 1.244 2.653 1.94 4.272 1.911 2.767 0 4.952-1.776 5.712-4.701H13.56c-.614 1.116-1.57 1.725-2.654 1.725-1.585 0-3.01-1.472-3.01-3.383a3.213 3.213 0 01.897-2.244 2.937 2.937 0 012.161-.901M23.775 13.75a6.214 6.214 0 00-4.427 1.762 6.111 6.111 0 00-1.848 4.36c0 1.781.58 3.273 1.727 4.477a6.052 6.052 0 004.531 1.9 6.193 6.193 0 004.48-1.882 6.226 6.226 0 001.761-4.443c-.028-3.398-2.798-6.145-6.224-6.173m-.017 9.513c-1.676 0-3.198-1.458-3.198-3.357a3.15 3.15 0 011.583-2.752 3.203 3.203 0 013.195 0 3.15 3.15 0 011.583 2.752c0 1.967-1.42 3.357-3.163 3.357M35 21.274c0-1.003-.787-1.69-2.083-1.69-1.264 0-2.075.833-2.084 2.16h1.473c0-.04-.008-.09-.008-.13 0-.526.242-.825.61-.825.36 0 .578.235.578.639 0 .81-.87 1.764-2.62 2.767v1.222h4.118V24.13H32.9c1.397-.874 2.1-1.925 2.1-2.856" fill="#969696" fill-rule="nonzero" /> 285 </g> 286 </symbol> 287 <symbol viewBox="0 0 40 40" id="picto-water" xmlns="http://www.w3.org/2000/svg"> 288 <g fill="none" fill-rule="evenodd"> 289 <circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" /> 290 <path d="M20.412 7.7a.542.542 0 00-.838 0c-1.78 2.346-8.434 11.516-8.434 15.836.025 4.958 3.982 8.964 8.854 8.964 4.872 0 8.83-4.006 8.854-8.964 0-4.32-6.653-13.49-8.435-15.836m2.32 21.622a.774.774 0 01-.337.051.89.89 0 01-.787-.462c-.153-.396.04-.834.45-1.025 3.319-1.231 3.036-4.924 2.98-4.976a.75.75 0 01.371-.695.915.915 0 01.847-.052c.272.123.45.369.47.645.224 1.641-.45 5.18-3.994 6.514" fill="#969696" fill-rule="nonzero" /> 291 </g> 292 </symbol> 293 <symbol viewBox="0 0 40 40" id="picto-tryon" xmlns="http://www.w3.org/2000/svg"> 294 <path fill="#004532" d="M0 0h40v40H0z" /> 295 <path d="M25.7 0c-.1.2-.2.4-.3.5-.8 1.1-1.8 2.2-2.8 3.2C24 4.2 34 7.6 36.5 17.8c2.4 10.1-4.3 15.8-4.6 16.1-.3.3-.8.2-1.1-.1-.3-.3-.2-.8.1-1.1 3.1-2.9 4.7-7.1 4.5-11.3-.7 2.8-1.7 5.4-3.1 7.9-1.1 1.9-2.5 3.6-4.2 5.1V40h-1.6v-4.5c-1.9 1.2-4.2 1.9-6.5 1.9h.4c.1.1.1.2.1.4v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.6c0-.1 0-.3.1-.4-2-.1-4-.6-5.7-1.7V40h-1.6v-5.5c-4.6-3.9-7-11-7.5-16.1C1.6 21.7.6 25 1.7 28.1c1.9 5 5.5 4 5.7 3.9.3-.1.6 0 .9.2.2.2.3.5.3.8-.1.3-.3.5-.6.6-.5.1-1 .2-1.5.2-1.8 0-4.7-1-6.4-5.1 0-.1-.1-.3-.1-.6v-2.9-2.3c0-2.2 2.4-4.9 5.6-7.6 1-.9 2.5-2 4.3-3.3 4.5-3.4 11.2-8.3 13.7-12h2.1zM0 34c.1.1.1.2.2.3.1.2 2.8 4.4 10 4 .4 0 .8.3.8.8s-.3.8-.7.9h-.9c-5 0-9-2.7-9.4-3.5v-1.2V34zm40-4v4c-1 1.9-2.3 3.6-3.9 4.9-.1 0-.2.1-.3.1-.3 0-.5-.1-.7-.4-.2-.4-.1-.9.2-1.1 2.3-1.9 3.9-4.6 4.7-7.5zM21.6 4.8c-.4.3-.7.6-1.1 1v1.3c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-.4c-2.7 2.4-5.6 4.6-8.5 6.8-1.7 1.3-3.2 2.4-4.2 3.3l-.4.4C6.6 23.1 10.6 36 20 36c10.1 0 14.4-13.7 14.4-19.3C31.4 8 21.7 5 21.6 4.8zM20 32.4c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6V33c0-.3.2-.6.5-.6zm1.3-5.4c.2 0 .5.1.6.3 0 0 .7.6 1 .9.1.1.1.1.2.1.4.1.9.1.9.3 0 .3 0 .5-.9.6-.1 1-1.7 1.8-3.1 1.8s-3-.8-3.1-1.9c-.9-.1-.9-.3-.9-.6 0-.2.4-.1.9-.3.1 0 .1 0 .1-.1l1.1-.9c.2
295-.1.5-.2.7-.3.4 0 .8.1 1.2.4.4-.2.8-.3 1.3-.3zm-1.2 1.4H20c-.1 0-.4.1-.5.1-.1 0-.1.1-.3.1-.2.1-.3.1-.5.1l-.1.1c0 .2.6.1 1.4.1.8 0 1.4.1 1.3-.1 0-.1 0-.1-.1-.1-.2 0-.3-.1-.5-.1-.1 0-.2-.1-.3-.1-.2-.1-.3-.1-.5-.1h.2zM19 23.2c.4.4.7.6 1 .6.4 0 .7-.2 1.1-.6.2-.2.6-.2.8 0s.2.6 0 .8c-.4.5-.9.7-1.3.9v1.3c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.3c-.5-.1-.9-.5-1.4-.9-.2-.2-.2-.6 0-.8.2-.3.5-.2.8 0zm1-4c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.6c0-.3.2-.6.5-.6zM13.1 14c1.4 0 2.6.7 3.7 1.9.2.2.2.5 0 .7-.2.2-.5.2-.6 0-.6-.7-1.3-1.2-2-1.4.3.3.5.7.5 1.2 0 .9-.8 1.6-1.7 1.6-.9 0-1.7-.7-1.7-1.6 0-.4.1-.8.4-1-.2.1-.3.2-.5.4l-.1.1-.3.3c-.2.2-.4.4-.6.5-.6.4-1.3.4-2 .2-.2-.1-.4-.4-.3-.6.1-.3.3-.4.6-.3.5 0 1-.1 1.4-.3.1-.1.2-.1.3-.3l.1-.1.3-.3c.7-.7 1.4-1 2.5-1zm13.8 0c1.1 0 1.8.3 2.5 1l.3.3.1.1.3.3c.4.2.9.3 1.3.1.2-.1.5.1.6.3.1.3 0 .5-.3.6-.7.3-1.4.2-2-.2-.2-.1-.4-.3-.6-.5-.1 0-.3-.3-.3-.3l-.1-.1c-.2-.1-.3-.3-.5-.4.2.3.4.6.4 1 0 .9-.8 1.6-1.7 1.6-.9 0-1.7-.7-1.7-1.6 0-.5.2-.9.5-1.2-.7.2-1.4.7-2 1.4-.2.2-.5.2-.6 0-.2-.2-.2-.5 0-.7 1.1-1 2.4-1.7 3.8-1.7zm-6.9.4c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6V15c0-.3.2-.6.5-.6zM31 0c4 2.5 7.2 6.4 9 11v5C38.2 9 34.2 3.5 28.8.7c-.3-.2-.6-.4-.8-.7h3zM20 9.6c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.6c0-.3.2-.6.5-.6zM12 0C8.4 3.5 4.4 6.5 0 9v-.4-1.3C3.4 5.1 6.6 2.6 9.7 0H12zm8 0c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6V.6c0-.3.2-.6.5-.6z" 296 fill="#fff" /> 297 <path opacity=".5" fill="#004532" d="M20 0h20v40H20z" /> 298 </symbol> 299 <symbol viewBox="0 0 30 25" id="picto-camera" xmlns="http://www.w3.org/2000/svg"> 300 <path d="M15.15 2a1.62 1.62 0 011.281.64l2.021 2.619h4.045c1.377 0 2.5 1.148 2.503 2.56v12.446c0 1.416-1.123 2.568-2.503 2.568H2.503C1.123 22.833 0 21.681 0 20.265V7.822c0-1.416 1.123-2.568 2.503-2.568h4.046l2.026-2.616c.306-.399.77-.633 1.271-.638zM12.5 8a6 6 0 100 12 6 6 0 000-12zm0 2a4 4 0 110 8 4 4 0 010-8z" fill-rule="evenodd" /> 301 </symbol> 302 <symbol viewBox="0 0 15 20" id="picto-upload" xmlns="http://www.w3.org/2000/svg"> 303 <path d="M15 14v1.2H0V14h15zM7.497 2L12.3 7.486H8.869v5.485h-2.74V7.486H2.7L7.497 2z" fill-rule="evenodd" /> 304 </symbol> 305 <symbol fill="none" viewBox="0 0 25 25" id="warning-icon" xmlns="http://www.w3.org/2000/svg"> 306 <path d="M12.5 25C19.404 25 25 19.404 25 12.5S19.404 0 12.5 0 0 5.596 0 12.5 5.596 25 12.5 25z" fill="#DF733D"/> 307 <path d="M11.92 14.192h1.344l.752-7.072V6.8h-2.848v.32l.752 7.072zM11.296 18h2.592v-2.56h-2.592V18z" fill="#fff"/> 308 </symbol> 309 <symbol fill="none" viewBox="0 0 18 16" id="filters" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 0c1.306 0 2.417.835 2.83 2H18v2H7.83a3.001 3.001 0 01-5.66 0H0V2h2.17A3.001 3.001 0 015 0zm0 4a1 1 0 100-2 1 1 0 000 2zm8 12a3.001 3.001 0 01-2.83-2H0v-2h10.17a3.001 3.001 0 015.66 0H18v2h-2.17A3.001 3.001 0 0113 16zm0-4a1 1 0 100 2 1 1 0 000-2z" fill="#21362C"/></symbol> 310 311 <symbol fill="none" viewBox="0 0 24 24" id="info-revamp" xmlns="http://www.w3.org/2000/svg"><path d="M11.063 6.668h1.88v1.87h-1.88v-1.87zm0 3.56h1.78v7.44h-1.73l-.05-7.44z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.063 10.228l.05 7.44h1.73v-7.44h-1.78zm0-3.56v1.87h1.88v-1.87h-1.88z" fill="#21362C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.668c-5.799 0-10.5 4.701-10.5 10.5s4.701 10.5 10.5 10.5 10.5-4.701 10.5-10.5-4.701-10.5-10.5-10.5zM.5 12.168C.5 5.817 5.649.668 12 .668s11.5 5.149 11.5 11.5-5.149 11.5-11.5 11.5S.5 18.519.5 12.168z" fill="#21362C"/></symbol> 312 <symbol fill="none" viewBox="0 0 16 17" id="arrow-right-breadcrumb" xmlns="http://www.w3.org/2000/svg"><path d="M5.53 13.166l5-5-5-5" stroke="#21362C"/></symbol> 313 314</svg> 315 316<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none" id="newchat"> 317 <path d="M6 16.135H7V15.5324L6.46733 15.2509L6 16.135ZM6 20H5V21H6V20ZM6.58333 20V21H6.97803L7.26633 20.7304L6.58333 20ZM9.79167 17V16H9.39697L9.10867 16.2696L9.79167 17ZM3 9.5C3 5.91015 5.91015 3 9.5 3V1C4.80558 1 1 4.80558 1 9.5H3ZM6.46733 15.2509C4.40308 14.1597 3 11.9929 3 9.5H1C1 12.7632 2.83911 15.5952 5.53267 17.019L6.46733 15.2509ZM5 16.135V20H7V16.135H5ZM6 21H6.58333V19H6V21ZM7.26633 20.7304L10.4747 17.7304L9.10867 16.2696L5.90034 19.2696L7.26633 20.7304ZM12.5 16H9.79167V18H12.5V16ZM19 9.5C19 13.0899 16.0899 16 12.5 16V18C17.1944 18 21 14.1944 21 9.5H19ZM12.5 3C16.0899 3 19 5.91015 19 9.5H21C21 4.80558 17.1944 1 12.5 1V3ZM9.5 3H12.5V1H9.5V3Z" fill="white"/> 318</svg> 319<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="newsearch"> 320 <circle cx="10.875" cy="10.875" r="7.875" stroke="white" stroke-width="2"/> 321 <path d="M16.5 16.5L21 21" stroke="white" stroke-width="2" stroke-linejoin="round"/> 322</svg> 323<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" id="newaccount"> 324 <g clip-path="url(#clip0_77070_5919)"> 325 <path d="M10 11C12.7614 11 15 8.76142 15 6C15 3.23858 12.7614 1 10 1C7.23858 1 5 3.23858 5 6C5 8.76142 7.23858 11 10 11Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/> 326 <rect x="2" y="14" width="15.9973" height="22" rx="4" stroke="white" stroke-width="2"/> 327 </g> 328 <defs> 329 <clipPath id="clip0_77070_5919"> 330 <rect width="20" height="20" fill="white"/> 331 </clipPath> 332 </defs> 333</svg> 334 335<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" id="downarrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 336 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 337 <g id="27-New-Atoms-down" transform="translate(-50.000000, -234.000000)"> 338 <g id="New-Arrow/Down" transform="translate(50.000000, 234.000000)"> 339 <rect id="frame-30-down" x="0" y="0" width="30" height="30"></rect> 340 <path d="M9.66893667,24.6083133 C10.1911855,25.1305622 11.033
3401786,25.1305622 11.5554275,24.6083133 L20.4123419,15.7513989 C20.8280094,15.3357314 20.8280094,14.6642686 20.4123419,14.2486011 L11.5554275,5.39168665 C11.0331786,4.86943778 10.1911855,4.86943778 9.66893667,5.39168665 C9.1466878,5.91393552 9.1466878,6.75592859 9.66893667,7.27817746 L17.3854301,15.0053291 L9.65827853,22.7324807 C9.1466878,23.2440714 9.1466878,24.0967226 9.66893667,24.6083133 Z" class="svg-mobile-res" id="ðŸâ¹-Icon-Color-Down" fill="#005c43" transform="translate(15.000000, 15.000000) rotate(-270.000000) translate(-15.000000, -15.000000) "></path> 341 </g> 342 </g> 343 </g> 344</svg> 345<svg class="icon" aria-hidden="true" width="30px" height="30px" viewBox="0 0 30 30" version="1.1" id="NewArrowleft" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 346 <g id="Find-Your-Match" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 347 <g id="27-New-Atoms-left" transform="translate(-170.000000, -234.000000)"> 348 <g id="New-Arrow/left" transform="translate(170.000000, 234.000000)"> 349 <rect id="frame-30-left" x="0" y="0" width="30" height="30"></rect> 350 <path d="M9.66893667,24.6083133 C10.1911855,25.1305622 11.0331786,25.1305622 11.5554275,24.6083133 L20.4123419,15.7513989 C20.8280094,15.3357314 20.8280094,14.6642686 20.4123419,14.2486011 L11.5554275,5.39168665 C11.0331786,4.86943778 10.1911855,4.86943778 9.66893667,5.39168665 C9.1466878,5.91393552 9.1466878,6.75592859 9.66893667,7.27817746 L17.3854301,15.0053291 L9.65827853,22.7324807 C9.1466878,23.2440714 9.1466878,24.0967226 9.66893667,24.6083133 Z" id="ðŸâ¹-Icon-Color-Left" 351 fill="#005c43" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></path> 352 </g> 353 </g> 354 </g> 355</svg> 356 357 358<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowdown"> 359<path d="M20 8L12 16L4 8" stroke="black" stroke-width="2"/> 360</svg> 361<svg width="16" height="16" viewBox="0 0 16 16" id="new-chat-with-dots" fill="none" xmlns="http://www.w3.org/2000/svg"> 362<path d="M3.66667 11.4233H4.16667V11.122L3.90033 10.9813L3.66667 11.4233ZM3.66667 14H3.16667V14.5H3.66667V14ZM4.05555 14V14.5H4.2529L4.39705 14.3652L4.05555 14ZM6.19443 12V11.5H5.99708L5.85293 11.6348L6.19443 12ZM1.5 7C1.5 4.51472 3.51472 2.5 6 2.5V1.5C2.96243 1.5 0.5 3.96243 0.5 7H1.5ZM3.90033 10.9813C2.47172 10.2261 1.5 8.72613 1.5 7H0.5C0.5 9.11126 1.68974 10.9439 3.433 11.8653L3.90033 10.9813ZM3.16667 11.4233V14H4.16667V11.4233H3.16667ZM3.66667 14.5H4.05555V13.5H3.66667V14.5ZM4.39705 14.3652L6.53593 12.3652L5.85293 11.6348L3.71406 13.6348L4.39705 14.3652ZM9 11.5H6.19443V12.5H9V11.5ZM13.5 7C13.5 9.48528 11.4853 11.5 9 11.5V12.5C12.0376 12.5 14.5 10.0376 14.5 7H13.5ZM9 2.5C11.4853 2.5 13.5 4.51472 13.5 7H14.5C14.5 3.96243 12.0376 1.5 9 1.5V2.5ZM6 2.5H9V1.5H6V2.5Z" fill="#21362C"/> 363<rect x="5" y="7" width="1" height="1" fill="#21362C"/> 364<rect x="7" y="7" width="1" height="1" fill="#21362C"/> 365<rect x="9" y="7" width="1" height="1" fill="#21362C"/> 366</svg> 367<svg width="16" height="16" viewBox="0 0 16 16" fill="none" id="new-search-arrow-next" xmlns="http://www.w3.org/2000/svg"> 368 <path d="M5.5293 13L10.5293 8L5.5293 3" stroke-width="2"/> 369 </svg> 370<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowup"> 371 <path d="M20 16L12 8L4 16" stroke="#21362C" stroke-width="2"/> 372</svg> 373<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="pin"> 374 <path d="M19 10.3636C19 16.0909 12 21 12 21C12 21 5 16.0909 5 10.3636C5 8.41068 5.7375 6.53771 7.05025 5.15676C8.36301 3.77581 10.1435 3 12 3C13.8565 3 15.637 3.77581 16.9497 5.15676C18.2625 6.53771 19 8.41068 19 10.3636Z" stroke="#21362C" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel" /> 375 <path d="M12 12C13.1046 12 14 11.1046 14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12Z" stroke="#21362C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 376</svg> 377<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="goback-arrow"> 378 <path d="M15 6L9 12L15 18" stroke="#156031" stroke-width="2"/> 379</svg> 380 381<svg 382 width="56" 383 height="56"
384 viewBox="0 0 56 56" 385 fill="none" 386 xmlns="http://www.w3.org/2000/svg" id="qrplayicon"> 387 <path 388 d="M52 28C52 41.2491 41.2602 52 28 52C14.7398 52 4 41.2491 4 28C4 14.7509 14.7398 4 28 4C41.2602 4 52 14.7398 52 28ZM24.5762 19.8476V36.1524L36.71 28L24.5762 19.8476Z" 389 fill="white" 390 /> 391 <defs> 392 <filter 393 id="filter0_d_78516_480" 394 x="0" 395 y="0" 396 width="56" 397 height="56" 398 filterUnits="userSpaceOnUse" 399 color-interpolation-filters="sRGB" 400 > 401 <feFlood flood-opacity="0" result="BackgroundImageFix" /> 402 <feColorMatrix 403 in="SourceAlpha" 404 type="matrix" 405 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" 406 result="hardAlpha" 407 /> 408 <feOffset /> 409 <feGaussianBlur stdDeviation="2" /> 410 <feComposite in2="hardAlpha" operator="out" /> 411 <feColorMatrix 412 type="matrix" 413 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" 414 /> 415 <feBlend 416 mode="normal" 417 in2="BackgroundImageFix" 418 result="effect1_dropShadow_78516_480" 419 /> 420 <feBlend 421 mode="normal" 422 in="SourceGraphic" 423 in2="effect1_dropShadow_78516_480" 424 result="shape" 425 /> 426 </filter> 427 <clipPath id="clip0_78516_480"> 428 <rect width="56" height="56" fill="white" /> 429 </clipPath> 430 </defs> 431 </svg>
432<svg width="10" height="11" viewBox="0 0 10 11" xmlns="http://www.w3.org/2000/svg" id="qrstar"> 433 <path d="M2.11211 9.64399C2.05753 9.82077 2.12342 10.0125 2.27512 10.1185C2.42682 10.2244 2.62956 10.2201 2.77669 10.1079L5.00284 8.4109L7.22434 10.1077C7.37139 10.22 7.57416 10.2244 7.72597 10.1186C7.87777 10.0128 7.9438 9.82105 7.88931 9.64422L7.03064 6.85764L9.27281 5.1465C9.4179 5.03578 9.47622 4.84487 9.41778 4.67197C9.35934 4.49907 9.19715 4.38268 9.01465 4.38268H6.26488L5.40966 1.61556C5.35455 1.43725 5.18968 1.31565 5.00305 1.31567C4.81642 1.31569 4.65158 1.43732 4.59651 1.61565L3.74198 4.38268H0.986328C0.803785 4.38268 0.641577 4.49911 0.583165 4.67205C0.524753 4.845 0.583151 5.03593 0.728312 5.14661L2.97239 6.85767L2.11211 9.64399Z" stroke-width="0.851075" stroke-linejoin="round"/> 434</svg> 435 436 437<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="searchicon"> 438 <circle cx="10.875" cy="10.875" r="7.875" stroke="#21362C" stroke-width="2" /> 439 <path d="M16.5 16.5L21 21" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 440</svg> 441 442 443<svg id="closeicon" 444 width=" 24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 445 <path d="M19 5L5 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 446 <path d="M5 5L19 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 447</svg> 448</div> 449 450 <!-- Google Tag Manager (noscript) --> 451 <noscript> 452 <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MP5THL" 453 height="0" width="0" title="Tag manager" style="display:none;visibility:hidden"></iframe> 454 </noscript> 455 <!-- End Google Tag Manager (noscript) --> 456 457 <!-- #wrapper --> 458 <div id="wrapper"> 459 <div id="main-container" key="main_container_key"> 460 <!-- #header --> 461 <div id="header" class="main clearfix"> 462 463 464 465<div data-qr-page-section="hide-on-qr"> 466 <ul id="jump-to-content" prefix="jump-to-content" tabindex="-1" slot="skiplinks" class="jump-to-content"> 467 <li><a href="#sidebar-toggle" rel="nofollow">GA NAAR MENU</a></li> 468 <li><a href="#content" rel="nofollow">GA NAAR INHOUD</a></li> 469 <li><a href="#footer" rel="nofollow">GA NAAR FOOTER</a></li> 470</ul> 471 472 <header v-cloak id="new-main__header" class="new-header" role="banner"> 473 <newheadernavigation :new-header="true"> 474 475 476 477 <div v-cloak slot="navbar" slot-scope="props" class="navbar navbar-default nav-center navbar-fixed-top"> 478 <input type="checkbox" name="nav-toggle" id="nav-toggle" tabindex="-1" aria-hidden="true"> 479 <label for="nav-toggle">Toggle nav</label> 480 <span id="wordbreak"></span> 481 <div class="site-header__wrapper"> 482 483<newhamburger title="Menu" 484 aria-label-close-text="Close Text" 485 aria-label-expanded-text="Expand Text"> 486</newhamburger> 487 488 <input type="hidden" id="hdnFlag" value="True" /> 489 490 491 <nav id="fourLevelMenuNavi" class="four-level-menu__container hidefourLevelMenu closedMenu" aria-hidden="true" tabindex="-1" inert> 492 <four-level-hamburger-menu> 493 <template slot="fourlevelmenu" slot-scope="props"> 494 <ul> 495 496 <li class="levelOneMenu" :class="[0 === props.slotProps.clickActiveLevelOne ? 'isActiveLevelone':'']"> 497 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelOne(0)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"huidverzorging::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"huidverzorging","link_url":"undefined","breadCrumb":"huidverzorging","step":"1/3","event_detail":"regular"}">
498 <span class="list_title"> 499 HUIDVERZORGING 500 </span> 501 502 503 504<div class="arrowContainer"> 505 <span class="menu-rig-arrow"> 506 <div class="svg-container"> 507 <svg width="24" height="24" 508 viewBox="0 0 24 24" fill="none" 509 xmlns="http://www.w3.org/2000/svg"> 510 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 511 stroke="#000" stroke-width="1.6" 512 stroke-linecap="square"></path> 513 </svg> 514 </div> 515 </span> 516 <span class="menu-opened-arrow"> 517 <div class="svg-container"> 518 <svg width="24" height="24" 519 viewBox="0 0 24 24" fill="none" 520 xmlns="http://www.w3.org/2000/svg"> 521 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 522 stroke="#000" stroke-width="2" 523 stroke-linecap="square"></path> 524 </svg> 525 </div> 526 </span> 527</div> 528 529 </button> 530 531 <div class="level-two__wrapper" id="level-two__wrapper_0"> 532 <div class="level-two__topper"> 533 <button class="level-two__topper-back" tabindex="0" aria-label="Back to main menu" v-on:click="props.slotProps.backtoLOneMenu()" v-on:keydown.enter="props.slotProps.backtoLOneMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLOneMenu()"> 534 <div class="svg-container"> 535 <svg width="24" height="24" viewBox="0 0 24 24" 536 fill="none" xmlns="http://www.w3.org/2000/svg"> 537 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 538 stroke="#000" stroke-width="1.6" 539 stroke-linecap="square" /> 540 </svg> 541 </div> 542 </button> 543 <div class="level-two__topper_title"> 544 HUIDVERZORGING 545 </div> 546 </div> 547 <div class="level-two__wrapper-scrollable"> 548 <div class="level-two-menu"> 549 <ul> 550 551 <li class="levelTwoMenu" :class="[0 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 552 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(0)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"huid product type::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"huid product type","link_url":"undefined","breadCrumb":"huidverzorging::huid product type","step":"2/3","event_detail":"regular"}"> 553 <!-- conditional for new badge --> 554 <span class="list_title"> 555 HUID PRODUCT TYPE 556 </span> 557 558 559 560 561 562<div class="arrowContainer"> 563 <span class="menu-rig-arrow"> 564 <div class="svg-container"> 565 <svg width="24" height="24"
566 viewBox="0 0 24 24" fill="none" 567 xmlns="http://www.w3.org/2000/svg"> 568 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 569 stroke="#000" stroke-width="1.6" 570 stroke-linecap="square"></path> 571 </svg> 572 </div> 573 </span> 574 <span class="menu-opened-arrow"> 575 <div class="svg-container"> 576 <svg width="24" height="24" 577 viewBox="0 0 24 24" fill="none" 578 xmlns="http://www.w3.org/2000/svg"> 579 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 580 stroke="#000" stroke-width="2" 581 stroke-linecap="square"></path> 582 </svg> 583 </div> 584 </span> 585</div> 586 587 </button> 588 589 <div class="level-three__wrapper" id="level-three__wrapper_0"> 590 <div class="level-three__topper"> 591 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 592 <div class="svg-container"> 593 <svg width="24" height="24"
594 viewBox="0 0 24 24" fill="none" 595 xmlns="http://www.w3.org/2000/svg"> 596 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 597 stroke="#000" stroke-width="1.6" 598 stroke-linecap="square" /> 599 </svg> 600 </div> 601 </button> 602 <div class="level-two__topper_title"> 603 HUID PRODUCT TYPE 604 </div> 605 </div> 606 607 <div class="level-three-image_container-xs"> 608 <picture> 609 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/vitamin-c-nav.png?rev=-1&cx=0&cy=0&cw=414&ch=208&hash=A8F6D538F10CF43A761AEBBE0D6D159C" /> 610 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/vitamin-c-nav.png?rev=-1&cx=0&cy=0&cw=800&ch=308&hash=894EB7CDEC3697D3AE4DF56E01343754" /> 611 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/vitamin-c-nav.png?rev=-1&cx=0&cy=0&cw=360&ch=600&hash=2C970F2C316CF8346AA71FD2DA302BC5" alt="" /> 612 <a href="/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme" target="" 613 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::nieuw! sorbet vitamin c","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::nieuw! sorbet vitamin c","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! sorbet vitamin c::https://www.garniernederland.nl/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! sorbet vitamin c","link_url":"https://www.garniernederland.nl/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme","breadCrumb":"huidverzorging::huid product type::nieuw! sorbet vitamin c","step":"3/3","event_detail":"image"}"> 614 </a> 615 </picture> 616 <a class="levelFourLink menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::nieuw! sorbet vitamin c","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::nieuw! sorbet vitamin c","event_detail":"image"}" 617 href="/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme" 618 target="" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! sorbet vitamin c::https://www.garniernederland.nl/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! sorbet vitamin c","link_url":"https://www.garniernederland.nl/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme","breadCrumb":"huidverzorging::huid product type::nieuw! sorbet vitamin c","step":"3/3","event_detail":"image"}">
619 <span class="ctaLinkText"> 620 Nieuw! Sorbet Vitamin C 621 </span> 622 </a> 623 </div> 624 625 <div class="level-three__wrapper_scrollerable"> 626 <ul> 627 628 <li class="levethreeList"> 629 <div class="mainSub__link levelFourMainMenu "> 630 <a href="/huidverzorging?filters=micellair-reinigingswater" 631 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::micellair water","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::micellair water","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"micellair water::/huidverzorging?filters=micellair-reinigingswater","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"micellair water","link_url":"/huidverzorging?filters=micellair-reinigingswater","breadCrumb":"huidverzorging::huid product type::micellair water","step":"3/3","event_detail":"regular"}" class="menu-tag"> 632 Micellair Water 633 </a> 634 </div> 635 </li> 636 637 <li class="levethreeList"> 638 <div class="mainSub__link levelFourMainMenu "> 639 <a href="/huidverzorging/reiniging" 640 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::reiniging","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::reiniging","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"reiniging::https://www.garniernederland.nl/huidverzorging/reiniging","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"reiniging","link_url":"https://www.garniernederland.nl/huidverzorging/reiniging","breadCrumb":"huidverzorging::huid product type::reiniging","step":"3/3","event_detail":"regular"}" class="menu-tag"> 641 Reiniging 642 </a> 643 </div> 644 </li> 645 646 <li class="levethreeList"> 647 <div class="mainSub__link levelFourMainMenu "> 648 <a href="/huidverzorging/serum" 649 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::gezichtserums","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::gezichtserums","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"gezichtserums::https://www.garniernederland.nl/huidverzorging/serum","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"gezichtserums","link_url":"https://www.garniernederland.nl/huidverzorging/serum","breadCrumb":"huidverzorging::huid product type::gezichtserums","step":"3/3","event_detail":"regular"}" class="menu-tag"> 650 Gezichtserums 651 </a> 652 </div> 653 </li> 654 655 <li class="levethreeList"> 656 <div class="mainSub__link levelFourMainMenu "> 657 <a href="/zonbescherming/gezicht" 658 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::gezichts zonnebrand spf","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::gezichts zonnebrand spf","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"gezichts zonnebrand spf::https://www.garniernederland.nl/zonbescherming/gezicht","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"gezichts zonnebrand spf","link_url":"https://www.garniernederland.nl/zonbescherming/gezicht","breadCrumb":"huidverzorging::huid product type::gezichts zonnebrand spf","step":"3/3","event_detail":"regular"}" class="menu-tag"> 659 Gezichts zonnebrand SPF 660 </a> 661 </div> 662 </li> 663 664 <li class="levethreeList"> 665 <div class="mainSub__link levelFourMainMenu "> 666 <a href="/huidverzorging/pimple-patch" 667 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::pimples verzorging","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::pimples verzorging","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"pimples verzorging::https://www.garniernederland.nl/huidverzorging/pimple-patch","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pimples verzorging","link_url":"https://www.garniernederland.nl/huidverzorging/pimple-patch","breadCrumb":"huidverzorging::huid product type::pimples verzorging","step":"3/3","event_detail":"regular"}" class="menu-tag"> 668 Pimples verzorging 669 </a> 670 </div> 671 </li> 672 673 <li class="levethreeList"> 674 <div class="mainSub__link levelFourMainMenu "> 675 <a href="/huidverzorging/oogcreme"
676 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::oogcrèmes","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::oogcrèmes","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"oogcrèmes::https://www.garniernederland.nl/huidverzorging/oogcreme","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"oogcrèmes","link_url":"https://www.garniernederland.nl/huidverzorging/oogcreme","breadCrumb":"huidverzorging::huid product type::oogcrèmes","step":"3/3","event_detail":"regular"}" class="menu-tag"> 677 Oogcrèmes 678 </a> 679 </div> 680 </li> 681 682 <li class="levethreeList"> 683 <div class="mainSub__link levelFourMainMenu "> 684 <a href="/huidverzorging/cremes" 685 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::gezichtscrèmes","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::gezichtscrèmes","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"gezichtscrèmes::https://www.garniernederland.nl/huidverzorging/cremes","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"gezichtscrèmes","link_url":"https://www.garniernederland.nl/huidverzorging/cremes","breadCrumb":"huidverzorging::huid product type::gezichtscrèmes","step":"3/3","event_detail":"regular"}" class="menu-tag"> 686 Gezichtscrèmes 687 </a> 688 </div> 689 </li> 690 691 <li class="levethreeList"> 692 <div class="mainSub__link levelFourMainMenu "> 693 <a href="/huidverzorging/sheet-mask" 694 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::maskers","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::maskers","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"maskers::https://www.garniernederland.nl/huidverzorging/sheet-mask","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"maskers","link_url":"https://www.garniernederland.nl/huidverzorging/sheet-mask","breadCrumb":"huidverzorging::huid product type::maskers","step":"3/3","event_detail":"regular"}" class="menu-tag"> 695 Maskers 696 </a> 697 </div> 698 </li> 699 </ul> 700 701 702 </div> 703 704 705 <div class="level-four__wrapper"> 706 <div class="level-four-image_container"> 707 <picture class="level-four-image_container--img"> 708 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/vitamin-c-nav.png?rev=-1&cx=0&cy=0&cw=414&ch=208&hash=A8F6D538F10CF43A761AEBBE0D6D159C" /> 709 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/vitamin-c-nav.png?rev=-1&cx=0&cy=0&cw=800&ch=308&hash=894EB7CDEC3697D3AE4DF56E01343754" /> 710 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/vitamin-c-nav.png?rev=-1&cx=0&cy=0&cw=360&ch=600&hash=2C970F2C316CF8346AA71FD2DA302BC5" alt="" /> 711 <a href="/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme" target="" 712 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::nieuw! sorbet vitamin c","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::nieuw! sorbet vitamin c","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! sorbet vitamin c::https://www.garniernederland.nl/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! sorbet vitamin c","link_url":"https://www.garniernederland.nl/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme","breadCrumb":"huidverzorging::huid product type::nieuw! sorbet vitamin c","step":"3/3","event_detail":"image"}"> 713 </a> 714 </picture> 715 <a class="levelFourLink menu-tag" style="--ctaTextColor : ;" 716 href="/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme" 717 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huid product type::nieuw! sorbet vitamin c","click_area":"burger menu","breadcrumb":"huidverzorging::huid product type::nieuw! sorbet vitamin c","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! sorbet vitamin c::https://www.garniernederland.nl/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! sorbet vitamin c","link_url":"https://www.garniernederland.nl/huidverzorging/gezichtsreiniging/vitamine-c-fresh-bright-hydraterende-sorbet-creme","breadCrumb":"huidverzorging::huid product type::nieuw! sorbet vitamin c","step":"3/3","event_detail":"image"}">
718 <span class="ctaLinkText"> 719 Nieuw! Sorbet Vitamin C 720 </span> 721 </a> 722 </div> 723 </div> 724 </div> 725 </li> 726 727 <li class="levelTwoMenu" :class="[1 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 728 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(1)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"ingrediënten::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ingrediënten","link_url":"undefined","breadCrumb":"huidverzorging::ingrediënten","step":"2/3","event_detail":"regular"}"> 729 <!-- conditional for new badge --> 730 <span class="list_title"> 731 INGREDIËNTEN 732 </span> 733 734 735 736 737 738<div class="arrowContainer"> 739 <span class="menu-rig-arrow"> 740 <div class="svg-container"> 741 <svg width="24" height="24"
742 viewBox="0 0 24 24" fill="none" 743 xmlns="http://www.w3.org/2000/svg"> 744 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 745 stroke="#000" stroke-width="1.6" 746 stroke-linecap="square"></path> 747 </svg> 748 </div> 749 </span> 750 <span class="menu-opened-arrow"> 751 <div class="svg-container"> 752 <svg width="24" height="24" 753 viewBox="0 0 24 24" fill="none" 754 xmlns="http://www.w3.org/2000/svg"> 755 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 756 stroke="#000" stroke-width="2" 757 stroke-linecap="square"></path> 758 </svg> 759 </div> 760 </span> 761</div> 762 763 </button> 764 765 <div class="level-three__wrapper" id="level-three__wrapper_1"> 766 <div class="level-three__topper"> 767 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 768 <div class="svg-container"> 769 <svg width="24" height="24"
770 viewBox="0 0 24 24" fill="none" 771 xmlns="http://www.w3.org/2000/svg"> 772 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 773 stroke="#000" stroke-width="1.6" 774 stroke-linecap="square" /> 775 </svg> 776 </div> 777 </button> 778 <div class="level-two__topper_title"> 779 INGREDIËNTEN 780 </div> 781 </div> 782 783 <div class="level-three-image_container-xs"> 784 <picture> 785 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-skincare-ingredient.png?rev=2423021b9f9149e29552029484b0251a&cx=0&cy=0&cw=414&ch=208&hash=049FEC8B1B1E126D8674CFA1A6477C46" /> 786 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-skincare-ingredient.png?rev=2423021b9f9149e29552029484b0251a&cx=0&cy=0&cw=800&ch=308&hash=1FDF11AAAD4DEE081D84385D1F22F766" /> 787 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-skincare-ingredient.png?rev=2423021b9f9149e29552029484b0251a&cx=0&cy=0&cw=360&ch=600&hash=98B019FEC05CFEF13BF3FB6E88B75C33" alt="" /> 788 <a href="" target="" 789 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::ingrediënten::ontdek onze vitamine c","click_area":"burger menu","breadcrumb":"huidverzorging::ingrediënten::ontdek onze vitamine c","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"ontdek onze vitamine c::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ontdek onze vitamine c","link_url":"undefined","breadCrumb":"huidverzorging::ingrediënten::ontdek onze vitamine c","step":"3/3","event_detail":"image"}"> 790 </a> 791 </picture> 792 <a class="levelFourLink menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::ingrediënten::ontdek onze vitamine c","click_area":"burger menu","breadcrumb":"huidverzorging::ingrediënten::ontdek onze vitamine c","event_detail":"image"}" 793 href="" 794 target="" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"ontdek onze vitamine c::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ontdek onze vitamine c","link_url":"undefined","breadCrumb":"huidverzorging::ingrediënten::ontdek onze vitamine c","step":"3/3","event_detail":"image"}">
795 <span class="ctaLinkText"> 796 Ontdek onze Vitamine C 797 </span> 798 </a> 799 </div> 800 801 <div class="level-three__wrapper_scrollerable"> 802 <ul> 803 804 <li class="levethreeList"> 805 <div class="mainSub__link levelFourMainMenu "> 806 <span class="onlyText">Vitamine C</span> 807 </div> 808 </li> 809 810 <li class="levethreeList"> 811 <div class="mainSub__link levelFourMainMenu "> 812 <span class="onlyText">Hyaluronzuur</span> 813 </div> 814 </li> 815 816 <li class="levethreeList"> 817 <div class="mainSub__link levelFourMainMenu "> 818 <span class="onlyText">Salicilyczuur</span> 819 </div> 820 </li> 821 822 <li class="levethreeList"> 823 <div class="mainSub__link levelFourMainMenu "> 824 <span class="onlyText">Niaciamide </span> 825 </div> 826 </li> 827 </ul> 828 829 830 <div class="mainSub__link"> 831 <a href="" target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::ingrediënten::alles bekijken ingrediënten","click_area":"burger menu","breadcrumb":"huidverzorging::ingrediënten::alles bekijken ingrediënten","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"alles bekijken ingrediënten::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"alles bekijken ingrediënten","link_url":"undefined","breadCrumb":"huidverzorging::ingrediënten::alles bekijken ingrediënten","step":"3/3","event_detail":"regular"}" class="menu-tag"> 832 ALLES BEKIJKEN INGREDIËNTEN 833 </a> 834 </div> 835 </div> 836 837 838 <div class="level-four__wrapper"> 839 <div class="level-four-image_container"> 840 <picture class="level-four-image_container--img"> 841 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-skincare-ingredient.png?rev=2423021b9f9149e29552029484b0251a&cx=0&cy=0&cw=414&ch=208&hash=049FEC8B1B1E126D8674CFA1A6477C46" /> 842 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-skincare-ingredient.png?rev=2423021b9f9149e29552029484b0251a&cx=0&cy=0&cw=800&ch=308&hash=1FDF11AAAD4DEE081D84385D1F22F766" /> 843 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-skincare-ingredient.png?rev=2423021b9f9149e29552029484b0251a&cx=0&cy=0&cw=360&ch=600&hash=98B019FEC05CFEF13BF3FB6E88B75C33" alt="" /> 844 <a href="" target="" 845 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::ingrediënten::ontdek onze vitamine c","click_area":"burger menu","breadcrumb":"huidverzorging::ingrediënten::ontdek onze vitamine c","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"ontdek onze vitamine c::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ontdek onze vitamine c","link_url":"undefined","breadCrumb":"huidverzorging::ingrediënten::ontdek onze vitamine c","step":"3/3","event_detail":"image"}"> 846 </a> 847 </picture> 848 <a class="levelFourLink menu-tag" style="--ctaTextColor : #000000;" 849 href="" 850 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::ingrediënten::ontdek onze vitamine c","click_area":"burger menu","breadcrumb":"huidverzorging::ingrediënten::ontdek onze vitamine c","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"ontdek onze vitamine c::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ontdek onze vitamine c","link_url":"undefined","breadCrumb":"huidverzorging::ingrediënten::ontdek onze vitamine c","step":"3/3","event_detail":"image"}">
851 <span class="ctaLinkText"> 852 Ontdek onze Vitamine C 853 </span> 854 </a> 855 </div> 856 </div> 857 </div> 858 </li> 859 860 <li class="levelTwoMenu" :class="[2 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 861 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(2)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"huidproblemen::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"huidproblemen","link_url":"undefined","breadCrumb":"huidverzorging::huidproblemen","step":"2/3","event_detail":"regular"}"> 862 <!-- conditional for new badge --> 863 <span class="list_title"> 864 HUIDPROBLEMEN 865 </span> 866 867 868 869 870 871<div class="arrowContainer"> 872 <span class="menu-rig-arrow"> 873 <div class="svg-container"> 874 <svg width="24" height="24"
875 viewBox="0 0 24 24" fill="none" 876 xmlns="http://www.w3.org/2000/svg"> 877 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 878 stroke="#000" stroke-width="1.6" 879 stroke-linecap="square"></path> 880 </svg> 881 </div> 882 </span> 883 <span class="menu-opened-arrow"> 884 <div class="svg-container"> 885 <svg width="24" height="24" 886 viewBox="0 0 24 24" fill="none" 887 xmlns="http://www.w3.org/2000/svg"> 888 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 889 stroke="#000" stroke-width="2" 890 stroke-linecap="square"></path> 891 </svg> 892 </div> 893 </span> 894</div> 895 896 </button> 897 898 <div class="level-three__wrapper" id="level-three__wrapper_2"> 899 <div class="level-three__topper"> 900 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 901 <div class="svg-container"> 902 <svg width="24" height="24"
903 viewBox="0 0 24 24" fill="none" 904 xmlns="http://www.w3.org/2000/svg"> 905 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 906 stroke="#000" stroke-width="1.6" 907 stroke-linecap="square" /> 908 </svg> 909 </div> 910 </button> 911 <div class="level-two__topper_title"> 912 HUIDPROBLEMEN 913 </div> 914 </div> 915 916 917 <div class="level-three__wrapper_scrollerable"> 918 <ul> 919 920 <li class="levethreeList"> 921 <div class="mainSub__link levelFourMainMenu "> 922 <a href="/huidverzorging/pigmentvlekken" 923 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidproblemen::pigmentvlekken","click_area":"burger menu","breadcrumb":"huidverzorging::huidproblemen::pigmentvlekken","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"pigmentvlekken::https://www.garniernederland.nl/huidverzorging/pigmentvlekken","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pigmentvlekken","link_url":"https://www.garniernederland.nl/huidverzorging/pigmentvlekken","breadCrumb":"huidverzorging::huidproblemen::pigmentvlekken","step":"3/3","event_detail":"regular"}" class="menu-tag"> 924 Pigmentvlekken 925 </a> 926 </div> 927 </li> 928 929 <li class="levethreeList"> 930 <div class="mainSub__link levelFourMainMenu "> 931 <a href="/huidtype/droge-huid" 932 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidproblemen::doffe huid","click_area":"burger menu","breadcrumb":"huidverzorging::huidproblemen::doffe huid","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"doffe huid::https://www.garniernederland.nl/huidtype/droge-huid","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"doffe huid","link_url":"https://www.garniernederland.nl/huidtype/droge-huid","breadCrumb":"huidverzorging::huidproblemen::doffe huid","step":"3/3","event_detail":"regular"}" class="menu-tag"> 933 Doffe huid 934 </a> 935 </div> 936 </li> 937 938 <li class="levethreeList"> 939 <div class="mainSub__link levelFourMainMenu "> 940 <a href="/huidtype/onzuivere-huid" 941 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidproblemen::onzuivere huid","click_area":"burger menu","breadcrumb":"huidverzorging::huidproblemen::onzuivere huid","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"onzuivere huid::https://www.garniernederland.nl/huidtype/onzuivere-huid","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"onzuivere huid","link_url":"https://www.garniernederland.nl/huidtype/onzuivere-huid","breadCrumb":"huidverzorging::huidproblemen::onzuivere huid","step":"3/3","event_detail":"regular"}" class="menu-tag"> 942 Onzuivere huid 943 </a> 944 </div> 945 </li> 946 947 <li class="levethreeList"> 948 <div class="mainSub__link levelFourMainMenu "> 949 <a href="/huidtype/gemengde-tot-vette-huid" 950 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidproblemen::vette huid","click_area":"burger menu","breadcrumb":"huidverzorging::huidproblemen::vette huid","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"vette huid::https://www.garniernederland.nl/huidtype/gemengde-tot-vette-huid","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vette huid","link_url":"https://www.garniernederland.nl/huidtype/gemengde-tot-vette-huid","breadCrumb":"huidverzorging::huidproblemen::vette huid","step":"3/3","event_detail":"regular"}" class="menu-tag"> 951 Vette huid 952 </a> 953 </div> 954 </li> 955 956 <li class="levethreeList"> 957 <div class="mainSub__link levelFourMainMenu "> 958 <a href="/huidtype/gevoelige-huid" 959 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidproblemen::gevoelige huid","click_area":"burger menu","breadcrumb":"huidverzorging::huidproblemen::gevoelige huid","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"gevoelige huid::https://www.garniernederland.nl/huidtype/gevoelige-huid","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"gevoelige huid","link_url":"https://www.garniernederland.nl/huidtype/gevoelige-huid","breadCrumb":"huidverzorging::huidproblemen::gevoelige huid","step":"3/3","event_detail":"regular"}" class="menu-tag"> 960 Gevoelige huid 961 </a> 962 </div> 963 </li> 964 965 <li class="levethreeList"> 966 <div class="mainSub__link levelFourMainMenu "> 967 <a href="/huidtype/droge-huid" 968 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidproblemen::droge huid","click_area":"burger menu","breadcrumb":"huidverzorging::huidproblemen::droge huid","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"droge huid::https://www.garniernederland.nl/huidtype/droge-huid","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"droge huid","link_url":"https://www.garniernederland.nl/huidtype/droge-huid","breadCrumb":"huidverzorging::huidproblemen::droge huid","step":"3/3","event_detail":"regular"}" class="menu-tag"> 969 Droge huid 970 </a> 971 </div> 972 </li> 973 </ul> 974 975 976 </div> 977 978 979 </div> 980 </li> 981 982 <li class="levelTwoMenu" :class="[3 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 983 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(3)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"huidverzorgingsroutine::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"huidverzorgingsroutine","link_url":"undefined","breadCrumb":"huidverzorging::huidverzorgingsroutine","step":"2/3","event_detail":"regular"}"> 984 <!-- conditional for new badge -->
985 <span class="list_title"> 986 HUIDVERZORGINGSROUTINE 987 </span> 988 989 990 991 992 993<div class="arrowContainer"> 994 <span class="menu-rig-arrow"> 995 <div class="svg-container"> 996 <svg width="24" height="24" 997 viewBox="0 0 24 24" fill="none" 998 xmlns="http://www.w3.org/2000/svg"> 999 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1000 stroke="#000" stroke-width="1.6" 1001 stroke-linecap="square"></path> 1002 </svg> 1003 </div> 1004 </span> 1005 <span class="menu-opened-arrow"> 1006 <div class="svg-container"> 1007 <svg width="24" height="24" 1008 viewBox="0 0 24 24" fill="none" 1009 xmlns="http://www.w3.org/2000/svg"> 1010 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1011 stroke="#000" stroke-width="2" 1012 stroke-linecap="square"></path> 1013 </svg> 1014 </div> 1015 </span> 1016</div> 1017 1018 </button> 1019 1020 <div class="level-three__wrapper" id="level-three__wrapper_3"> 1021 <div class="level-three__topper"> 1022 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1023 <div class="svg-container"> 1024 <svg width="24" height="24"
1025 viewBox="0 0 24 24" fill="none" 1026 xmlns="http://www.w3.org/2000/svg"> 1027 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1028 stroke="#000" stroke-width="1.6" 1029 stroke-linecap="square" /> 1030 </svg> 1031 </div> 1032 </button> 1033 <div class="level-two__topper_title"> 1034 HUIDVERZORGINGSROUTINE 1035 </div> 1036 </div> 1037 1038 1039 <div class="level-three__wrapper_scrollerable"> 1040 <ul> 1041 1042 <li class="levethreeList"> 1043 <div class="mainSub__link levelFourMainMenu "> 1044 <a href="/onze-merken/skin-active/micellair" 1045 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidverzorgingsroutine::stap 1 micellair water","click_area":"burger menu","breadcrumb":"huidverzorging::huidverzorgingsroutine::stap 1 micellair water","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"stap 1 micellair water::https://www.garniernederland.nl/onze-merken/skin-active/micellair","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"stap 1 micellair water","link_url":"https://www.garniernederland.nl/onze-merken/skin-active/micellair","breadCrumb":"huidverzorging::huidverzorgingsroutine::stap 1 micellair water","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1046 STAP 1 Micellair water 1047 </a> 1048 </div> 1049 </li> 1050 1051 <li class="levethreeList"> 1052 <div class="mainSub__link levelFourMainMenu "> 1053 <a href="/huidverzorging/reiniging?pagenbr=2" 1054 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidverzorgingsroutine::stap 2 reiniging","click_area":"burger menu","breadcrumb":"huidverzorging::huidverzorgingsroutine::stap 2 reiniging","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"stap 2 reiniging::/huidverzorging/reiniging?pagenbr=2","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"stap 2 reiniging","link_url":"/huidverzorging/reiniging?pagenbr=2","breadCrumb":"huidverzorging::huidverzorgingsroutine::stap 2 reiniging","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1055 STAP 2 Reiniging 1056 </a> 1057 </div> 1058 </li> 1059 1060 <li class="levethreeList"> 1061 <div class="mainSub__link levelFourMainMenu "> 1062 <a href="/huidverzorging/liquid-care" 1063 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidverzorgingsroutine::stap 3 hydrateren","click_area":"burger menu","breadcrumb":"huidverzorging::huidverzorgingsroutine::stap 3 hydrateren","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"stap 3 hydrateren::https://www.garniernederland.nl/huidverzorging/l
1063iquid-care","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"stap 3 hydrateren","link_url":"https://www.garniernederland.nl/huidverzorging/liquid-care","breadCrumb":"huidverzorging::huidverzorgingsroutine::stap 3 hydrateren","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1064 STAP 3 Hydrateren 1065 </a> 1066 </div> 1067 </li> 1068 1069 <li class="levethreeList"> 1070 <div class="mainSub__link levelFourMainMenu "> 1071 <a href="/huidverzorging/cremes" 1072 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidverzorgingsroutine::stap 4 crème","click_area":"burger menu","breadcrumb":"huidverzorging::huidverzorgingsroutine::stap 4 crème","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"stap 4 crème::https://www.garniernederland.nl/huidverzorging/cremes","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"stap 4 crème","link_url":"https://www.garniernederland.nl/huidverzorging/cremes","breadCrumb":"huidverzorging::huidverzorgingsroutine::stap 4 crème","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1073 STAP 4 Crème 1074 </a> 1075 </div> 1076 </li> 1077 </ul> 1078 1079 1080 </div> 1081 1082 1083 </div> 1084 </li> 1085 1086 <li class="levelTwoMenu" :class="[4 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1087 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(4)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"onze merken::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"onze merken","link_url":"undefined","breadCrumb":"huidverzorging::onze merken","step":"2/3","event_detail":"regular"}"> 1088 <!-- conditional for new badge --> 1089 <span class="list_title"> 1090 ONZE MERKEN 1091 </span> 1092 1093 1094 1095 1096 1097<div class="arrowContainer"> 1098 <span class="menu-rig-arrow"> 1099 <div class="svg-container"> 1100 <svg width="24" height="24"
1101 viewBox="0 0 24 24" fill="none" 1102 xmlns="http://www.w3.org/2000/svg"> 1103 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1104 stroke="#000" stroke-width="1.6" 1105 stroke-linecap="square"></path> 1106 </svg> 1107 </div> 1108 </span> 1109 <span class="menu-opened-arrow"> 1110 <div class="svg-container"> 1111 <svg width="24" height="24" 1112 viewBox="0 0 24 24" fill="none" 1113 xmlns="http://www.w3.org/2000/svg"> 1114 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1115 stroke="#000" stroke-width="2" 1116 stroke-linecap="square"></path> 1117 </svg> 1118 </div> 1119 </span> 1120</div> 1121 1122 </button> 1123 1124 <div class="level-three__wrapper" id="level-three__wrapper_4"> 1125 <div class="level-three__topper"> 1126 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1127 <div class="svg-container"> 1128 <svg width="24" height="24"
1129 viewBox="0 0 24 24" fill="none" 1130 xmlns="http://www.w3.org/2000/svg"> 1131 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1132 stroke="#000" stroke-width="1.6" 1133 stroke-linecap="square" /> 1134 </svg> 1135 </div> 1136 </button> 1137 <div class="level-two__topper_title"> 1138 ONZE MERKEN 1139 </div> 1140 </div> 1141 1142 1143 <div class="level-three__wrapper_scrollerable"> 1144 <ul> 1145 1146 <li class="levethreeList"> 1147 <div class="mainSub__link levelFourMainMenu "> 1148 <a href="/onze-merken/skin-active/micellair" 1149 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::onze merken::micellair","click_area":"burger menu","breadcrumb":"huidverzorging::onze merken::micellair","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"micellair::https://www.garniernederland.nl/onze-merken/skin-active/micellair","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"micellair","link_url":"https://www.garniernederland.nl/onze-merken/skin-active/micellair","breadCrumb":"huidverzorging::onze merken::micellair","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1150 Micellair 1151 </a> 1152 </div> 1153 </li> 1154 1155 <li class="levethreeList"> 1156 <div class="mainSub__link levelFourMainMenu "> 1157 <a href="/huidverzorging/vitamine-c" 1158 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::onze merken::vitamin c","click_area":"burger menu","breadcrumb":"huidverzorging::onze merken::vitamin c","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"vitamin c::https://www.garniernederland.nl/huidverzorging/vitamine-c","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vitamin c","link_url":"https://www.garniernederland.nl/huidverzorging/vitamine-c","breadCrumb":"huidverzorging::onze merken::vitamin c","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1159 Vitamin C 1160 </a> 1161 </div> 1162 </li> 1163 1164 <li class="levethreeList"> 1165 <div class="mainSub__link levelFourMainMenu "> 1166 <a href="https://www.garniernederland.nl/onze-merken/skin-active" 1167 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::onze merken::pure active","click_area":"burger menu","breadcrumb":"huidverzorging::onze merken::pure active","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"pure active::https://www.garniernederland.nl/onze-merken/skin-active","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pure active","link_url":"https://www.garniernederland.nl/onze-merken/skin-active","breadCrumb":"huidverzorging::onze merken::pure active","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1168 Pure Active 1169 </a> 1170 </div> 1171 </li> 1172 1173 <li class="levethreeList"> 1174 <div class="mainSub__link levelFourMainMenu "> 1175 <a href="https://www.garniernederland.nl/huidverzorging/pimple-patch" 1176 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::onze merken::pimple patch","click_area":"burger menu","breadcrumb":"huidverzorging::onze merken::pimple patch","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"pimple patch::https://www.garniernederland.nl/huidverzorging/pimple-patch","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pimple patch","link_url":"https://www.garniernederland.nl/huidverzorging/pimple-patch","breadCrumb":"huidverzorging::onze merken::pimple patch","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1177 Pimple Patch 1178 </a> 1179 </div> 1180 </li> 1181 1182 <li class="levethreeList"> 1183 <div class="mainSub__link levelFourMainMenu "> 1184 <a href="https://www.garniernederland.nl/huidverzorging/ingredient-hyaluronzuur" 1185 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::onze merken::hyaluron","click_area":"burger menu","breadcrumb":"huidverzorging::onze merken::hyaluron","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"hyaluron::https://www.garniernederland.nl/huidverzorging/ingredient-hyaluronzuur","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"hyaluron","link_url":"https://www.garniernederland.nl/huidverzorging/ingredient-hyaluronzuur","breadCrumb":"huidverzorging::onze merken::hyaluron","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1186 Hyaluron 1187 </a> 1188 </div> 1189 </li> 1190 </ul> 1191 1192 1193 </div> 1194 1195 1196 </div> 1197 </li> 1198 </ul> 1199 1200 <div>
1201 <span class="mainShort__link"> 1202 <a href='https://www.garniernederland.nl/tips-en-advies/huidverzorging' target="" 1203 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::huidverzorgingstips","click_area":"burger menu","breadcrumb":"huidverzorging::huidverzorgingstips","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"huidverzorgingstips::https://www.garniernederland.nl/tips-en-advies/huidverzorging","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"huidverzorgingstips","link_url":"https://www.garniernederland.nl/tips-en-advies/huidverzorging","breadCrumb":"huidverzorging::huidverzorgingstips","step":"2/3","event_detail":"regular"}" class="menu-tag"> 1204 Huidverzorgingstips 1205 </a> 1206 </span> 1207 </div> 1208 <div> 1209 <span class="mainShort__link"> 1210 <a href='https://www.garniernederland.nl/huidverzorging' target="" 1211 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"huidverzorging::alle huidverzroging","click_area":"burger menu","breadcrumb":"huidverzorging::alle huidverzroging","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"alle huidverzroging::https://www.garniernederland.nl/huidverzorging","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"alle huidverzroging","link_url":"https://www.garniernederland.nl/huidverzorging","breadCrumb":"huidverzorging::alle huidverzroging","step":"2/3","event_detail":"regular"}" class="menu-tag"> 1212 Alle Huidverzroging 1213 </a> 1214 </span> 1215 </div> 1216 1217 </div> 1218 1219 1220 </div> 1221 </div> 1222 </li> 1223 1224 1225 <li class="levelOneMenu" :class="[1 === props.slotProps.clickActiveLevelOne ? 'isActiveLevelone':'']"> 1226 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelOne(1)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"haarverzorging::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"haarverzorging","link_url":"undefined","breadCrumb":"haarverzorging","step":"1/3","event_detail":"regular"}">
1227 <span class="list_title"> 1228 HAARVERZORGING 1229 </span> 1230 1231 1232 1233<div class="arrowContainer"> 1234 <span class="menu-rig-arrow"> 1235 <div class="svg-container"> 1236 <svg width="24" height="24" 1237 viewBox="0 0 24 24" fill="none" 1238 xmlns="http://www.w3.org/2000/svg"> 1239 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1240 stroke="#000" stroke-width="1.6" 1241 stroke-linecap="square"></path> 1242 </svg> 1243 </div> 1244 </span> 1245 <span class="menu-opened-arrow"> 1246 <div class="svg-container"> 1247 <svg width="24" height="24" 1248 viewBox="0 0 24 24" fill="none" 1249 xmlns="http://www.w3.org/2000/svg"> 1250 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1251 stroke="#000" stroke-width="2" 1252 stroke-linecap="square"></path> 1253 </svg> 1254 </div> 1255 </span> 1256</div> 1257 1258 </button> 1259 1260 <div class="level-two__wrapper" id="level-two__wrapper_1"> 1261 <div class="level-two__topper"> 1262 <button class="level-two__topper-back" tabindex="0" aria-label="Back to main menu" v-on:click="props.slotProps.backtoLOneMenu()" v-on:keydown.enter="props.slotProps.backtoLOneMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLOneMenu()"> 1263 <div class="svg-container"> 1264 <svg width="24" height="24" viewBox="0 0 24 24" 1265 fill="none" xmlns="http://www.w3.org/2000/svg"> 1266 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1267 stroke="#000" stroke-width="1.6" 1268 stroke-linecap="square" /> 1269 </svg> 1270 </div> 1271 </button> 1272 <div class="level-two__topper_title"> 1273 HAARVERZORGING 1274 </div> 1275 </div> 1276 <div class="level-two__wrapper-scrollable"> 1277 <div class="level-two-menu"> 1278 <ul> 1279 1280 <li class="levelTwoMenu" :class="[0 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1281 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(0)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"haar product type::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"haar product type","link_url":"undefined","breadCrumb":"haarverzorging::haar product type","step":"2/3","event_detail":"regular"}"> 1282 <!-- conditional for new badge --> 1283 <span class="list_title"> 1284 HAAR PRODUCT TYPE 1285 </span> 1286 1287 1288 1289 1290 1291<div class="arrowContainer"> 1292 <span class="menu-rig-arrow"> 1293 <div class="svg-container"> 1294 <svg width="24" height="24"
1295 viewBox="0 0 24 24" fill="none" 1296 xmlns="http://www.w3.org/2000/svg"> 1297 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1298 stroke="#000" stroke-width="1.6" 1299 stroke-linecap="square"></path> 1300 </svg> 1301 </div> 1302 </span> 1303 <span class="menu-opened-arrow"> 1304 <div class="svg-container"> 1305 <svg width="24" height="24" 1306 viewBox="0 0 24 24" fill="none" 1307 xmlns="http://www.w3.org/2000/svg"> 1308 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1309 stroke="#000" stroke-width="2" 1310 stroke-linecap="square"></path> 1311 </svg> 1312 </div> 1313 </span> 1314</div> 1315 1316 </button> 1317 1318 <div class="level-three__wrapper" id="level-three__wrapper_0"> 1319 <div class="level-three__topper"> 1320 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1321 <div class="svg-container"> 1322 <svg width="24" height="24"
1323 viewBox="0 0 24 24" fill="none" 1324 xmlns="http://www.w3.org/2000/svg"> 1325 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1326 stroke="#000" stroke-width="1.6" 1327 stroke-linecap="square" /> 1328 </svg> 1329 </div> 1330 </button> 1331 <div class="level-two__topper_title"> 1332 HAAR PRODUCT TYPE 1333 </div> 1334 </div> 1335 1336 <div class="level-three-image_container-xs"> 1337 <picture> 1338 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/3600542656221_1.png?rev=b40ff90ed5aa47b8b9550bf5ca9d07ce&cx=0&cy=0&cw=414&ch=208&hash=103723FB3890E8A0A7D5FD9DFE6D5552" /> 1339 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/3600542656221_1.png?rev=b40ff90ed5aa47b8b9550bf5ca9d07ce&cx=0&cy=0&cw=800&ch=308&hash=952AD72B7667C74266BAA8C90E3AF2D9" /> 1340 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/emea/nl/3600542656221_1.png?rev=b40ff90ed5aa47b8b9550bf5ca9d07ce&cx=0&cy=0&cw=360&ch=600&hash=9D41348C39EEF2789EA96E6CC0210C7B" alt="" /> 1341 <a href="https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask" target="" 1342 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::nieuw! grape moisture mask","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::nieuw! grape moisture mask","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! grape moisture mask::https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! grape moisture mask","link_url":"https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask","breadCrumb":"haarverzorging::haar product type::nieuw! grape moisture mask","step":"3/3","event_detail":"image"}"> 1343 </a> 1344 </picture> 1345 <a class="levelFourLink menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::nieuw! grape moisture mask","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::nieuw! grape moisture mask","event_detail":"image"}" 1346 href="https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask" 1347 target="" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! grape moisture mask::https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! grape moisture mask","link_url":"https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask","breadCrumb":"haarverzorging::haar product type::nieuw! grape moisture mask","step":"3/3","event_detail":"image"}">
1348 <span class="ctaLinkText"> 1349 Nieuw! Grape Moisture Mask 1350 </span> 1351 </a> 1352 </div> 1353 1354 <div class="level-three__wrapper_scrollerable"> 1355 <ul> 1356 1357 <li class="levethreeList"> 1358 <div class="mainSub__link levelFourMainMenu "> 1359 <a href="https://www.garniernederland.nl/haarverzorging/shampoo" 1360 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::shampoo","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::shampoo","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"shampoo::https://www.garniernederland.nl/haarverzorging/shampoo","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"shampoo","link_url":"https://www.garniernederland.nl/haarverzorging/shampoo","breadCrumb":"haarverzorging::haar product type::shampoo","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1361 Shampoo 1362 </a> 1363 </div> 1364 </li> 1365 1366 <li class="levethreeList"> 1367 <div class="mainSub__link levelFourMainMenu "> 1368 <a href="https://www.garniernederland.nl/haarverzorging/solid-shampoo" 1369 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::vaste shampoo","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::vaste shampoo","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"vaste shampoo::https://www.garniernederland.nl/haarverzorging/solid-shampoo","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vaste shampoo","link_url":"https://www.garniernederland.nl/haarverzorging/solid-shampoo","breadCrumb":"haarverzorging::haar product type::vaste shampoo","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1370 Vaste shampoo 1371 </a> 1372 </div> 1373 </li> 1374 1375 <li class="levethreeList"> 1376 <div class="mainSub__link levelFourMainMenu "> 1377 <a href="https://www.garniernederland.nl/haarverzorging/conditioner" 1378 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::conditionner","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::conditionner","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"conditionner::https://www.garniernederland.nl/haarverzorging/conditioner","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"conditionner","link_url":"https://www.garniernederland.nl/haarverzorging/conditioner","breadCrumb":"haarverzorging::haar product type::conditionner","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1379 Conditionner 1380 </a> 1381 </div> 1382 </li> 1383 1384 <li class="levethreeList"> 1385 <div class="mainSub__link levelFourMainMenu "> 1386 <a href="https://www.garniernederland.nl/haarverzorging/leave-in" 1387 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::leave-in","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::leave-in","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"
1387leave-in::https://www.garniernederland.nl/haarverzorging/leave-in","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"leave-in","link_url":"https://www.garniernederland.nl/haarverzorging/leave-in","breadCrumb":"haarverzorging::haar product type::leave-in","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1388 Leave-in 1389 </a> 1390 </div> 1391 </li> 1392 1393 <li class="levethreeList"> 1394 <div class="mainSub__link levelFourMainMenu "> 1395 <a href="https://www.garniernederland.nl/haarverzorging/haarmasker" 1396 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::haarmasker","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::haarmasker","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"haarmasker::https://www.garniernederland.nl/haarverzorging/haarmasker","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"haarmasker","link_url":"https://www.garniernederland.nl/haarverzorging/haarmasker","breadCrumb":"haarverzorging::haar product type::haarmasker","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1397 Haarmasker 1398 </a> 1399 </div> 1400 </li> 1401 1402 <li class="levethreeList"> 1403 <div class="mainSub__link levelFourMainMenu "> 1404 <a href="https://www.garniernederland.nl/search-page/search?query=haar+serum" 1405 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::haarserum","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::haarserum","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"haarserum::https://www.garniernederland.nl/search-page/search?query=haar+serum","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"haarserum","link_url":"https://www.garniernederland.nl/search-page/search?query=haar+serum","breadCrumb":"haarverzorging::haar product type::haarserum","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1406 Haarserum 1407 </a> 1408 </div> 1409 </li> 1410 1411 <li class="levethreeList"> 1412 <div class="mainSub__link levelFourMainMenu "> 1413 <a href="https://www.garniernederland.nl/haarverzorging?filters=haarolie" 1414 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::haarolie","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::haarolie","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"haarolie::https://www.garniernederland.nl/haarverzorging?filters=haarolie","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"haarolie","link_url":"https://www.garniernederland.nl/haarverzorging?filters=haarolie","breadCrumb":"haarverzorging::haar product type::haarolie","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1415 Haarolie 1416 </a> 1417 </div> 1418 </li> 1419 1420 <li class="levethreeList"> 1421 <div class="mainSub__link levelFourMainMenu "> 1422 <a href="https://www.garniernederland.nl/onze-merken/refills" 1423 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::refills","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::refills","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"refills::https://www.garniernederland.nl/onze-merken/refills","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"refills","link_url":"https://www.garniernederland.nl/onze-merken/refills","breadCrumb":"haarverzorging::haar product type::refills","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1424 Refills 1425 </a> 1426 </div> 1427 </li> 1428 </ul> 1429 1430 1431 </div> 1432 1433 1434 <div class="level-four__wrapper"> 1435 <div class="level-four-image_container"> 1436 <picture class="level-four-image_container--img"> 1437 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/3600542656221_1.png?rev=b40ff90ed5aa47b8b9550bf5ca9d07ce&cx=0&cy=0&cw=414&ch=208&hash=103723FB3890E8A0A7D5FD9DFE6D5552" /> 1438 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/3600542656221_1.png?rev=b40ff90ed5aa47b8b9550bf5ca9d07ce&cx=0&cy=0&cw=800&ch=308&hash=952AD72B7667C74266BAA8C90E3AF2D9" /> 1439 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/emea/nl/3600542656221_1.png?rev=b40ff90ed5aa47b8b9550bf5ca9d07ce&cx=0&cy=0&cw=360&ch=600&hash=9D41348C39EEF2789EA96E6CC0210C7B" alt="" /> 1440 <a href="https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask" target="" 1441 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::nieuw! grape moisture mask","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::nieuw! grape moisture mask","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! grape moisture mask::https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! grape moisture mask","link_url":"https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask","breadCrumb":"haarverzorging::haar product type::nieuw! grape moisture mask","step":"3/3","event_detail":"image"}"> 1442 </a> 1443 </picture> 1444 <a class="levelFourLink menu-tag" style="--ctaTextColor : ;" 1445 href="https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask" 1446 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar product type::nieuw! grape moisture mask","click_area":"burger menu","breadcrumb":"haarverzorging::haar product type::nieuw! grape moisture mask","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! grape moisture mask::https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! grape moisture mask","link_url":"https://www.garniernederland.nl/haarverzorging/haarmasker/grape-moisture-mask","breadCrumb":"haarverzorging::haar product type::nieuw! grape moisture mask","step":"3/3","event_detail":"image"}">
1447 <span class="ctaLinkText"> 1448 Nieuw! Grape Moisture Mask 1449 </span> 1450 </a> 1451 </div> 1452 </div> 1453 </div> 1454 </li> 1455 1456 <li class="levelTwoMenu" :class="[1 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1457 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(1)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"haar type::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"haar type","link_url":"undefined","breadCrumb":"haarverzorging::haar type","step":"2/3","event_detail":"regular"}"> 1458 <!-- conditional for new badge --> 1459 <span class="list_title"> 1460 HAAR TYPE 1461 </span> 1462 1463 1464 1465 1466 1467<div class="arrowContainer"> 1468 <span class="menu-rig-arrow"> 1469 <div class="svg-container"> 1470 <svg width="24" height="24"
1471 viewBox="0 0 24 24" fill="none" 1472 xmlns="http://www.w3.org/2000/svg"> 1473 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1474 stroke="#000" stroke-width="1.6" 1475 stroke-linecap="square"></path> 1476 </svg> 1477 </div> 1478 </span> 1479 <span class="menu-opened-arrow"> 1480 <div class="svg-container"> 1481 <svg width="24" height="24" 1482 viewBox="0 0 24 24" fill="none" 1483 xmlns="http://www.w3.org/2000/svg"> 1484 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1485 stroke="#000" stroke-width="2" 1486 stroke-linecap="square"></path> 1487 </svg> 1488 </div> 1489 </span> 1490</div> 1491 1492 </button> 1493 1494 <div class="level-three__wrapper" id="level-three__wrapper_1"> 1495 <div class="level-three__topper"> 1496 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1497 <div class="svg-container"> 1498 <svg width="24" height="24"
1499 viewBox="0 0 24 24" fill="none" 1500 xmlns="http://www.w3.org/2000/svg"> 1501 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1502 stroke="#000" stroke-width="1.6" 1503 stroke-linecap="square" /> 1504 </svg> 1505 </div> 1506 </button> 1507 <div class="level-two__topper_title"> 1508 HAAR TYPE 1509 </div> 1510 </div> 1511 1512 1513 <div class="level-three__wrapper_scrollerable"> 1514 <ul> 1515 1516 <li class="levethreeList"> 1517 <div class="mainSub__link levelFourMainMenu "> 1518 <a href="https://www.garniernederland.nl/haartype/pluizig-haar" 1519 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar type::pluzig en krullend haar","click_area":"burger menu","breadcrumb":"haarverzorging::haar type::pluzig en krullend haar","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"pluzig en krullend haar::https://www.garniernederland.nl/haartype/pluizig-haar","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pluzig en krullend haar","link_url":"https://www.garniernederland.nl/haartype/pluizig-haar","breadCrumb":"haarverzorging::haar type::pluzig en krullend haar","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1520 Pluzig en krullend haar 1521 </a> 1522 </div> 1523 </li> 1524 1525 <li class="levethreeList"> 1526 <div class="mainSub__link levelFourMainMenu "> 1527 <a href="https://www.garniernederland.nl/haartype/droog-haar" 1528 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar type::droog haar","click_area":"burger menu","breadcrumb":"haarverzorging::haar type::droog haar","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"droog haar::https://www.garniernederland.nl/haartype/droog-haar","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"droog haar","link_url":"https://www.garniernederland.nl/haartype/droog-haar","breadCrumb":"haarverzorging::haar type::droog haar","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1529 Droog haar 1530 </a> 1531 </div> 1532 </li> 1533 1534 <li class="levethreeList"> 1535 <div class="mainSub__link levelFourMainMenu "> 1536 <a href="https://www.garniernederland.nl/haartype/beschadigd-haar" 1537 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar type::beschadigd haar","click_area":"burger menu","breadcrumb":"haarverzorging::haar type::beschadigd haar","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"beschadigd haar::https://www.garniernederland.nl/haartype/bescha
1537digd-haar","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"beschadigd haar","link_url":"https://www.garniernederland.nl/haartype/beschadigd-haar","breadCrumb":"haarverzorging::haar type::beschadigd haar","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1538 Beschadigd haar 1539 </a> 1540 </div> 1541 </li> 1542 1543 <li class="levethreeList"> 1544 <div class="mainSub__link levelFourMainMenu "> 1545 <a href="https://www.garniernederland.nl/haartype/vettige-hoofdhuid" 1546 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar type::vettige hoofdhuid","click_area":"burger menu","breadcrumb":"haarverzorging::haar type::vettige hoofdhuid","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"vettige hoofdhuid::https://www.garniernederland.nl/haartype/vettige-hoofdhuid","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vettige hoofdhuid","link_url":"https://www.garniernederland.nl/haartype/vettige-hoofdhuid","breadCrumb":"haarverzorging::haar type::vettige hoofdhuid","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1547 Vettige hoofdhuid 1548 </a> 1549 </div> 1550 </li> 1551 1552 <li class="levethreeList"> 1553 <div class="mainSub__link levelFourMainMenu "> 1554 <a href="https://www.garniernederland.nl/haarverzorging/kids-shampoo" 1555 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar type::kids","click_area":"burger menu","breadcrumb":"haarverzorging::haar type::kids","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"kids::https://www.garniernederland.nl/haarverzorging/kids-shampoo","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"kids","link_url":"https://www.garniernederland.nl/haarverzorging/kids-shampoo","breadCrumb":"haarverzorging::haar type::kids","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1556 Kids 1557 </a> 1558 </div> 1559 </li> 1560 1561 <li class="levethreeList"> 1562 <div class="mainSub__link levelFourMainMenu "> 1563 <a href="https://www.garniernederland.nl/haartype/gevoelige-hoofdhuid" 1564 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::haar type::gevoelige hoofdhuid","click_area":"burger menu","breadcrumb":"haarverzorging::haar type::gevoelige hoofdhuid","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"gevoelige hoofdhuid::https://www.garniernederland.nl/haartype/gevoelige-hoofdhuid","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"gevoelige hoofdhuid","link_url":"https://www.garniernederland.nl/haartype/gevoelige-hoofdhuid","breadCrumb":"haarverzorging::haar type::gevoelige hoofdhuid","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1565 Gevoelige hoofdhuid 1566 </a> 1567 </div> 1568 </li> 1569 </ul> 1570 1571 1572 </div> 1573 1574 1575 </div> 1576 </li> 1577 1578 <li class="levelTwoMenu" :class="[2 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1579 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(2)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"ingrediënten::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ingrediënten","link_url":"undefined","breadCrumb":"haarverzorging::ingrediënten","step":"2/3","event_detail":"regular"}"> 1580 <!-- conditional for new badge -->
1581 <span class="list_title"> 1582 INGREDIËNTEN 1583 </span> 1584 1585 1586 1587 1588 1589<div class="arrowContainer"> 1590 <span class="menu-rig-arrow"> 1591 <div class="svg-container"> 1592 <svg width="24" height="24" 1593 viewBox="0 0 24 24" fill="none" 1594 xmlns="http://www.w3.org/2000/svg"> 1595 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1596 stroke="#000" stroke-width="1.6" 1597 stroke-linecap="square"></path> 1598 </svg> 1599 </div> 1600 </span> 1601 <span class="menu-opened-arrow"> 1602 <div class="svg-container"> 1603 <svg width="24" height="24" 1604 viewBox="0 0 24 24" fill="none" 1605 xmlns="http://www.w3.org/2000/svg"> 1606 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1607 stroke="#000" stroke-width="2" 1608 stroke-linecap="square"></path> 1609 </svg> 1610 </div> 1611 </span> 1612</div> 1613 1614 </button> 1615 1616 <div class="level-three__wrapper" id="level-three__wrapper_2"> 1617 <div class="level-three__topper"> 1618 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1619 <div class="svg-container"> 1620 <svg width="24" height="24"
1621 viewBox="0 0 24 24" fill="none" 1622 xmlns="http://www.w3.org/2000/svg"> 1623 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1624 stroke="#000" stroke-width="1.6" 1625 stroke-linecap="square" /> 1626 </svg> 1627 </div> 1628 </button> 1629 <div class="level-two__topper_title"> 1630 INGREDIËNTEN 1631 </div> 1632 </div> 1633 1634 <div class="level-three-image_container-xs"> 1635 <picture> 1636 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/keratin-without-podium-(3).png?rev=6200f98982ac41489d76f695f65c0516&cx=0&cy=0&cw=414&ch=208&hash=FDD805A5E4B630503FA31BBB5EE1BD25" /> 1637 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/keratin-without-podium-(3).png?rev=6200f98982ac41489d76f695f65c0516&cx=0&cy=0&cw=800&ch=308&hash=9A14DA9DAC3DBB7385C01CB445E65E6C" /> 1638 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/emea/nl/keratin-without-podium-(3).png?rev=6200f98982ac41489d76f695f65c0516&cx=0&cy=0&cw=360&ch=600&hash=F1106A95BD12A788B74CC15877EF575F" alt="" /> 1639 <a href="" target="" 1640 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::ingrediënten::argan olie","click_area":"burger menu","breadcrumb":"haarverzorging::ingrediënten::argan olie","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"argan olie::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"argan olie","link_url":"undefined","breadCrumb":"haarverzorging::ingrediënten::argan olie","step":"3/3","event_detail":"image"}"> 1641 </a> 1642 </picture> 1643 <a class="levelFourLink menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::ingrediënten::argan olie","click_area":"burger menu","breadcrumb":"haarverzorging::ingrediënten::argan olie","event_detail":"image"}" 1644 href="" 1645 target="" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"argan olie::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"argan olie","link_url":"undefined","breadCrumb":"haarverzorging::ingrediënten::argan olie","step":"3/3","event_detail":"image"}">
1646 <span class="ctaLinkText"> 1647 Argan olie 1648 </span> 1649 </a> 1650 </div> 1651 1652 <div class="level-three__wrapper_scrollerable"> 1653 <ul> 1654 1655 <li class="levethreeList"> 1656 <div class="mainSub__link levelFourMainMenu "> 1657 <span class="onlyText">Argan olie</span> 1658 </div> 1659 </li> 1660 1661 <li class="levethreeList"> 1662 <div class="mainSub__link levelFourMainMenu "> 1663 <span class="onlyText">Avocado olie</span> 1664 </div> 1665 </li> 1666 1667 <li class="levethreeList"> 1668 <div class="mainSub__link levelFourMainMenu "> 1669 <span class="onlyText">Honing</span> 1670 </div> 1671 </li> 1672 1673 <li class="levethreeList"> 1674 <div class="mainSub__link levelFourMainMenu "> 1675 <span class="onlyText">Druiven</span> 1676 </div> 1677 </li> 1678 </ul> 1679 1680 1681 <div class="mainSub__link"> 1682 <a href="" target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::ingrediënten::alles bekijken ingrediënten","click_area":"burger menu","breadcrumb":"haarverzorging::ingrediënten::alles bekijken ingrediënten","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"alles bekijken ingrediënten::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"alles bekijken ingrediënten","link_url":"undefined","breadCrumb":"haarverzorging::ingrediënten::alles bekijken ingrediënten","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1683 ALLES BEKIJKEN INGREDIËNTEN 1684 </a> 1685 </div> 1686 </div> 1687 1688 1689 <div class="level-four__wrapper"> 1690 <div class="level-four-image_container"> 1691 <picture class="level-four-image_container--img"> 1692 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/keratin-without-podium-(3).png?rev=6200f98982ac41489d76f695f65c0516&cx=0&cy=0&cw=414&ch=208&hash=FDD805A5E4B630503FA31BBB5EE1BD25" /> 1693 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/keratin-without-podium-(3).png?rev=6200f98982ac41489d76f695f65c0516&cx=0&cy=0&cw=800&ch=308&hash=9A14DA9DAC3DBB7385C01CB445E65E6C" /> 1694 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/emea/nl/keratin-without-podium-(3).png?rev=6200f98982ac41489d76f695f65c0516&cx=0&cy=0&cw=360&ch=600&hash=F1106A95BD12A788B74CC15877EF575F" alt="" /> 1695 <a href="" target="" 1696 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::ingrediënten::argan olie","click_area":"burger menu","breadcrumb":"haarverzorging::ingrediënten::argan olie","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"argan olie::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"argan olie","link_url":"undefined","breadCrumb":"haarverzorging::ingrediënten::argan olie","step":"3/3","event_detail":"image"}"> 1697 </a> 1698 </picture> 1699 <a class="levelFourLink menu-tag" style="--ctaTextColor : ;" 1700 href="" 1701 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::ingrediënten::argan olie","click_area":"burger menu","breadcrumb":"haarverzorging::ingrediënten::argan olie","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"argan olie::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"argan olie","link_url":"undefined","breadCrumb":"haarverzorging::ingrediënten::argan olie","step":"3/3","event_detail":"image"}">
1702 <span class="ctaLinkText"> 1703 Argan olie 1704 </span> 1705 </a> 1706 </div> 1707 </div> 1708 </div> 1709 </li> 1710 1711 <li class="levelTwoMenu" :class="[3 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1712 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(3)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"onze merken::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"onze merken","link_url":"undefined","breadCrumb":"haarverzorging::onze merken","step":"2/3","event_detail":"regular"}"> 1713 <!-- conditional for new badge --> 1714 <span class="list_title"> 1715 ONZE MERKEN 1716 </span> 1717 1718 1719 1720 1721 1722<div class="arrowContainer"> 1723 <span class="menu-rig-arrow"> 1724 <div class="svg-container"> 1725 <svg width="24" height="24"
1726 viewBox="0 0 24 24" fill="none" 1727 xmlns="http://www.w3.org/2000/svg"> 1728 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1729 stroke="#000" stroke-width="1.6" 1730 stroke-linecap="square"></path> 1731 </svg> 1732 </div> 1733 </span> 1734 <span class="menu-opened-arrow"> 1735 <div class="svg-container"> 1736 <svg width="24" height="24" 1737 viewBox="0 0 24 24" fill="none" 1738 xmlns="http://www.w3.org/2000/svg"> 1739 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1740 stroke="#000" stroke-width="2" 1741 stroke-linecap="square"></path> 1742 </svg> 1743 </div> 1744 </span> 1745</div> 1746 1747 </button> 1748 1749 <div class="level-three__wrapper" id="level-three__wrapper_3"> 1750 <div class="level-three__topper"> 1751 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1752 <div class="svg-container"> 1753 <svg width="24" height="24"
1754 viewBox="0 0 24 24" fill="none" 1755 xmlns="http://www.w3.org/2000/svg"> 1756 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1757 stroke="#000" stroke-width="1.6" 1758 stroke-linecap="square" /> 1759 </svg> 1760 </div> 1761 </button> 1762 <div class="level-two__topper_title"> 1763 ONZE MERKEN 1764 </div> 1765 </div> 1766 1767 <div class="level-three-image_container-xs"> 1768 <picture> 1769 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/garnier_haircare_lovingblends_grape_moisture_range_2026_brandpage_466x500pxjpg_master-(1).jpg?rev=2ad738dceb3743af8dcfae2c00db9e58&cx=0&cy=0&cw=414&ch=208&hash=A6C10E667A27FE426964EEFC4AB9D2C7" /> 1770 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/garnier_haircare_lovingblends_grape_moisture_range_2026_brandpage_466x500pxjpg_master-(1).jpg?rev=2ad738dceb3743af8dcfae2c00db9e58&cx=0&cy=0&cw=800&ch=308&hash=060A28AB5EE7F2F83A75A4E59AD052AD" /> 1771 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/emea/nl/garnier_haircare_lovingblends_grape_moisture_range_2026_brandpage_466x500pxjpg_master-(1).jpg?rev=2ad738dceb3743af8dcfae2c00db9e58&cx=0&cy=0&cw=360&ch=600&hash=0879F8ACE33F546099CB8D5B62806BC0" alt="" /> 1772 <a href="https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture" target="" 1773 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::onze merken::nieuw! grape moisture","click_area":"burger menu","breadcrumb":"haarverzorging::onze merken::nieuw! grape moisture","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! grape moisture::https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! grape moisture","link_url":"https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture","breadCrumb":"haarverzorging::onze merken::nieuw! grape moisture","step":"3/3","event_detail":"image"}"> 1774 </a> 1775 </picture> 1776 <a class="levelFourLink menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::onze merken::nieuw! grape moisture","click_area":"burger menu","breadcrumb":"haarverzorging::onze merken::nieuw! grape moisture","event_detail":"image"}" 1777 href="https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture" 1778 target="" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! grape moisture::https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! grape moisture","link_url":"https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture","breadCrumb":"haarverzorging::onze merken::nieuw! grape moisture","step":"3/3","event_detail":"image"}">
1779 <span class="ctaLinkText"> 1780 Nieuw! Grape Moisture 1781 </span> 1782 </a> 1783 </div> 1784 1785 <div class="level-three__wrapper_scrollerable"> 1786 <ul> 1787 1788 <li class="levethreeList"> 1789 <div class="mainSub__link levelFourMainMenu "> 1790 <a href="https://www.garniernederland.nl/onze-merken/loving-blends" 1791 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::onze merken::loving blends","click_area":"burger menu","breadcrumb":"haarverzorging::onze merken::loving blends","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"loving blends::https://www.garniernederland.nl/onze-merken/loving-blends","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"loving blends","link_url":"https://www.garniernederland.nl/onze-merken/loving-blends","breadCrumb":"haarverzorging::onze merken::loving blends","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1792 Loving Blends 1793 </a> 1794 </div> 1795 </li> 1796 1797 <li class="levethreeList"> 1798 <div class="mainSub__link levelFourMainMenu "> 1799 <a href="https://www.garniernederland.nl/haarverzorging/fructis" 1800 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::onze merken::fructis","click_area":"burger menu","breadcrumb":"haarverzorging::onze merken::fructis","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"fructis::https://www.garniernederland.nl/haarverzorging/fructis","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"fructis","link_url":"https://www.garniernederland.nl/haarverzorging/fructis","breadCrumb":"haarverzorging::onze merken::fructis","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1801 Fructis 1802 </a> 1803 </div> 1804 </li> 1805 1806 <li class="levethreeList"> 1807 <div class="mainSub__link levelFourMainMenu "> 1808 <a href="https://www.garniernederland.nl/haarverzorging/fructis/hair-food" 1809 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::onze merken::hair food","click_area":"burger menu","breadcrumb":"haarverzorging::onze merken::hair food","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"hair food::https://www.garniernederland.nl/haarverzorging/fructis/hair-food","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"hair food","link_url":"https://www.garniernederland.nl/haarverzorging/fructis/hair-food","breadCrumb":"haarverzorging::onze merken::hair food","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1810 Hair Food 1811 </a> 1812 </div> 1813 </li> 1814 1815 <li class="levethreeList"> 1816 <div class="mainSub__link levelFourMainMenu "> 1817 <a href="https://www.garniernederland.nl/haarverzorging/kids-shampoo" 1818 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::onze merken::kids","click_area":"burger menu","breadcrumb":"haarverzorging::onze merken::kids","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"kids::https://www.garniernederland.nl/haarverzorging/kids-shampoo","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"kids","link_url":"https://www.garniernederland.nl/haarverzorging/kids-shampoo","breadCrumb":"haarverzorging::onze merken::kids","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1819 Kids 1820 </a> 1821 </div> 1822 </li> 1823 </ul> 1824 1825 1826 <div class="mainSub__link"> 1827 <a href="https://www.garniernederland.nl/onze-merken/loving-blends/avocado" target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::onze merken::alles bekijken onze merken","click_area":"burger menu","breadcrumb":"haarverzorging::onze merken::alles bekijken onze merken","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"alles bekijken onze merken::https://www.garniernederland.nl/onze-merken/loving-blends/avocado","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"alles bekijken onze merken","link_url":"https://www.garniernederland.nl/onze-merken/loving-blends/avocado","breadCrumb":"haarverzorging::onze merken::alles bekijken onze merken","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1828 ALLES BEKIJKEN ONZE MERKEN 1829 </a> 1830 </div> 1831 </div> 1832 1833 1834 <div class="level-four__wrapper"> 1835 <div class="level-four-image_container"> 1836 <picture class="level-four-image_container--img"> 1837 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/garnier_haircare_lovingblends_grape_moisture_range_2026_brandpage_466x500pxjpg_master-(1).jpg?rev=2ad738dceb3743af8dcfae2c00db9e58&cx=0&cy=0&cw=414&ch=208&hash=A6C10E667A27FE426964EEFC4AB9D2C7" /> 1838 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/garnier_haircare_lovingblends_grape_moisture_range_2026_brandpage_466x500pxjpg_master-(1).jpg?rev=2ad738dceb3743af8dcfae2c00db9e58&cx=0&cy=0&cw=800&ch=308&hash=060A28AB5EE7F2F83A75A4E59AD052AD" /> 1839 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/emea/nl/garnier_haircare_lovingblends_grape_moisture_range_2026_brandpage_466x500pxjpg_master-(1).jpg?rev=2ad738dceb3743af8dcfae2c00db9e58&cx=0&cy=0&cw=360&ch=600&hash=0879F8ACE33F546099CB8D5B62806BC0" alt="" /> 1840 <a href="https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture" target="" 1841 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::onze merken::nieuw! grape moisture","click_area":"burger menu","breadcrumb":"haarverzorging::onze merken::nieuw! grape moisture","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! grape moisture::https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! grape moisture","link_url":"https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture","breadCrumb":"haarverzorging::onze merken::nieuw! grape moisture","step":"3/3","event_detail":"image"}"> 1842 </a> 1843 </picture> 1844 <a class="levelFourLink menu-tag" style="--ctaTextColor : ;" 1845 href="https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture" 1846 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::onze merken::nieuw! grape moisture","click_area":"burger menu","breadcrumb":"haarverzorging::onze merken::nieuw! grape moisture","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nieuw! grape moisture::https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nieuw! grape moisture","link_url":"https://www.garniernederland.nl/onze-merken/loving-blends/grape-moisture","breadCrumb":"haarverzorging::onze merken::nieuw! grape moisture","step":"3/3","event_detail":"image"}">
1847 <span class="ctaLinkText"> 1848 Nieuw! Grape Moisture 1849 </span> 1850 </a> 1851 </div> 1852 </div> 1853 </div> 1854 </li> 1855 </ul> 1856 1857 <div> 1858 <span class="mainShort__link"> 1859 <a href='https://www.garniernederland.nl/haarverzorging' target="" 1860 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::alle haarverzorgingsproducten","click_area":"burger menu","breadcrumb":"haarverzorging::alle haarverzorgingsproducten","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"alle haarverzorgingsproducten::https://www.garniernederland.nl/haarverzorging","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"alle haarverzorgingsproducten","link_url":"https://www.garniernederland.nl/haarverzorging","breadCrumb":"haarverzorging::alle haarverzorgingsproducten","step":"2/3","event_detail":"regular"}" class="menu-tag"> 1861 Alle Haarverzorgingsproducten 1862 </a> 1863 </span> 1864 </div> 1865 <div> 1866 <span class="mainShort__link"> 1867 <a href='https://www.garniernederland.nl/tips-en-advies/haarverzorging' target="" 1868 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarverzorging::alle tips voor je haar","click_area":"burger menu","breadcrumb":"haarverzorging::alle tips voor je haar","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"alle tips voor je haar::https://www.garniernederland.nl/tips-en-advies/haarverzorging","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"alle tips voor je haar","link_url":"https://www.garniernederland.nl/tips-en-advies/haarverzorging","breadCrumb":"haarverzorging::alle tips voor je haar","step":"2/3","event_detail":"regular"}" class="menu-tag"> 1869 Alle Tips Voor Je Haar 1870 </a> 1871 </span> 1872 </div> 1873 1874 </div> 1875 1876 1877 </div> 1878 </div> 1879 </li> 1880 1881 1882 <li class="levelOneMenu" :class="[2 === props.slotProps.clickActiveLevelOne ? 'isActiveLevelone':'']"> 1883 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelOne(2)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"haarkleuring::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"haarkleuring","link_url":"undefined","breadCrumb":"haarkleuring","step":"1/3","event_detail":"regular"}">
1884 <span class="list_title"> 1885 HAARKLEURING 1886 </span> 1887 1888 1889 1890<div class="arrowContainer"> 1891 <span class="menu-rig-arrow"> 1892 <div class="svg-container"> 1893 <svg width="24" height="24" 1894 viewBox="0 0 24 24" fill="none" 1895 xmlns="http://www.w3.org/2000/svg"> 1896 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1897 stroke="#000" stroke-width="1.6" 1898 stroke-linecap="square"></path> 1899 </svg> 1900 </div> 1901 </span> 1902 <span class="menu-opened-arrow"> 1903 <div class="svg-container"> 1904 <svg width="24" height="24" 1905 viewBox="0 0 24 24" fill="none" 1906 xmlns="http://www.w3.org/2000/svg"> 1907 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1908 stroke="#000" stroke-width="2" 1909 stroke-linecap="square"></path> 1910 </svg> 1911 </div> 1912 </span> 1913</div> 1914 1915 </button> 1916 1917 <div class="level-two__wrapper" id="level-two__wrapper_2"> 1918 <div class="level-two__topper"> 1919 <button class="level-two__topper-back" tabindex="0" aria-label="Back to main menu" v-on:click="props.slotProps.backtoLOneMenu()" v-on:keydown.enter="props.slotProps.backtoLOneMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLOneMenu()"> 1920 <div class="svg-container"> 1921 <svg width="24" height="24" viewBox="0 0 24 24" 1922 fill="none" xmlns="http://www.w3.org/2000/svg"> 1923 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1924 stroke="#000" stroke-width="1.6" 1925 stroke-linecap="square" /> 1926 </svg> 1927 </div> 1928 </button> 1929 <div class="level-two__topper_title"> 1930 HAARKLEURING 1931 </div> 1932 </div> 1933 <div class="level-two__wrapper-scrollable"> 1934 <div class="level-two-menu"> 1935 <ul> 1936 1937 <li class="levelTwoMenu" :class="[0 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1938 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(0)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"haarkleur::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"haarkleur","link_url":"undefined","breadCrumb":"haarkleuring::haarkleur","step":"2/3","event_detail":"regular"}"> 1939 <!-- conditional for new badge --> 1940 <span class="list_title"> 1941 HAARKLEUR 1942 </span> 1943 1944 1945 1946 1947 1948<div class="arrowContainer"> 1949 <span class="menu-rig-arrow"> 1950 <div class="svg-container"> 1951 <svg width="24" height="24"
1952 viewBox="0 0 24 24" fill="none" 1953 xmlns="http://www.w3.org/2000/svg"> 1954 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1955 stroke="#000" stroke-width="1.6" 1956 stroke-linecap="square"></path> 1957 </svg> 1958 </div> 1959 </span> 1960 <span class="menu-opened-arrow"> 1961 <div class="svg-container"> 1962 <svg width="24" height="24" 1963 viewBox="0 0 24 24" fill="none" 1964 xmlns="http://www.w3.org/2000/svg"> 1965 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1966 stroke="#000" stroke-width="2" 1967 stroke-linecap="square"></path> 1968 </svg> 1969 </div> 1970 </span> 1971</div> 1972 1973 </button> 1974 1975 <div class="level-three__wrapper" id="level-three__wrapper_0"> 1976 <div class="level-three__topper"> 1977 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1978 <div class="svg-container"> 1979 <svg width="24" height="24"
1980 viewBox="0 0 24 24" fill="none" 1981 xmlns="http://www.w3.org/2000/svg"> 1982 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1983 stroke="#000" stroke-width="1.6" 1984 stroke-linecap="square" /> 1985 </svg> 1986 </div> 1987 </button> 1988 <div class="level-two__topper_title"> 1989 HAARKLEUR 1990 </div> 1991 </div> 1992 1993 1994 <div class="level-three__wrapper_scrollerable"> 1995 <ul> 1996 1997 <li class="levethreeList"> 1998 <div class="mainSub__link levelFourMainMenu "> 1999 <a href="https://www.garniernederland.nl/haarkleur/blond" 2000 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::haarkleur::blond","click_area":"burger menu","breadcrumb":"haarkleuring::haarkleur::blond","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"blond::https://www.garniernederland.nl/haarkleur/blond","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"blond","link_url":"https://www.garniernederland.nl/haarkleur/blond","breadCrumb":"haarkleuring::haarkleur::blond","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2001 Blond 2002 </a> 2003 </div> 2004 </li> 2005 2006 <li class="levethreeList"> 2007 <div class="mainSub__link levelFourMainMenu "> 2008 <a href="https://www.garniernederland.nl/haarkleur/zwart" 2009 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::haarkleur::zwart","click_area":"burger menu","breadcrumb":"haarkleuring::haarkleur::zwart","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"zwart::https://www.garniernederland.nl/haarkleur/zwart","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"zwart","link_url":"https://www.garniernederland.nl/haarkleur/zwart","breadCrumb":"haarkleuring::haarkleur::zwart","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2010 Zwart 2011 </a> 2012 </div> 2013 </li> 2014 2015 <li class="levethreeList"> 2016 <div class="mainSub__link levelFourMainMenu "> 2017 <a href="https://www.garniernederland.nl/haarkleur/bruin" 2018 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::haarkleur::bruin","click_area":"burger menu","breadcrumb":"haarkleuring::haarkleur::bruin","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"bruin::https://www.garniernederland.nl/haarkleur/bruin","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"bruin","link_url":"https://www.garniernederland.nl/haarkleur/bruin","breadCrumb":"haarkleuring::haarkleur::bruin","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2019 Bruin 2020 </a> 2021 </div> 2022 </li> 2023 2024 <li class="levethreeList"> 2025 <div class="mainSub__link levelFourMainMenu "> 2026 <a href="https://www.garniernederland.nl/haarkleur/rood" 2027 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::haarkleur::rood","click_area":"burger menu","breadcrumb":"haarkleuring::haarkleur::rood","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"rood::https://www.garniernederland.nl/haarkleur/rood","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"rood","link_url":"https://www.garniernederland.nl/haarkleur/rood","breadCrumb":"haarkleuring::haarkleur::rood","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2028 Rood 2029 </a> 2030 </div> 2031 </li> 2032 </ul> 2033 2034 2035 </div> 2036 2037 2038 </div> 2039 </li> 2040 2041 <li class="levelTwoMenu" :class="[1 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2042 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(1)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"haarkleur product type::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"haarkleur product type","link_url":"undefined","breadCrumb":"haarkleuring::haarkleur product type","step":"2/3","event_detail":"regular"}"> 2043 <!-- conditional for new badge -->
2044 <span class="list_title"> 2045 HAARKLEUR PRODUCT TYPE 2046 </span> 2047 2048 2049 2050 2051 2052<div class="arrowContainer"> 2053 <span class="menu-rig-arrow"> 2054 <div class="svg-container"> 2055 <svg width="24" height="24" 2056 viewBox="0 0 24 24" fill="none" 2057 xmlns="http://www.w3.org/2000/svg"> 2058 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2059 stroke="#000" stroke-width="1.6" 2060 stroke-linecap="square"></path> 2061 </svg> 2062 </div> 2063 </span> 2064 <span class="menu-opened-arrow"> 2065 <div class="svg-container"> 2066 <svg width="24" height="24" 2067 viewBox="0 0 24 24" fill="none" 2068 xmlns="http://www.w3.org/2000/svg"> 2069 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2070 stroke="#000" stroke-width="2" 2071 stroke-linecap="square"></path> 2072 </svg> 2073 </div> 2074 </span> 2075</div> 2076 2077 </button> 2078 2079 <div class="level-three__wrapper" id="level-three__wrapper_1"> 2080 <div class="level-three__topper"> 2081 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2082 <div class="svg-container"> 2083 <svg width="24" height="24"
2084 viewBox="0 0 24 24" fill="none" 2085 xmlns="http://www.w3.org/2000/svg"> 2086 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2087 stroke="#000" stroke-width="1.6" 2088 stroke-linecap="square" /> 2089 </svg> 2090 </div> 2091 </button> 2092 <div class="level-two__topper_title"> 2093 HAARKLEUR PRODUCT TYPE 2094 </div> 2095 </div> 2096 2097 2098 <div class="level-three__wrapper_scrollerable"> 2099 <ul> 2100 2101 <li class="levethreeList"> 2102 <div class="mainSub__link levelFourMainMenu "> 2103 <a href="https://www.garniernederland.nl/haarkleuring?filters=permanente-haarkleuring" 2104 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::haarkleur product type::permanente haarkleur","click_area":"burger menu","breadcrumb":"haarkleuring::haarkleur product type::permanente haarkleur","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"permanente haarkleur::https://www.garniernederland.nl/haarkleuring?filters=permanente-haarkleuring","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"permanente haarkleur","link_url":"https://www.garniernederland.nl/haarkleuring?filters=permanente-haarkleuring","breadCrumb":"haarkleuring::haarkleur product type::permanente haarkleur","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2105 Permanente Haarkleur 2106 </a> 2107 </div> 2108 </li> 2109 2110 <li class="levethreeList"> 2111 <div class="mainSub__link levelFourMainMenu "> 2112 <a href="https://www.garniernederland.nl/haarkleuring?filters=haarkleuring-zonder-ammoniak" 2113 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::haarkleur product type::haarkleuring zonder ammoniak","click_area":"burger menu","breadcrumb":"haarkleuring::haarkleur product type::haarkleuring zonder ammoniak","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"haarkleuring zonder ammoniak::https://www.garniernederland.nl/haarkleuring?filters=haarkleuring-zonder-ammoniak","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"haarkleuring zonder ammoniak","link_url":"https://www.garniernederland.nl/haarkleuring?filters=haarkleuring-zonder-ammoniak","breadCrumb":"haarkleuring::haarkleur product type::haarkleuring zonder ammoniak","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2114 Haarkleuring Zonder Ammoniak 2115 </a> 2116 </div> 2117 </li> 2118 2119 <li class="levethreeList"> 2120 <div class="mainSub__link levelFourMainMenu "> 2121 <a href="https://www.garniernederland.nl/haarkleuring?filters=oli
2121a-gloss" 2122 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::haarkleur product type::olia gloss","click_area":"burger menu","breadcrumb":"haarkleuring::haarkleur product type::olia gloss","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"olia gloss::https://www.garniernederland.nl/haarkleuring?filters=olia-gloss","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"olia gloss","link_url":"https://www.garniernederland.nl/haarkleuring?filters=olia-gloss","breadCrumb":"haarkleuring::haarkleur product type::olia gloss","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2123 Olia Gloss 2124 </a> 2125 </div> 2126 </li> 2127 2128 <li class="levethreeList"> 2129 <div class="mainSub__link levelFourMainMenu "> 2130 <a href="https://www.garniernederland.nl/haarkleuring?filters=verheldering-en-ontkleuring" 2131 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::haarkleur product type::verheldering & ontkleuring","click_area":"burger menu","breadcrumb":"haarkleuring::haarkleur product type::verheldering & ontkleuring","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"verheldering & ontkleuring::https://www.garniernederland.nl/haarkleuring?filters=verheldering-en-ontkleuring","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"verheldering & ontkleuring","link_url":"https://www.garniernederland.nl/haarkleuring?filters=verheldering-en-ontkleuring","breadCrumb":"haarkleuring::haarkleur product type::verheldering & ontkleuring","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2132 Verheldering & Ontkleuring 2133 </a> 2134 </div> 2135 </li> 2136 </ul> 2137 2138 2139 </div> 2140 2141 2142 </div> 2143 </li> 2144 2145 <li class="levelTwoMenu" :class="[2 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2146 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(2)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"onze merken::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"onze merken","link_url":"undefined","breadCrumb":"haarkleuring::onze merken","step":"2/3","event_detail":"regular"}"> 2147 <!-- conditional for new badge -->
2148 <span class="list_title"> 2149 ONZE MERKEN 2150 </span> 2151 2152 2153 2154 2155 2156<div class="arrowContainer"> 2157 <span class="menu-rig-arrow"> 2158 <div class="svg-container"> 2159 <svg width="24" height="24" 2160 viewBox="0 0 24 24" fill="none" 2161 xmlns="http://www.w3.org/2000/svg"> 2162 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2163 stroke="#000" stroke-width="1.6" 2164 stroke-linecap="square"></path> 2165 </svg> 2166 </div> 2167 </span> 2168 <span class="menu-opened-arrow"> 2169 <div class="svg-container"> 2170 <svg width="24" height="24" 2171 viewBox="0 0 24 24" fill="none" 2172 xmlns="http://www.w3.org/2000/svg"> 2173 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2174 stroke="#000" stroke-width="2" 2175 stroke-linecap="square"></path> 2176 </svg> 2177 </div> 2178 </span> 2179</div> 2180 2181 </button> 2182 2183 <div class="level-three__wrapper" id="level-three__wrapper_2"> 2184 <div class="level-three__topper"> 2185 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2186 <div class="svg-container"> 2187 <svg width="24" height="24"
2188 viewBox="0 0 24 24" fill="none" 2189 xmlns="http://www.w3.org/2000/svg"> 2190 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2191 stroke="#000" stroke-width="1.6" 2192 stroke-linecap="square" /> 2193 </svg> 2194 </div> 2195 </button> 2196 <div class="level-two__topper_title"> 2197 ONZE MERKEN 2198 </div> 2199 </div> 2200 2201 <div class="level-three-image_container-xs"> 2202 <picture> 2203 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-haircolor-range.png?rev=878a347b4c1e403a8d2ec713b777c2cf&cx=0&cy=0&cw=414&ch=208&hash=C07F59597934A652CF0470B6A4B14D75" /> 2204 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-haircolor-range.png?rev=878a347b4c1e403a8d2ec713b777c2cf&cx=0&cy=0&cw=800&ch=308&hash=F544C59E552340340D5EDE929A191AFD" /> 2205 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-haircolor-range.png?rev=878a347b4c1e403a8d2ec713b777c2cf&cx=0&cy=0&cw=360&ch=600&hash=23331C04FAD015A51523DF84DF1C5DF8" alt="" /> 2206 <a href="https://www.garniernederland.nl/a-complete-guide-to-hair-bleach" target="" 2207 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::onze merken::new! olia gloss","click_area":"burger menu","breadcrumb":"haarkleuring::onze merken::new! olia gloss","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"new! olia gloss::https://www.garniernederland.nl/a-complete-guide-to-hair-bleach","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"new! olia gloss","link_url":"https://www.garniernederland.nl/a-complete-guide-to-hair-bleach","breadCrumb":"haarkleuring::onze merken::new! olia gloss","step":"3/3","event_detail":"image"}"> 2208 </a> 2209 </picture> 2210 <a class="levelFourLink menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::onze merken::new! olia gloss","click_area":"burger menu","breadcrumb":"haarkleuring::onze merken::new! olia gloss","event_detail":"image"}" 2211 href="https://www.garniernederland.nl/a-complete-guide-to-hair-bleach" 2212 target="" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"new! olia gloss::https://www.garniernederland.nl/a-complete-guide-to-hair-bleach","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"new! olia gloss","link_url":"https://www.garniernederland.nl/a-complete-guide-to-hair-bleach","breadCrumb":"haarkleuring::onze merken::new! olia gloss","step":"3/3","event_detail":"image"}">
2213 <span class="ctaLinkText"> 2214 New! Olia Gloss 2215 </span> 2216 </a> 2217 </div> 2218 2219 <div class="level-three__wrapper_scrollerable"> 2220 <ul> 2221 2222 <li class="levethreeList"> 2223 <div class="mainSub__link levelFourMainMenu "> 2224 <a href="https://www.garniernederland.nl/onze-merken/nutrisse-creme" 2225 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::onze merken::nutrisse crème/color naturals ","click_area":"burger menu","breadcrumb":"haarkleuring::onze merken::nutrisse crème/color naturals ","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nutrisse crème/color naturals ::https://www.garniernederland.nl/onze-merken/nutrisse-creme","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nutrisse crème/color naturals ","link_url":"https://www.garniernederland.nl/onze-merken/nutrisse-creme","breadCrumb":"haarkleuring::onze merken::nutrisse crème/color naturals ","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2226 Nutrisse Crème/Color Naturals 2227 </a> 2228 </div> 2229 </li> 2230 2231 <li class="levethreeList"> 2232 <div class="mainSub__link levelFourMainMenu "> 2233 <a href="https://www.garniernederland.nl/haarkleuring/nutrisse-ultra-color" 2234 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::onze merken::nutrisse ultra color","click_area":"burger menu","breadcrumb":"haarkleuring::onze merken::nutrisse ultra color","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nutrisse ultra color::https://www.garniernederland.nl/haarkleuring/nutrisse-ultra-color","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nutrisse ultra color","link_url":"https://www.garniernederland.nl/haarkleuring/nutrisse-ultra-color","breadCrumb":"haarkleuring::onze merken::nutrisse ultra color","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2235 Nutrisse Ultra Color 2236 </a> 2237 </div> 2238 </li> 2239 2240 <li class="levethreeList"> 2241 <div class="mainSub__link levelFourMainMenu "> 2242 <a href="https://www.garniernederland.nl/haarkleuring/nutrisse-ultra-bleach" 2243 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::onze merken::nutrisse ultra bleach","click_area":"burger menu","breadcrumb":"haarkleuring::onze merken::nutrisse ultra bleach","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"nutrisse ultra bleach::https://www.garniernederland.nl/haarkleuring/nutrisse-ultra-bleach","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nutrisse ultra bleach","link_url":"https://www.garniernederland.nl/haarkleuring/nutrisse-ultra-bleach","breadCrumb":"haarkleuring::onze merken::nutrisse ultra bleach","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2244 Nutrisse Ultra Bleach 2245 </a> 2246 </div> 2247 </li> 2248 2249 <li class="levethreeList"> 2250 <div class="mainSub__link levelFourMainMenu "> 2251 <a href="https://www.garniernederland.nl/onze-merken/olia" 2252 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::onze merken::olia","click_area":"burger menu","breadcrumb":"haarkleuring::onze merken::olia","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"
2252olia::https://www.garniernederland.nl/onze-merken/olia","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"olia","link_url":"https://www.garniernederland.nl/onze-merken/olia","breadCrumb":"haarkleuring::onze merken::olia","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2253 Olia 2254 </a> 2255 </div> 2256 </li> 2257 2258 <li class="levethreeList"> 2259 <div class="mainSub__link levelFourMainMenu "> 2260 <a href="https://www.garniernederland.nl/haarkleuring?filters=olia-gloss" 2261 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::onze merken::olia gloss","click_area":"burger menu","breadcrumb":"haarkleuring::onze merken::olia gloss","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"olia gloss::https://www.garniernederland.nl/haarkleuring?filters=olia-gloss","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"olia gloss","link_url":"https://www.garniernederland.nl/haarkleuring?filters=olia-gloss","breadCrumb":"haarkleuring::onze merken::olia gloss","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2262 Olia Gloss 2263 </a> 2264 </div> 2265 </li> 2266 2267 <li class="levethreeList"> 2268 <div class="mainSub__link levelFourMainMenu "> 2269 <a href="https://www.garniernederland.nl/onze-merken/color-sensational-shampoo" 2270 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::onze merken::color sensation","click_area":"burger menu","breadcrumb":"haarkleuring::onze merken::color sensation","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"color sensation::https://www.garniernederland.nl/onze-merken/color-sensational-shampoo","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"color sensation","link_url":"https://www.garniernederland.nl/onze-merken/color-sensational-shampoo","breadCrumb":"haarkleuring::onze merken::color sensation","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2271 Color Sensation 2272 </a> 2273 </div> 2274 </li> 2275 </ul> 2276 2277 2278 </div> 2279 2280 2281 <div class="level-four__wrapper"> 2282 <div class="level-four-image_container"> 2283 <picture class="level-four-image_container--img"> 2284 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-haircolor-range.png?rev=878a347b4c1e403a8d2ec713b777c2cf&
2284cx=0&cy=0&cw=414&ch=208&hash=C07F59597934A652CF0470B6A4B14D75" /> 2285 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-haircolor-range.png?rev=878a347b4c1e403a8d2ec713b777c2cf&cx=0&cy=0&cw=800&ch=308&hash=F544C59E552340340D5EDE929A191AFD" /> 2286 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/emea/nl/nav-haircolor-range.png?rev=878a347b4c1e403a8d2ec713b777c2cf&cx=0&cy=0&cw=360&ch=600&hash=23331C04FAD015A51523DF84DF1C5DF8" alt="" /> 2287 <a href="https://www.garniernederland.nl/a-complete-guide-to-hair-bleach" target="" 2288 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::onze merken::new! olia gloss","click_area":"burger menu","breadcrumb":"haarkleuring::onze merken::new! olia gloss","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"new! olia gloss::https://www.garniernederland.nl/a-complete-guide-to-hair-bleach","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"new! olia gloss","link_url":"https://www.garniernederland.nl/a-complete-guide-to-hair-bleach","breadCrumb":"haarkleuring::onze merken::new! olia gloss","step":"3/3","event_detail":"image"}"> 2289 </a> 2290 </picture> 2291 <a class="levelFourLink menu-tag" style="--ctaTextColor : ;" 2292 href="https://www.garniernederland.nl/a-complete-guide-to-hair-bleach" 2293 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::onze merken::new! olia gloss","click_area":"burger menu","breadcrumb":"haarkleuring::onze merken::new! olia gloss","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"new! olia gloss::https://www.garniernederland.nl/a-complete-guide-to-hair-bleach","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"new! olia gloss","link_url":"https://www.garniernederland.nl/a-complete-guide-to-hair-bleach","breadCrumb":"haarkleuring::onze merken::new! olia gloss","step":"3/3","event_detail":"image"}"> 2294 <span class="ctaLinkText"> 2295 New! Olia Gloss 2296 </span> 2297 </a> 2298 </div> 2299 </div> 2300 </div> 2301 </li> 2302 </ul> 2303 2304 <div> 2305 <span class="mainShort__link"> 2306 <a href='https://www.garniernederland.nl/tips-en-advies/haarkleuring' target="" 2307 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::alle tips voor het kleuren","click_area":"burger menu","breadcrumb":"haarkleuring::alle tips voor het kleuren","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"alle tips voor het kleuren::https://www.garniernederland.nl/tips-en-advies/haarkleuring","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"alle tips voor het kleuren","link_url":"https://www.garniernederland.nl/tips-en-advies/haarkleuring","breadCrumb":"haarkleuring::alle tips voor het kleuren","step":"2/3","event_detail":"regular"}" class="menu-tag"> 2308 Alle Tips Voor Het Kleuren 2309 </a> 2310 </span> 2311 </div> 2312 2313 </div> 2314 2315 <div class="level-two-image_container"> 2316 <picture> 2317 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/newdmi_garnier_vto_websitepush_herocarousel_mariajose_intl_mar26-(1).jpg?rev=-1&cx=0&cy=0&cw=414&ch=344&hash=72FA099AF61249569C387C248E9121B4" /> 2318 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/newdmi_garnier_vto_websitepush_herocarousel_mariajose_intl_mar26-(1).jpg?rev=-1&cx=0&cy=0&cw=800&ch=482&hash=9D0F073A3D379902A3E0D58EE5AE72CA" /> 2319 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/newdmi_garnier_vto_websitepush_herocarousel_mariajose_intl_mar26-(1).jpg?rev=-1&cx=0&cy=0&cw=360&ch=324&hash=EBC25711724E9B3840DF5FB2923D4E5A" alt="" /> 2320 <a href="https://www.garniernederland.nl/virtual-try-on" target="" 2321 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::","click_area":"burger menu","breadcrumb":"haarkleuring::","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":" haarkleuring vitrual try-on::https://www.garniernederland.nl/virtual-try-on","eventAction":"module_progression","module_name":"main menu navigation","cta_name":" haarkleuring vitrual try-on","link_url":"https://www.garniernederland.nl/virtual-try-on","breadCrumb":"haarkleuring:: haarkleuring vitrual try-on","step":"2/3","event_detail":"image"}"> 2322 </a> 2323 </picture> 2324 2325 <a class="level-two-image_link menu-tag" 2326 href="https://www.garniernederland.nl/virtual-try-on" 2327 target="" style="--ctaTextColor : ;" 2328 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"haarkleuring::","click_area":"burger menu","breadcrumb":"haarkleuring::","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":" haarkleuring vitrual try-on::https://www.garniernederland.nl/virtual-try-on","eventAction":"module_progression","module_name":"main menu navigation","cta_name":" haarkleuring vitrual try-on","link_url":"https://www.garniernederland.nl/virtual-try-on","breadCrumb":"haarkleuring:: haarkleuring vitrual try-on","step":"2/3","event_detail":"image"}">
2329 <span class="ctaLinkText"> 2330 Haarkleuring Vitrual Try-On 2331 </span> 2332 <div class="svg-container"> 2333 <svg width="24" height="24" 2334 viewBox="0 0 24 24" fill="none" 2335 xmlns="http://www.w3.org/2000/svg"> 2336 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2337 stroke="#000" stroke-width="1.6" 2338 stroke-linecap="square"></path> 2339 </svg> 2340 </div> 2341 </a> 2342 </div> 2343 2344 </div> 2345 </div> 2346 </li> 2347 2348 2349 <li class="levelOneMenu" :class="[3 === props.slotProps.clickActiveLevelOne ? 'isActiveLevelone':'']"> 2350 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelOne(3)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"zonbescherming::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"zonbescherming","link_url":"undefined","breadCrumb":"zonbescherming","step":"1/3","event_detail":"regular"}"> 2351 <span class="list_title"> 2352 ZONBESCHERMING 2353 </span> 2354 2355 2356 2357<div class="arrowContainer"> 2358 <span class="menu-rig-arrow"> 2359 <div class="svg-container"> 2360 <svg width="24" height="24"
2361 viewBox="0 0 24 24" fill="none" 2362 xmlns="http://www.w3.org/2000/svg"> 2363 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2364 stroke="#000" stroke-width="1.6" 2365 stroke-linecap="square"></path> 2366 </svg> 2367 </div> 2368 </span> 2369 <span class="menu-opened-arrow"> 2370 <div class="svg-container"> 2371 <svg width="24" height="24" 2372 viewBox="0 0 24 24" fill="none" 2373 xmlns="http://www.w3.org/2000/svg"> 2374 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2375 stroke="#000" stroke-width="2" 2376 stroke-linecap="square"></path> 2377 </svg> 2378 </div> 2379 </span> 2380</div> 2381 2382 </button> 2383 2384 <div class="level-two__wrapper" id="level-two__wrapper_3"> 2385 <div class="level-two__topper"> 2386 <button class="level-two__topper-back" tabindex="0" aria-label="Back to main menu" v-on:click="props.slotProps.backtoLOneMenu()" v-on:keydown.enter="props.slotProps.backtoLOneMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLOneMenu()"> 2387 <div class="svg-container"> 2388 <svg width="24" height="24" viewBox="0 0 24 24" 2389 fill="none" xmlns="http://www.w3.org/2000/svg"> 2390 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2391 stroke="#000" stroke-width="1.6" 2392 stroke-linecap="square" /> 2393 </svg> 2394 </div> 2395 </button> 2396 <div class="level-two__topper_title"> 2397 ZONBESCHERMING 2398 </div> 2399 </div> 2400 <div class="level-two__wrapper-scrollable"> 2401 <div class="level-two-menu"> 2402 <ul> 2403 2404 <li class="levelTwoMenu" :class="[0 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2405 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(0)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"zonbescherming behoeftes::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"zonbescherming behoeftes","link_url":"undefined","breadCrumb":"zonbescherming::zonbescherming behoeftes","step":"2/3","event_detail":"regular"}"> 2406 <!-- conditional for new badge --> 2407 <span class="list_title"> 2408 ZONBESCHERMING BEHOEFTES 2409 </span> 2410 2411 2412 2413 2414 2415<div class="arrowContainer"> 2416 <span class="menu-rig-arrow"> 2417 <div class="svg-container"> 2418 <svg width="24" height="24"
2419 viewBox="0 0 24 24" fill="none" 2420 xmlns="http://www.w3.org/2000/svg"> 2421 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2422 stroke="#000" stroke-width="1.6" 2423 stroke-linecap="square"></path> 2424 </svg> 2425 </div> 2426 </span> 2427 <span class="menu-opened-arrow"> 2428 <div class="svg-container"> 2429 <svg width="24" height="24" 2430 viewBox="0 0 24 24" fill="none" 2431 xmlns="http://www.w3.org/2000/svg"> 2432 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2433 stroke="#000" stroke-width="2" 2434 stroke-linecap="square"></path> 2435 </svg> 2436 </div> 2437 </span> 2438</div> 2439 2440 </button> 2441 2442 <div class="level-three__wrapper" id="level-three__wrapper_0"> 2443 <div class="level-three__topper"> 2444 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2445 <div class="svg-container"> 2446 <svg width="24" height="24"
2447 viewBox="0 0 24 24" fill="none" 2448 xmlns="http://www.w3.org/2000/svg"> 2449 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2450 stroke="#000" stroke-width="1.6" 2451 stroke-linecap="square" /> 2452 </svg> 2453 </div> 2454 </button> 2455 <div class="level-two__topper_title"> 2456 ZONBESCHERMING BEHOEFTES 2457 </div> 2458 </div> 2459 2460 2461 <div class="level-three__wrapper_scrollerable"> 2462 <ul> 2463 2464 <li class="levethreeList"> 2465 <div class="mainSub__link levelFourMainMenu "> 2466 <a href="https://www.garniernederland.nl/zonbescherming/volwassenen" 2467 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming behoeftes::zonbescherming lichaam","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming behoeftes::zonbescherming lichaam","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"zonbescherming lichaam::https://www.garniernederland.nl/zonbescherming/volwassenen","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"zonbescherming lichaam","link_url":"https://www.garniernederland.nl/zonbescherming/volwassenen","breadCrumb":"zonbescherming::zonbescherming behoeftes::zonbescherming lichaam","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2468 Zonbescherming lichaam 2469 </a> 2470 </div> 2471 </li> 2472 2473 <li class="levethreeList"> 2474 <div class="mainSub__link levelFourMainMenu "> 2475 <a href="https://www.garniernederland.nl/zonbescherming/gezicht" 2476 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming behoeftes::zonberscherming gezicht +","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming behoeftes::zonberscherming gezicht +","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"zonberscherming gezicht +::https://www.garniernederland.nl/zonbescherming/gezicht","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"zonberscherming gezicht +","link_url":"https://www.garniernederland.nl/zonbescherming/gezicht","breadCrumb":"zonbescherming::zonbescherming behoeftes::zonberscherming gezicht +","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2477 Zonberscherming gezicht + 2478 </a> 2479 </div> 2480 </li> 2481 2482 <li class="levethreeList"> 2483 <div class="mainSub__link levelFourMainMenu "> 2484 <a href="https://www.garniernederland.nl/zonbescherming/kids" 2485 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming behoeftes::kinderen","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming behoeftes::kinderen","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"kinderen::https://www.garniernederland.nl/zonbescherming/kids","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"kinderen","link_url":"https://www.garniernederland.nl/zonbescherming/kids","breadCrumb":"zonbescherming::zonbescherming behoeftes::kinderen","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2486 Kinderen 2487 </a> 2488 </div> 2489 </li> 2490 2491 <li class="levethreeList"> 2492 <div class="mainSub__link levelFourMainMenu "> 2493 <a href="https://www.garniernederland.nl/zonbescherming/after-sun" 2494 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming behoeftes::after sun","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming behoeftes::after sun","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"after sun::https://www.garniernederland.nl/zonbescherming/after-sun","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"after sun","link_url":"https://www.garniernederland.nl/zonbescherming/after-sun","breadCrumb":"zonbescherming::zonbescherming behoeftes::after sun","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2495 After Sun 2496 </a> 2497 </div> 2498 </li> 2499 2500 <li class="levethreeList"> 2501 <div class="mainSub__link levelFourMainMenu "> 2502 <a href="https://www.garniernederland.nl/zonbescherming/zelfbruiner" 2503 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming behoeftes::zelfbruining","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming behoeftes::zelfbruining","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"zelfbruining::https://www.garniernederland.nl/zonbescherming/zelfbruiner","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"zelfbruining","link_url":"https://www.garniernederland.nl/zonbescherming/zelfbruiner","breadCrumb":"zonbescherming::zonbescherming behoeftes::zelfbruining","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2504 Zelfbruining 2505 </a> 2506 </div> 2507 </li> 2508 </ul> 2509 2510 2511 </div> 2512 2513 2514 </div> 2515 </li> 2516 2517 <li class="levelTwoMenu" :class="[1 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2518 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(1)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"spf::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"spf","link_url":"undefined","breadCrumb":"zonbescherming::spf","step":"2/3","event_detail":"regular"}"> 2519 <!-- conditional for new badge -->
2520 <span class="list_title"> 2521 SPF 2522 </span> 2523 2524 2525 2526 2527 2528<div class="arrowContainer"> 2529 <span class="menu-rig-arrow"> 2530 <div class="svg-container"> 2531 <svg width="24" height="24" 2532 viewBox="0 0 24 24" fill="none" 2533 xmlns="http://www.w3.org/2000/svg"> 2534 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2535 stroke="#000" stroke-width="1.6" 2536 stroke-linecap="square"></path> 2537 </svg> 2538 </div> 2539 </span> 2540 <span class="menu-opened-arrow"> 2541 <div class="svg-container"> 2542 <svg width="24" height="24" 2543 viewBox="0 0 24 24" fill="none" 2544 xmlns="http://www.w3.org/2000/svg"> 2545 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2546 stroke="#000" stroke-width="2" 2547 stroke-linecap="square"></path> 2548 </svg> 2549 </div> 2550 </span> 2551</div> 2552 2553 </button> 2554 2555 <div class="level-three__wrapper" id="level-three__wrapper_1"> 2556 <div class="level-three__topper"> 2557 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2558 <div class="svg-container"> 2559 <svg width="24" height="24"
2560 viewBox="0 0 24 24" fill="none" 2561 xmlns="http://www.w3.org/2000/svg"> 2562 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2563 stroke="#000" stroke-width="1.6" 2564 stroke-linecap="square" /> 2565 </svg> 2566 </div> 2567 </button> 2568 <div class="level-two__topper_title"> 2569 SPF 2570 </div> 2571 </div> 2572 2573 2574 <div class="level-three__wrapper_scrollerable"> 2575 <ul> 2576 2577 <li class="levethreeList"> 2578 <div class="mainSub__link levelFourMainMenu "> 2579 <a href="https://www.garniernederland.nl/zonbescherming/50plus-zeer-hoog" 2580 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::spf::spf 50+","click_area":"burger menu","breadcrumb":"zonbescherming::spf::spf 50+","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"spf 50+::https://www.garniernederland.nl/zonbescherming/50plus-zeer-hoog","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"spf 50+","link_url":"https://www.garniernederland.nl/zonbescherming/50plus-zeer-hoog","breadCrumb":"zonbescherming::spf::spf 50+","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2581 SPF 50+ 2582 </a> 2583 </div> 2584 </li> 2585 2586 <li class="levethreeList"> 2587 <div class="mainSub__link levelFourMainMenu "> 2588 <a href="https://www.garniernederland.nl/zonbescherming/30-hoog" 2589 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::spf::spf 30","click_area":"burger menu","breadcrumb":"zonbescherming::spf::spf 30","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"spf 30::https://www.garniernederland.nl/zonbescherming/30-hoog","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"spf 30","link_url":"https://www.garniernederland.nl/zonbescherming/30-hoog","breadCrumb":"zonbescherming::spf::spf 30","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2590 SPF 30 2591 </a> 2592 </div> 2593 </li> 2594 2595 <li class="levethreeList"> 2596 <div class="mainSub__link levelFourMainMenu "> 2597 <a href="https://www.garniernederland.nl/zonbescherming/15-gemiddeld" 2598 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::spf::spf 15","click_area":"burger menu","breadcrumb":"zonbescherming::spf::spf 15","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"spf 15::https://www.garniernederland.nl/zonbescherming/15-gemiddeld","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"spf 15","link_url":"https://www.garniernederland.nl/zonbescherming/15-gemiddeld","breadCrumb":"zonbescherming::spf::spf 15","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2599 SPF 15 2600 </a> 2601 </div> 2602 </li> 2603 </ul> 2604 2605 2606 </div> 2607 2608 2609 </div> 2610 </li> 2611 2612 <li class="levelTwoMenu" :class="[2 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2613 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(2)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"zonbescherming type::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"zonbescherming type","link_url":"undefined","breadCrumb":"zonbescherming::zonbescherming type","step":"2/3","event_detail":"regular"}"> 2614 <!-- conditional for new badge -->
2615 <span class="list_title"> 2616 ZONBESCHERMING TYPE 2617 </span> 2618 2619 2620 2621 2622 2623<div class="arrowContainer"> 2624 <span class="menu-rig-arrow"> 2625 <div class="svg-container"> 2626 <svg width="24" height="24" 2627 viewBox="0 0 24 24" fill="none" 2628 xmlns="http://www.w3.org/2000/svg"> 2629 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2630 stroke="#000" stroke-width="1.6" 2631 stroke-linecap="square"></path> 2632 </svg> 2633 </div> 2634 </span> 2635 <span class="menu-opened-arrow"> 2636 <div class="svg-container"> 2637 <svg width="24" height="24" 2638 viewBox="0 0 24 24" fill="none" 2639 xmlns="http://www.w3.org/2000/svg"> 2640 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2641 stroke="#000" stroke-width="2" 2642 stroke-linecap="square"></path> 2643 </svg> 2644 </div> 2645 </span> 2646</div> 2647 2648 </button> 2649 2650 <div class="level-three__wrapper" id="level-three__wrapper_2"> 2651 <div class="level-three__topper"> 2652 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2653 <div class="svg-container"> 2654 <svg width="24" height="24"
2655 viewBox="0 0 24 24" fill="none" 2656 xmlns="http://www.w3.org/2000/svg"> 2657 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2658 stroke="#000" stroke-width="1.6" 2659 stroke-linecap="square" /> 2660 </svg> 2661 </div> 2662 </button> 2663 <div class="level-two__topper_title"> 2664 ZONBESCHERMING TYPE 2665 </div> 2666 </div> 2667 2668 2669 <div class="level-three__wrapper_scrollerable"> 2670 <ul> 2671 2672 <li class="levethreeList"> 2673 <div class="mainSub__link levelFourMainMenu "> 2674 <a href="https://www.garniernederland.nl/zonbescherming/zonnemelk" 2675 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming type::melk/crème","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming type::melk/crème","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"melk/crème::https://www.garniernederland.nl/zonbescherming/zonnemelk","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"melk/crème","link_url":"https://www.garniernederland.nl/zonbescherming/zonnemelk","breadCrumb":"zonbescherming::zonbescherming type::melk/crème","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2676 Melk/Crème 2677 </a> 2678 </div> 2679 </li> 2680 2681 <li class="levethreeList"> 2682 <div class="mainSub__link levelFourMainMenu "> 2683 <a href="https://www.garniernederland.nl/zonbescherming/uv-fluids" 2684 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming type::uv fluids","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming type::uv fluids","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"uv fluids::https://www.garniernederland.nl/zonbescherming/uv-fluids","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"uv fluids","link_url":"https://www.garniernederland.nl/zonbescherming/uv-fluids","breadCrumb":"zonbescherming::zonbescherming type::uv fluids","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2685 UV Fluids 2686 </a> 2687 </div> 2688 </li> 2689 2690 <li class="levethreeList"> 2691 <div class="mainSub__link levelFourMainMenu "> 2692 <a href="https://www.garniernederland.nl/zonbescherming/zonneolie" 2693 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming type::olie","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming type::olie","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"
2693olie::https://www.garniernederland.nl/zonbescherming/zonneolie","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"olie","link_url":"https://www.garniernederland.nl/zonbescherming/zonneolie","breadCrumb":"zonbescherming::zonbescherming type::olie","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2694 Olie 2695 </a> 2696 </div> 2697 </li> 2698 2699 <li class="levethreeList"> 2700 <div class="mainSub__link levelFourMainMenu "> 2701 <a href="https://www.garniernederland.nl/zonbescherming/zonnespray" 2702 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming type::spray","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming type::spray","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"spray::https://www.garniernederland.nl/zonbescherming/zonnespray","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"spray","link_url":"https://www.garniernederland.nl/zonbescherming/zonnespray","breadCrumb":"zonbescherming::zonbescherming type::spray","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2703 Spray 2704 </a> 2705 </div> 2706 </li> 2707 2708 <li class="levethreeList"> 2709 <div class="mainSub__link levelFourMainMenu "> 2710 <a href="https://www.garniernederland.nl/zonbescherming/reisformaat" 2711 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming type::reisformaat","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming type::reisformaat","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"reisformaat::https://www.garniernederland.nl/zonbescherming/reisformaat","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"reisformaat","link_url":"https://www.garniernederland.nl/zonbescherming/reisformaat","breadCrumb":"zonbescherming::zonbescherming type::reisformaat","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2712 Reisformaat 2713 </a> 2714 </div> 2715 </li> 2716 2717 <li class="levethreeList"> 2718 <div class="mainSub__link levelFourMainMenu "> 2719 <a href="https://www.garniernederland.nl/zonbescherming/mist" 2720 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::zonbescherming type::mist","click_area":"burger menu","breadcrumb":"zonbescherming::zonbescherming type::mist","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"mist::https://www.garniernederland.nl/zonbescherming/mist","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"mist","link_url":"https://www.garniernederland.nl/zonbescherming/mist","breadCrumb":"zonbescherming::zonbescherming type::mist","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2721 Mist 2722 </a> 2723 </div> 2724 </li> 2725 </ul> 2726 2727 2728 </div> 2729 2730 2731 </div> 2732 </li> 2733 2734 <li class="levelTwoMenu" :class="[3 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2735 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(3)" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"onze merken::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"onze merken","link_url":"undefined","breadCrumb":"zonbescherming::onze merken","step":"2/3","event_detail":"regular"}"> 2736 <!-- conditional for new badge -->
2737 <span class="list_title"> 2738 ONZE MERKEN 2739 </span> 2740 2741 2742 2743 2744 2745<div class="arrowContainer"> 2746 <span class="menu-rig-arrow"> 2747 <div class="svg-container"> 2748 <svg width="24" height="24" 2749 viewBox="0 0 24 24" fill="none" 2750 xmlns="http://www.w3.org/2000/svg"> 2751 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2752 stroke="#000" stroke-width="1.6" 2753 stroke-linecap="square"></path> 2754 </svg> 2755 </div> 2756 </span> 2757 <span class="menu-opened-arrow"> 2758 <div class="svg-container"> 2759 <svg width="24" height="24" 2760 viewBox="0 0 24 24" fill="none" 2761 xmlns="http://www.w3.org/2000/svg"> 2762 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2763 stroke="#000" stroke-width="2" 2764 stroke-linecap="square"></path> 2765 </svg> 2766 </div> 2767 </span> 2768</div> 2769 2770 </button> 2771 2772 <div class="level-three__wrapper" id="level-three__wrapper_3"> 2773 <div class="level-three__topper"> 2774 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2775 <div class="svg-container"> 2776 <svg width="24" height="24"
2777 viewBox="0 0 24 24" fill="none" 2778 xmlns="http://www.w3.org/2000/svg"> 2779 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2780 stroke="#000" stroke-width="1.6" 2781 stroke-linecap="square" /> 2782 </svg> 2783 </div> 2784 </button> 2785 <div class="level-two__topper_title"> 2786 ONZE MERKEN 2787 </div> 2788 </div> 2789 2790 2791 <div class="level-three__wrapper_scrollerable"> 2792 <ul> 2793 2794 <li class="levethreeList"> 2795 <div class="mainSub__link levelFourMainMenu "> 2796 <a href="https://www.garniernederland.nl/zonbescherming/super-uv" 2797 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::onze merken::super uv","click_area":"burger menu","breadcrumb":"zonbescherming::onze merken::super uv","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"super uv::https://www.garniernederland.nl/zonbescherming/super-uv","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"super uv","link_url":"https://www.garniernederland.nl/zonbescherming/super-uv","breadCrumb":"zonbescherming::onze merken::super uv","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2798 Super UV 2799 </a> 2800 </div> 2801 </li> 2802 2803 <li class="levethreeList"> 2804 <div class="mainSub__link levelFourMainMenu "> 2805 <a href="https://www.garniernederland.nl/zonbescherming/sensitive-expert" 2806 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::onze merken::sensitve expert+","click_area":"burger menu","breadcrumb":"zonbescherming::onze merken::sensitve expert+","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"sensitve expert+::https://www.garniernederland.nl/zonbescherming/sensitive-expert","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"sensitve expert+","link_url":"https://www.garniernederland.nl/zonbescherming/sensitive-expert","breadCrumb":"zonbescherming::onze merken::sensitve expert+","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2807 Sensitve Expert+ 2808 </a> 2809 </div> 2810 </li> 2811 2812 <li class="levethreeList"> 2813 <div class="mainSub__link levelFourMainMenu "> 2814 <a href="https://www.garniernederland.nl/zonbescherming/hydra-24" 2815 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::onze merken::hydra 24","click_area":"burger menu","breadcrumb":"zonbescherming::onze merken::hydra 24","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"hydra 24::https://www.garniernederland.nl/zonbescherming/hydra-24","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"hydra 24","link_url":"https://www.garniernederland.nl/zonbescherming/hydra-24","breadCrumb":"zonbescherming::onze merken::hydra 24","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2816 Hydra 24 2817 </a> 2818 </div> 2819 </li> 2820 2821 <li class="levethreeList"> 2822 <div class="mainSub__link levelFourMainMenu "> 2823 <a href="https://www.garniernederland.nl/zonbescherming/dry-mist" 2824 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::onze merken::dry mist","click_area":"burger menu","breadcrumb":"zonbescherming::onze merken::dry mist","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"dry mist::https://www.garniernederland.nl/zonbescherming/dry-mist","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"dry mist","link_url":"https://www.garniernederland.nl/zonbescherming/dry-mist","breadCrumb":"zonbescherming::onze merken::dry mist","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2825 Dry Mist 2826 </a> 2827 </div> 2828 </li> 2829 2830 <li class="levethreeList"> 2831 <div class="mainSub__link levelFourMainMenu "> 2832 <a href="https://www.garniernederland.nl/zonbescherming/invisible-protect" 2833 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::onze merken::invisible protect","click_area":"burger menu","breadcrumb":"zonbescherming::onze merken::invisible protect","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"invisible protect::https://www.garniernederland.nl/zonbescherming/invisible-protect","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"invisible protect","link_url":"https://www.garniernederland.nl/zonbescherming/invisible-protect","breadCrumb":"zonbescherming::onze merken::invisible protect","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2834 Invisible Protect 2835 </a> 2836 </div> 2837 </li> 2838 2839 <li class="levethreeList"> 2840 <div class="mainSub__link levelFourMainMenu "> 2841 <a href="https://www.garniernederland.nl/zonbescherming/ideal-bronze" 2842 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::onze merken::ideal bronze","click_area":"burger menu","breadcrumb":"zonbescherming::onze merken::ideal bronze","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"ideal bronze::https://www.garniernederland.nl/zonbescherming/ideal-bronze","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ideal bronze","link_url":"https://www.garniernederland.nl/zonbescherming/ideal-bronze","breadCrumb":"zonbescherming::onze merken::ideal bronze","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2843 Ideal Bronze 2844 </a> 2845 </div> 2846 </li> 2847 2848 <li class="levethreeList"> 2849 <div class="mainSub__link levelFourMainMenu "> 2850 <a href="https://www.garniernederland.nl/zonbescherming/natural-bronzer" 2851 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::onze merken::natural bronzer","click_area":"burger menu","breadcrumb":"zonbescherming::onze merken::natural bronzer","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"natural bronzer::https://www.garniernederland.nl/zonbescherming/natural-bronzer","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"natural bronzer","link_url":"https://www.garniernederland.nl/zonbescherming/natural-bronzer","breadCrumb":"zonbescherming::onze merken::natural bronzer","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2852 Natural Bronzer 2853 </a> 2854 </div> 2855 </li> 2856 2857 <li class="levethreeList"> 2858 <div class="mainSub__link levelFourMainMenu "> 2859 <a href="https://www.garniernederland.nl/zonbescherming/after-sun" 2860 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::onze merken::after sun","click_area":"burger menu","breadcrumb":"zonbescherming::onze merken::after sun","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"after sun::https://www.garniernederland.nl/zonbescherming/after-sun","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"after sun","link_url":"https://www.garniernederland.nl/zonbescherming/after-sun","breadCrumb":"zonbescherming::onze merken::after sun","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2861 After Sun 2862 </a> 2863 </div> 2864 </li> 2865 </ul> 2866 2867 2868 </div> 2869 2870 2871 </div> 2872 </li> 2873 </ul> 2874 2875 <div>
2876 <span class="mainShort__link"> 2877 <a href='https://www.garniernederland.nl/zonbescherming' target="" 2878 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"zonbescherming::alle zonbescherming","click_area":"burger menu","breadcrumb":"zonbescherming::alle zonbescherming","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","ecommerce":"undefined","eventCategory":"[MenuPageCategory]","eventLabel":"alle zonbescherming::https://www.garniernederland.nl/zonbescherming","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"alle zonbescherming","link_url":"https://www.garniernederland.nl/zonbescherming","breadCrumb":"zonbescherming::alle zonbescherming","step":"2/3","event_detail":"regular"}" class="menu-tag"> 2879 ALLE ZONBESCHERMING 2880 </a> 2881 </span> 2882 </div> 2883 2884 </div> 2885 2886 2887 </div> 2888 </div> 2889 </li> 2890 2891 </ul> 2892 </template> 2893 <overlay slot="sidebarOverlay"></overlay> 2894 <template slot="exploreMenu" slot-scope="props"> 2895 <div class="explore-navi"> 2896 <div class="explore-navi-title">Ontdek</div> 2897 <ul class="footer-navigation"> 2898 <li class="levelOneMenu"> 2899 <a href="https://www.garniernederland.nl/over-garnier" 2900 target="" 2901 class="menu-tag " 2902 v-tag="{}" 2903 data-menuitem="{}"> 2904 Over Garnier 2905 </a> 2906 </li> 2907 <li class="levelOneMenu"> 2908 <a href="https://www.garniernederland.nl/garnier-x-gisele-bundchen" 2909 target="" 2910 class="menu-tag " 2911 v-tag="{}" 2912 data-menuitem="{}"> 2913 New ! Garnier x Gisele Bündchen 2914 </a> 2915 </li> 2916 <li class="levelOneMenu"> 2917 <a href="https://garniernederland.nl/onze-inzet" 2918 target="" 2919 class="menu-tag " 2920 v-tag="{}" 2921 data-menuitem="{}"> 2922 Onze Inzet 2923 </a> 2924 </li> 2925 </ul> 2926 2927 </div> 2928 </template> 2929 <template slot="languageSelector"> 2930 2931 </template> 2932 </four-level-hamburger-menu> 2933 </nav> 2934 2935 2936 <component is="style"> 2937 2938 :root { 2939 --active-color: #ffffff; 2940 --hover-color: #005c43; 2941 --text-color: #21362C; 2942 --gradient-color: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);; 2943 --nav-color: #f3f2ef; 2944 } 2945 2946 </component> 2947 <div class="new-header__logo-wrapper"><a href="/" aria-label="Garnier(back to homepage)" v-tag="{"event":"uaevent","event_name":"logo_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select","eventLabel":"logo"}"> 2948 <img src="/-/media/project/loreal/brand-sites/garnier/emea/garnier-logo-new-menu.png" alt="Garnier" id="headerlogoimagesrc" class="new-header__logo-image" width="1298" height="595"> 2949 </a></div> 2950 2951 <ul class="new-header__icons-wrapper"> 2952 2953 2954 2955 2956 2957 2958<search inline-template :request-parameters='{"filtersettingsitemid":"43c57a73-8b37-4c7d-b022-0de36631fadb","filterpageitemid":"58c02bd8-5440-4a1e-b078-fb953db09361","searchwithsuggestions":true,"formactionlink":"/search-page/search"}'> 2959 <li class="new-header__icon-item search"> 2960 <div class="click-overlay" @click="overlayClick" v-if="isActive"></div> 2961 <search-input 2962 form-action="/search-page/search" 2963 placeholder="Zoek" 2964 title="Search (suggested results are available after the field when at least 3 characters are typed)" 2965 > 2966 </search-input> 2967 <suggested-search 2968 :aria-labels="{ 2969 'closeButton': 'Close the suggested search results subpanel',
2970 'viewAll': 'View all search results' 2971 }" 2972 loading-text='Resultaten ladenâ¦' 2973 view-all-text='Bekijk alles' 2974 no-results-text='Geen resultaten gevonden. Probeer een andere zoekterm of navigeer via het menu.'> 2975 </suggested-search> 2976 </li> 2977</search> 2978 2979 2980 </ul> 2981 </div> 2982 </div> 2983 </newheadernavigation> 2984 </header> 2985 2986</div> 2987 2988 2989<div data-qr-page-section="show-on-qr" hidden> 2990 <go-backbutton btn-text='Go Back' back-url="" analytics-data='{"event":"uaevent","event_name":"body_button_click","event_category":"content page::article","event_action":"select::go back","event_label":"go back::[destination_url]","cta_name":"go back","link_url":"[destination_url]","module_name":"go back"}'> 2991 </go-backbutton> 2992</div> 2993 </div> 2994 <!-- /#header --> 2995 <!-- #content --> 2996 <main role="main" class="main clearfix"> 2997 <div id="content"> 2998 2999 3000 3001 3002 3003 <div id="search-content"> 3004 3005 3006 3007 3008 3009 3010 3011 <div class="container" class="component breadcrumb"> 3012 <nav role="navigation" aria-label="AccessibilityAttribute" class="breadcrumbs-container"> 3013 3014 <ol class="breadcrumbs"> 3015 3016 3017 <li class="breadcrumbs__item"> 3018 <a href="https://www.garniernederland.nl/"> 3019 <span>Home</span> 3020 </a> 3021 <span class="breadcrumbs__separator"> 3022 <svg class="icon" style="stroke-width: 1;" aria-hidden="true"> 3023 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow-right-breadcrumb"></use> 3024 </svg> 3025 </span> 3026 </li> 3027 <li class="breadcrumbs__item"> 3028 <a href="https://www.garniernederland.nl/tips-en-advies"> 3029 <span>Tips en Advies</span> 3030 </a> 3031 <span class="breadcrumbs__separator"> 3032 <svg class="icon" style="stroke-width: 1;" aria-hidden="true"> 3033 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow-right-breadcrumb"></use> 3034 </svg> 3035 </span> 3036 </li> 3037 <li class="breadcrumbs__item"> 3038 <a href="https://www.garniernederland.nl/tips-en-advies/haarkleuring"> 3039 <span>Haarkleuring</span> 3040 </a> 3041 <span class="breadcrumbs__separator"> 3042 <svg class="icon" style="stroke-width: 1;" aria-hidden="true"> 3043 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow-right-breadcrumb"></use> 3044 </svg> 3045 </span> 3046 </li> 3047 <li class="breadcrumbs__item"> 3048 <span>4 tips om glanzend haar te krijgen en te behouden</span> 3049 </li> 3050 </ol> 3051 3052 </nav> 3053
3053<script type="application/ld+json"> 3054 { 3055 "@context": "https://schema.org", 3056 "@type": "BreadcrumbList", 3057 "itemListElement": [ 3058 { 3059 "@type": "ListItem", 3060 "position": 1, 3061 "name": "Home", 3062 "item": "https://www.garniernederland.nl/" 3063 }, 3064 { 3065 "@type": "ListItem", 3066 "position": 2, 3067 "name": "Tips en Advies", 3068 "item": "https://www.garniernederland.nl/tips-en-advies" 3069 }, 3070 { 3071 "@type": "ListItem", 3072 "position": 3, 3073 "name": "Haarkleuring", 3074 "item": "https://www.garniernederland.nl/tips-en-advies/haarkleuring" 3075 }, 3076 { 3077 "@type": "ListItem", 3078 "position": 4, 3079 "name": "tips-om-glanzend-haar-te-krijgen", 3080 "item": "https://www.garniernederland.nl/tips-en-advies/haarkleuring/tips-om-glanzend-haar-te-krijgen" 3081 } 3082 ] 3083} 3084 </script>
3084 3085 </div> 3086 <div id="71dc1c92e080437f9db38737d14b459d"></div> 3087 <div v-cookie-tagging="{"event":"uaevent","event_name":"internal_search","eventCategory":"internal search","eventAction":"search::autocompletion","eventLabel":"[Token2]","ecommerce":"undefined","search_keyword":"[Token2]","method":"autocompletion"}" class="article__wrapper"> 3088 3089 <div class="article__banner"> 3090<img src="/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/12-950x543.jpg?rev=04d9f3fb6eba4f468ed08934a5fa514f&la=nl-NL&h=534&w=950&hash=37A7F8E173F27EA5984B40FADEDE8A80" class="show-medium" alt="12 950x543" /> 3091<img src="/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/12-768x432.jpg?rev=ab3c81f36d0b41358bd500e505d21965&la=nl-NL&h=432&w=768&hash=7932D1AD1193B89BECFB9D7A3266C633" class="show-small" alt="12 768x432" /> </div> 3092 3093 3094 </div> 3095 3096 3097 3098 3099<article class="article__wrapper"> 3100 3101 <article-content :tagging="{"event":"uaevent","event_name":"body_button_click","ecommerce":"undefined","eventCategory":"content page::article","eventAction":"select::4 tips om glanzend haar te krijgen en te behouden","eventLabel":"[cta_name]::[destination_url]","event_detail":"hyperlink_text","cta_name":"[cta_name]","link_url":"[destination_url]","module_name":"4 tips om glanzend haar te krijgen en te behouden"}"> 3102 <div class="row"> 3103 <div class="col-xs-12 col-sm-8 col-md-offset-2 article-col-8"> 3104 <div class="article__main"> 3105 <div class="article__hero"></div> 3106 3107 <h1 class="article__title"> 3108 4 tips om glanzend haar te krijgen en te behouden 3109 </h1> 3110 3111 <div class="article__meta"> 3112 <span class="article__author" itemprop="author"> 3113 </span> 3114 3115 <time class="article__timestamp" datetime="2025-03-31">Laatst bijgewerkt maart 31, 2025</time> 3116 3117 3118 </div> 3119 <div class="article__tags-list"> 3120 3121 3122 3123 </div> 3124 3125 <p class="article__main-text"> 3126 Oogt jouw haar dof en kwetsbaar? Met deze 4 tips van experts krijg jij je haar weer stralend en glanzend. Behoud je haarkleur en maak het stralend mooi. 3127 </p> 3128 </div> 3129 3130 3131 3132<div class="rich-text"> 3133 3134 <p> 3135 <strong>Hoe kan je glanzend haar krijgen?</strong><br /> 3136Glanzend haar betekent dat jouw lokken in topconditie zijn. Voor dof haar dat wel een oppepper kan gebruiken zijn er een aantal trucs om de glans te herstellen en de kleur nieuw leven in te blazen. <br /> 3137<br /> 3138<strong>1. Vind de juiste producten voor jouw haartype</strong><br /> 3139Om het haar super glad en glanzend te krijgen, kijk je naar de juiste aanpak voor jouw haartype. Bij een droog haartype of natuurlijk krullend haar, zijn extreem voedende haarverzorgingsproducten de snelste weg naar gezond-uitziend haar. <br /> 3140Dunner haar heeft het meeste baat bij een wat lichter product. Dat wel zorgt voor die gladde finish, maar het haar niet onnodig zwaar maakt.<br /> 3141Voor dik haar dat geneigd is sneller vet te worden, is het belangrijk om glansproducten alleen in de haarpunten te gebruiken en niet bij de wortels, omdat het hiervan juist onnodig sneller vet wordt. <br /> 3142<br /> 3143<strong>2. Gebruik de juiste shampoo</strong> <br /> 3144Shampoos en conditioners zijn essentieel om de kleur van het haar te verlevendigen en te laten glanzen. Gebruik voor geverfd haar een herstellende <a href="/haarverzorging/shampoo/honing-goud-herstellende-shampoo">shampoo</a>, deze werkt hydraterend en beschermt de kleur tegen vervagen. Speciaal ontwikkelde formules bevatten de juiste hoeveelheid aan oliën die droog haar voeden, waardoor je super glanzend haar krijgt. <br /> 3145<br /> 3146<strong>3. Kleur je haar met Olia</strong><br /> 3147Toe aan een nieuwe haarkleur? Zoek je een haarverf die het haar kleurt, verzorgt en versterkt? Probeer dan <a href="/onze-merken/olia">Garnier Olia</a>
3147 eens uit. Deze permanente haarkleuring voor thuis bevat oliën die het haar voeden. Het resultaat zijn zachtere lokken en tot wel drie keer glanzender haar*. Met deze langhoudende haarkleuring geef je je haar een nieuwe, levendige kleur die mooi glanst. Kies voor een kleur die het beste jouw huidtype en oogkleur naar voren haalt, terwijl het je haar nog meer laat stralen. <br /> 3148<br /> 3149<strong>4. Glansbehoudende (styling)producten</strong><br /> 3150De juiste stylingproducten zorgen er voor dat de kleur van geverfd haar behouden blijft en het haar laat glanzen. Een glansserum of glansspray geeft het haar een uitstekende finish en omhult de haren met een glossy laagje. <br /> 3151Föhn en stijl het haar het liefste van boven naar beneden, met de lengtes mee. Hierdoor sluiten de haarschubben, wat de glans van de haren ten goede komt. Vergeet niet om voor het drogen, stijlen of krullen altijd vooraf een beschermend stylingproduct te gebruiken. Een styling olie geeft een mooie glans en voorkomt beschadiging door het gebruik van stylingtools, zoals stijltangen, krultangen en föhns. <br /> 3152Wanneer je al deze stappen aan je haarverzorgingsroutine toevoegt, herstel je de glans en accentueer je de kleur. Volg de tips hierboven en gezond-uitziend en glanzend haar ligt voortaan binnen handbereik! <br /> 3153<br /> 3154*instrumentele test. 3155 </p> 3156</div> 3157 3158 3159 </div> 3160 </div> 3161 </article-content> 3162</article> 3163 3164 3165 3166 <div id="10c25b73fc39470c8b9a1c7d63f9ea3e"></div> 3167 <sfmc-container api-url="/api/catalog/getproductsfrominteractionstudio" 3168 :payload-config="{}" 3169 :enabled="false" 3170 id="in_the_spotlight" 3171 class="scroll-target"> 3172 <template slot="recommendations" slot-scope="slotProps"> 3173 <sfmc-products :config="{ecommerce: true}" 3174 :carousel-analytics="{"eventCategory":"content page::article","eventAction":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"},"eventLabel":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"}}" 3175 buy-now-button-label="Buy Now" 3176 component-title="ONTDEK ONZE VERZORGENDE PRODUCTEN VOOR GLANZEND HAAR" 3177 :clickable-stars="false" 3178 :product-data="slotProps.recommendations" /> 3179 </template> 3180 3181 <template slot="default-list"> 3182 <spot-light :config="{ecommerce: true}" 3183 :carousel-analytics="{"eventCategory":"content page::article","eventAction":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"},"eventLabel":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"}}" 3184 product-click-data="{"event":"productClick","event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"[Token3]::[Token4]","product_info":"[Token3]::[Token4]","ecommerce":{"click":{"actionField":{"currencyCode":"[Token2]","list":"[Token1]"},"products":[{"name":"$$lc(get-field(array-item(), \"Product Name\"))$$","id":"$$lc(get-field(array-item(), \"Product ID\")$$","price":"$$get-field(get-first-child-item(array-item(), \"ProductVariant\"),\"Product Variant Price\")$$","brand":"GAR","category":"$$lc(get-field(get-parent-item(get-item(get-field(array-item(), \"Category\"))), \"CategoryName\"))$$-$$lc(get-field(get-item(get-field(array-item(), \"Category\")), \"CategoryName\"))$$","variant":"$$lc(get-field(get-first-child-item(array-item(), \"ProductVariant\"),\"Product Variant Size\"))$$","position":"[Index]","dimension35":"$$get-field(get-first-child-item(array-item(), \"ProductVariant\"),\"Product Variant Size\")$$","dimension38":"[Token7]","dimension39":"in stock","dimension48":"$$get-field(get-first-child-item(array-item(), \"ProductVariant\"),\"Product Variant Id\")$$","
3184dimension59":"[Token10]","dimension49":"[Token9]","dimension91":"[Token8]","dimension176":"$$lc(get-field(get-parent-item(get-item(get-field(array-item(), \"Category\"))), \"CategoryName\"))$$-$$lc(get-field(get-item(get-field(array-item(), \"Category\")), \"CategoryName\"))$$"}]}}}" 3185 buy-now-button-label="Buy Now" 3186 :rich-relevance="false" 3187 :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}'> 3188 <div class="spotlight-wrap spotlight-fewproducts nocta" 3189 v-tag:view="{"event":"nievent","event_name":"view_item_list","eventCategory":"Ecommerce","eventAction":"Product Impressions","eventLabel":"content page::article","ecommerce":{"currencyCode":"EU","list":"others","impressions":[{"name":"honing goud herstellende shampoo","id":"3600542462259","price":"0","brand":"GAR","list":"cross-sell","category":"hair-care","variant":"300ml","position":"1","dimension35":"300ml","dimension38":"4.0213","dimension39":"in stock","dimension48":"3600542462259","dimension49":"not present","dimension59":"47","dimension91":"none"},{"name":"honing goud herstellende conditioner","id":"3600542462174","price":"0","brand":"GAR","list":"cross-sell","category":"hair-care","variant":"250ml","position":"2","dimension35":"250ml","dimension38":"1.4286","dimension39":"in stock","dimension48":"3600542462174","dimension49":"not present","dimension59":"7","dimension91":"none"},{"name":"3 donkerbruin","id":"3600542157308","price":"0","brand":"GAR","list":"cross-sell","category":"hair-color","variant":"1 pak","position":"3","dimension35":"1 pak","dimension38":"4.2762","dimension39":"in stock","dimension48":"3600542157308","dimension49":"present","dimension59":"105","dimension91":"none"}]}}"> 3190 <quick-view-container> 3191 <product-push-wrap :spotlight-product="true" ref="spotlight_ref" :config="{ecommerce: true}"> 3192 <div class="title__seeall_deskmob" slot="titles"> 3193 <h2 class="heading is-3" >ONTDEK ONZE VERZORGENDE PRODUCTEN VOOR GLANZEND HAAR</h2> 3194 </div> 3195 <div class="title__seeall_tablet" slot="titles"> 3196 <h2 class="heading is-3" >ONTDEK ONZE VERZORGENDE PRODUCTEN VOOR GLANZEND HAAR</h2> 3197 </div> 3198 <template scope="config"> 3199 <carousel :swipe-on-desktop="false" 3200 :per-page-custom="[ 3201 [320, 1.155], 3202 [320, 1.1411], 3203 [768, 1.4533], 3204 [1025, 4] 3205 ]" 3206 :scroll-per-page="false" 3207 :navigation-enabled="false" 3208 :loop="false" 3209 :autoplay="false" 3210 :pagination-enabled="false" 3211 :swipe-enabled="false" 3212 :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}' 3213 ref="spotlightcarousel" 3214 :spot-light="true" 3215 :analytics="{"eventCategory":"content page::article","eventAction":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"},"eventLabel":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"}}"> 3216 <slide> 3217 <product-push rating-class="rating_section" :config="config" class=""> 3218 3219 3220 <a href="/haarverzorging/shampoo/honing-goud-herstellende-shampoo" v-tag="{"event":"productClick","event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"honing goud herstellende shampoo::3600542462259","product_info":"honing goud herstellende shampoo::3600542462259","ecommerce":{"click":{"actionField":{"currencyCode":"EU","list":"cross-sell"},"products":[{"name":"honing goud herstellende shampoo","id":"3600542462259","price":"0","brand":"GAR","category":"hair-care","variant":"300ml","position":"1","dimension35":"300ml","dimension38":"4.0213","dimension39":"in stock","dimension48":"3600542462259","
3220dimension59":"47","dimension49":"not present","dimension91":"none","dimension176":"hair-care"}]}}}" class="product-push__link tile__imagecontainer" dataid="3600542462259" aria-label="Loving Blends Honing Goud Herstellende Shampoo"> 3221 <div class="product-push__main"> 3222 <figure class="product-push__packshot"> 3223 <div class="product-push__badge-placeholder"> 3224 <!-- Please add a condition below, checking whether try on badge is enabled. Important: placeholder above is always present. --> 3225 </div> 3226<img alt="" class="lazyload" data-aspectratio="1350/1350" data-sizes="(max-width: 767px) 100vw, 33vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/1---new-products/27082026-ucpd-placeholder-asset/placeholder_packshot_square.jpg?w=150&rev=e2e52b29c3f84e8e9d83b31517f83832&hash=226F413EFB740BF8B64D47F92CA331BE 150w" src="" /> </figure> 3227 </div> 3228 <h3 class="product-push__heading"> 3229 <span class="product-push__name">Loving Blends</span> 3230 <span class="product-push__description">Honing Goud Herstellende Shampoo</span> 3231 </h3> 3232 3233 </a> 3234 3235<rating-link class="product-push__rating-reviews" 3236 :rating=4.0213 3237 :rating-count=47 3238 target="/haarverzorging/shampoo/honing-goud-herstellende-shampoo#ratings_reviews" 3239 title="TOON ALLE 47 REVIEWS" 3240 aria-label-text="TOON ALLE 47 REVIEWS Loving Blends Honing Goud Herstellende Shampoo" 3241 outof-text="out of" 3242 stars-text="stars based on" 3243 reviews-text="reviews" 3244 :show-empty-rating=false 3245 :clickable-stars="false" /> 3246 3247 </product-push> 3248 </slide> 3249 <slide> 3250 <product-push rating-class="rating_section" :config="config" class=""> 3251 3252 3253 <a href="/haarverzorging/conditioner/honing-goud-herstellende-conditioner" v-tag="{"event":"productClick","event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"honing goud herstellende conditioner::3600542462174","product_info":"honing goud herstellende conditioner::3600542462174","ecommerce":{"click":{"actionField":{"currencyCode":"EU","list":"cross-sell"},"products":[{"name":"honing goud herstellende conditioner","id":"3600542462174","price":"0","brand":"GAR","category":"hair-care","variant":"250ml","position":"2","dimension35":"250ml","dimension38":"1.4286","dimension39":"in stock","dimension48":"3600542462174","
3253dimension59":"7","dimension49":"not present","dimension91":"none","dimension176":"hair-care"}]}}}" class="product-push__link tile__imagecontainer" dataid="3600542462174" aria-label="Loving Blends Honing Goud Herstellende Conditioner"> 3254 <div class="product-push__main"> 3255 <figure class="product-push__packshot"> 3256 <div class="product-push__badge-placeholder"> 3257 <!-- Please add a condition below, checking whether try on badge is enabled. Important: placeholder above is always present. --> 3258 </div> 3259<img alt="" class="lazyload" data-aspectratio="1350/1350" data-sizes="(max-width: 767px) 100vw, 33vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/1---new-products/27082026-ucpd-placeholder-asset/placeholder_packshot_square.jpg?w=150&rev=e2e52b29c3f84e8e9d83b31517f83832&hash=226F413EFB740BF8B64D47F92CA331BE 150w" src="" /> </figure> 3260 </div> 3261 <h3 class="product-push__heading"> 3262 <span class="product-push__name">Loving Blends</span> 3263 <span class="product-push__description">Honing Goud Herstellende Conditioner</span> 3264 </h3> 3265 3266 </a> 3267 3268<rating-link class="product-push__rating-reviews" 3269 :rating=1.4286 3270 :rating-count=7 3271 target="/haarverzorging/conditioner/honing-goud-herstellende-conditioner#ratings_reviews" 3272 title="TOON ALLE 7 REVIEWS" 3273 aria-label-text="TOON ALLE 7 REVIEWS Loving Blends Honing Goud Herstellende Conditioner" 3274 outof-text="out of" 3275 stars-text="stars based on" 3276 reviews-text="reviews" 3277 :show-empty-rating=false 3278 :clickable-stars="false" /> 3279 3280 </product-push> 3281 </slide> 3282 <slide> 3283 <product-push rating-class="rating_section" :config="config" class=""> 3284 3285 3286 <a href="/haarkleuring/olia/3-donkerbruin" v-tag="{"event":"productClick","event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"3 donkerbruin::3600542157308","product_info":"3 donkerbruin::3600542157308","ecommerce":{"click":{"actionField":{"currencyCode":"EU","list":"cross-sell"},"products":[{"name":"3 donkerbruin","id":"3600542157308","price":"0","brand":"GAR","category":"hair-color","variant":"1 pak","position":"3","dimension35":"1 pak","dimension38":"4.2762","dimension39":"in stock","dimension48":"3600542157308","
3286dimension59":"105","dimension49":"present","dimension91":"none","dimension176":"hair-color"}]}}}" class="product-push__link tile__imagecontainer" dataid="3600542157308" aria-label="Garnier Olia 3 Donkerbruin"> 3287 <div class="product-push__main"> 3288 <figure class="product-push__packshot"> 3289 <div class="product-push__badge-placeholder"> 3290 <!-- Please add a condition below, checking whether try on badge is enabled. Important: placeholder above is always present. --> 3291 <div class="product-push__try-on-badge"> 3292 <span>Virtueel testen</span> 3293 </div> 3294 </div> 3295<img alt="" class="lazyload" data-aspectratio="1350/1350" data-sizes="(max-width: 767px) 100vw, 33vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/1---new-products/27082026-ucpd-placeholder-asset/placeholder_packshot_square.jpg?w=150&rev=e2e52b29c3f84e8e9d83b31517f83832&hash=226F413EFB740BF8B64D47F92CA331BE 150w" src="" /> </figure> 3296 </div> 3297 <h3 class="product-push__heading"> 3298 <span class="product-push__name">Garnier Olia</span> 3299 <span class="product-push__description">3 Donkerbruin</span> 3300 </h3> 3301 3302 </a> 3303 3304<rating-link class="product-push__rating-reviews" 3305 :rating=4.2762 3306 :rating-count=105 3307 target="/haarkleuring/olia/3-donkerbruin#ratings_reviews" 3308 title="TOON ALLE 105 REVIEWS" 3309 aria-label-text="TOON ALLE 105 REVIEWS Garnier Olia 3 Donkerbruin" 3310 outof-text="out of" 3311 stars-text="stars based on" 3312 reviews-text="reviews" 3313 :show-empty-rating=false 3314 :clickable-stars="false" /> 3315 3316 </product-push> 3317 </slide> 3318 3319 </carousel> 3320 </template> 3321 </product-push-wrap> 3322 </quick-view-container> 3323 </div> 3324 </spot-light> 3325 </template> 3326 </sfmc-container> 3327 3328 3329 </div> 3330 3331 3332<div id="c5e1c3de541d421ba05de54cd94ac18a"></div> 3333<sfmc-container api-url="/api/article/getarticlesfrominteractionstudio" 3334 :payload-config="{}" 3335 :enabled="false"> 3336 <template slot="recommendations" slot-scope="slotProps"> 3337 <sfmc-articles see-all-label="ALLE TIPS" 3338 see-all-link="/tips-en-advies/haarkleuring" 3339 read-now-label="Read Now" 3340 component-title="TIPS EN ADVIES" 3341 :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}' 3342 :see-all-tag="{"event":"uaevent","event_name":"body_button_click","ecommerce":"undefined","eventCategory":"content page::article","eventAction":"select::tips and trends","eventLabel":"alle tips::https://www.garniernederland.nl/tips-en-advies/haarkleuring","cta_name":"alle tips","link_url":"https://www.garniernederland.nl/tips-en-advies/haarkleuring","module_name":"tips en advies"}" 3343 :engages="slotProps.recommendations" /> 3344 </template> 3345 3346 <template slot="default-list"> 3347 <tips-and-trends :rich-relevance="false" 3348 see-all-label="ALLE TIPS" 3349 read-now-label="Read Now" 3350 see-all-link="/tips-en-advies/haarkleuring" 3351 :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}' 3352 :see-all-tag="{"event":"uaevent","event_name":"body_button_click","ecommerce":"undefined","eventCategory":"content page::article","eventAction":"select::tips and trends","eventLabel":"alle tips::https://www.garniernederland.nl/tips-en-advies/haarkleuring","cta_name":"alle tips","link_url":"https://www.garniernederland.nl/tips-en-advies/haarkleuring","module_name":"tips en advies"}" 3353 component-title="TIPS EN ADVIES"> 3354 <slot> 3355 <div class="magazine"> 3356 3357 <h2 class="heading is-2" >TIPS EN ADVIES</h2> 3358 3359 <a href="/tips-en-advies/haarkleuring" class="magazine__cta" aria-label="See all Featured Articles & Videos" v-tag="{"event":"uaevent","event_name":"body_button_click","ecommerce":"undefined","eventCategory":"content page::article","eventAction":"select::tips and trends","eventLabel":"alle tips::https://www.garniernederland.nl/tips-en-advies/haarkleuring","cta_name":"alle tips","link_url":"https://www.garniernederland.nl/tips-en-advies/haarkleuring","module_name":"tips en advies"}"> 3360 ALLE TIPS 3361 <svg aria-hidden="true" class="icon is-small"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow-next"></use></svg> 3362 </a> 3363 3364 <magazine :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}' :slide-text-label='{"slideText":"Slide","playText":"Play","pauseText":"Pause"}'> 3365 3366 <div slot="block1" class="magazine__block" v-clickextension="'img'"> 3367 3368 3369 <img alt="" class="lazyload" data-aspectratio="400/417" data-sizes="(max-width: 578px) 100vw, (max-width: 767px) 50vw, 33vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/9-400x417.jpg?w=350&rev=31b05e432b544107b4cc665816c8c356&hash=D4E68575EB5547539DEC812F0BDA3A8E 350w,/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/9-400x417.jpg?w=400&rev=31b05e432b544107b4cc665816c8c356&hash=EB1F180F5F29AD01E9ABFF23EF58467B 400w,/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/9-400x417.jpg?w=450&rev=31b05e432b544107b4cc665816c8c356&
3369hash=D51B01E1B9F34C9AA33ADF44B7705741 450w,/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/9-400x417.jpg?w=500&rev=31b05e432b544107b4cc665816c8c356&hash=CA54068ABACDFBAF0DD08727E05AA27C 500w,/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/9-400x417.jpg?w=550&rev=31b05e432b544107b4cc665816c8c356&hash=D442DA69A84162853A07C61004587D0A 550w,/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/9-400x417.jpg?w=600&rev=31b05e432b544107b4cc665816c8c356&hash=3FF8EE020FF0DFBF18F3A3FC778C73FE 600w,/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/9-400x417.jpg?w=650&rev=31b05e432b544107b4cc665816c8c356&hash=CB53A6CAE8810E2CAC2281BB830033C2 650w,/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/9-400x417.jpg?w=700&rev=31b05e432b544107b4cc665816c8c356&hash=0695CA19D8EDCB3EFCF4D7115FC590EE 700w,/-/media/project/loreal/brand-sites/garnier/emea/nl/nl-nl/articles/hair-color-images/9-400x417.jpg?w=767&rev=31b05e432b544107b4cc665816c8c356&hash=0AD73072A41E1A085BA9CC02C5D16D23 767w" src="" /> 3370 3371 <a href="/tips-en-advies/haarkleuring/tips-voor-bruin-haar" class="magazine__title-block" v-tag="{"event":"uaevent","event_name":"body_button_click","ecommerce":"undefined","eventCategory":"content page::article","eventAction":"select::tips and trends","eventLabel":"lees artikel::https://www.garniernederland.nl/tips-en-advies/haarkleuring/tips-voor-bruin-haar","cta_name":"lees artikel","link_url":"https://www.garniernederland.nl/tips-en-advies/haarkleuring/tips-voor-bruin-haar","module_name":"tips en advies"}" aria-label="Tips om je haar bruin te verven LEES ARTIKEL"> 3372 <h3 class="magazine__title" v-ellipsis="60">Tips om je haar bruin te verven</h3> 3373 3374 <span class="magazine__cta"> 3375 LEES ARTIKEL 3376 <svg aria-hidden="true" class="icon is-small"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow-next"></use></svg> 3377 </span> 3378 3379 </a> 3380 </div> 3381 </magazine> 3382 </div> 3383 </slot> 3384 </tips-and-trends> 3385 </template> 3386</sfmc-container> 3387 3388 3389 3390 3391 <div id="ratings_reviews" class="scroll-target"> 3392 3393 </div> 3394 </div> 3395 </main> 3396 <!-- /#content --> 3397 <!-- #footer --> 3398 3399 3400 3401<div data-qr-page-section="hide-on-qr"> 3402 <footer class="footer" id="footer" role="contentinfo"> 3403 <div class="container"> 3404 <div class="row"> 3405 <div class="footer-wrapper"> 3406 <img data-srcset="/themes/garnier/Images/assets/g-logo.png?c=1686900594940" alt="" class="footer-garnier-logo lazyload" /> 3407 <div class="col-xs-12 col-sm-4 footer-col footer-website-links"> 3408 3409 <country-drop-down class="component col-xs-12 col-sm-12 footer-country-selector"> 3410 <div v-onselect-changeurl> 3411 <div class="country_selector"> 3412 <div class="form-item form-item--select"> 3413 <div class="form-item__select-wrapper"> 3414 3415 <label for="country selector">Landen</label> 3416 <select id="country selector" name="country selector" title="country selector"> 3417 <option disabled="disabled" selected="selected"> 3418 <p class="heading is-3">Landen</p> 3419 </option> 3420<option value=" https://www.garnier.ae/ ">Arabic Emirates</option><option value=" https://www.garnier.com.au/ ">Australia</option><option value=" https://www.garnier-me.com/en-ae ">Bahrein</option><option value=" https://www.garnier-be.com/fr-be ">Belgium FR version</option><option value=" https://www.garnier-be.com/nl-be ">Belgium NL version</option><option value=" https://www.garnier.com.br/ ">Brazil</option><option value=" https://www.garnier.ca/en-ca ">Canada English</option><option value=" https://www.garnier.ca/fr-ca ">Canada French</option><option value=" https://www.garnier.cl/ ">Chile</option><option value=" https://www.garnier.de/ ">Duitsland</option><option value=" https://www.garnier.eg/ ">Egypt</option><option value=" https://www.garnier.fr/ ">France</option><option value=" https://www.garnier.fr/ ">Frankrijk</option><option value=" https://www.garnier.de/ ">Germany</option><option value=" https://www.garnier.gr/ ">Greece</option><option value=" https://www.garnier.in/ ">India</option><option value=" https://www.garnier.co.id/ ">Indonesia</option><option value=" https://www.garnier.iq/ ">Iraq</option><option value=" https://www.facebook.com/Garnier.Israel/ ">Israel</option><option value=" https://www.garnier.it/ ">Italy</option><option value=" https://www.garnier-me.com/ar-ae ">kuwait</option><option value=" https://www.garnier.com.lb/ ">Lebanon</option><option value=" https://www.garnier.com.my/ ">Malesie</option><option value=" https://www.garnier-me.com/ar-ae ">Mena Arabic</option><option value=" https://www.garnier-me.com/en-ae ">Mena English</option><option value=" https://www.garnier.com.mx/ ">Mexico</option><option value=" https://www.garniernederland.nl ">Netherlands</option><option value=" https://www.garnier.co.nz/ ">New Zealand</option><option value=" https://www.garnier.pl/ ">Poland</option><option value=" https://www.garnier.pt/ ">Portugal</option><option value=" https://www.garnier.ro/ ">Romania</option><option value=" https://www.garnier.ru/ ">Russia</option><option value=" https://www.garnier.sa/ ">Saudi Arabia</option><option value=" https://www.garnier.es/ ">Spain</option><option value=" https://www.garnier.sy/ ">Syria</option><option value=" https://www.garnier.co.th/ ">Thailand</option><option value=" https://www.garnier.com.tr/ ">Turkey</option><option value=" https://www.garnier.ua/ ">Ukraine</option><option value=" https://www.garnier.co.uk/ ">United Kingdom</option><option value=" https://www.garnierusa.com/ ">United States - English</option> </select> 3421 <svg aria-hidden="true" class="icon is-large" id="country-arrow"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#new-arrowdown"></use></svg> 3422 </div> 3423 </div> 3424 </div> 3425 </div> 3426 </country-drop-down> 3427 3428 3429<p class="footer-website-links-copyright field-phrase">©2020 Garnier</p> 3430 </div> 3431 <div class="col-xs-12 col-sm-4 footer-col footer-customer-service"> 3432 3433<div class="component link-list footer-customer-service--nav"> 3434 3435 <p class="heading is-6">WEBSITE LINKS</p> 3436 <ul class="footer-navigation footer-website-links-list"> 3437 <li class=""> 3438<a data-variantfieldname="Link" href="/sitemap" data-variantitemid="{845EFA39-BA21-48E5-9028-3C2EE7152711}">Sitemap</a> 3439 </li> 3440 <li class=""> 3441<a data-variantfieldname="Link" href="/wettelijke-bepalingen" data-variantitemid="{BFD584B7-5EFC-4C44-B551-E7A7D3B846A3}">Wettelijke Bepalingen</a> 3442 </li> 3443 <li class=""> 3444<a data-variantfieldname="Link" target="_blank" rel="noopener noreferrer" href="https://www.loreal.com/en/benelux/pages/group/privacy-policy-benelux-nl/" data-variantitemid="{1F59DF1B-839C-4BC1-8C4A-C914C185E13F}">Privacybeleid</a> 3445 </li> 3446 <li class=""> 3447<a data-variantfieldname="Link" href="/cookiebeleid" data-variantitemid="{6DF55235-D5D4-4095-BB92-A836C53B6139}">Cookiebeleid</a> 3448 </li> 3449 <li class=""> 3450<a data-variantfieldname="Link" href="/algemene-voorwaarden-reviews-en-recensies" data-variantitemid="{F17DC45A-E817-44B6-8052-B904AFB21F8C}">Algemene Voorwaarden Reviews en Recensies</a> 3451 </li> 3452 3453 </ul> 3454</div> 3455 3456 </div> 3457 <div class="col-xs-12 col-sm-4 footer-col footer-mailing-list"> 3458 3459<div class="component link-list footer-customer-service--social"> 3460 3461 <p class="heading is-6">VOLG ONS</p> 3462 <ul class="footer-navigation footer-social-media-links-list"> 3463 <li class=""> 3464<a v-tag="{"event":"socialint","event_name":"social_interaction","ecommerce":"undefined","socialNetwork":"instagram","socialAction":"follow","socialTarget":"https://www.instagram.com/garniernl/","social_network":"instagram","social_action":"follow"}" target="_blank" title="Follow us on Instagram" rel="noopener noreferrer" href="https://www.instagram.com/garniernl/"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Instagram.svg" alt=""></a> 3465 </li> 3466 <li class=""> 3467<a v-tag="{"event":"socialint","event_name":"social_interaction","ecommerce":"undefined","socialNetwork":"facebook","socialAction":"share","socialTarget":"https://www.facebook.com/garnier.netherlands/","social_network":"facebook","social_action":"share"}" target="_blank" title="Follow us on Facebook" rel="noopener noreferrer" href="https://www.facebook.com/Garnier.Netherlands/"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Facebook.svg" alt=""></a> 3468 </li> 3469 <li class=""> 3470<a v-tag="{"event":"socialint","event_name":"social_interaction","ecommerce":"undefined","socialNetwork":"youtube","socialAction":"follow","socialTarget":"https://www.youtube.com/user/garniernl","social_network":"youtube","social_action":"follow"}" target="_blank" title="Follow us on YouTube" rel="noopener noreferrer" href="https://www.youtube.com/user/garniernl"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Youtube.svg" alt=""></a> 3471 </li> 3472 3473 </ul> 3474</div> 3475 3476<div class="component link-list footer-customer-service--nav"> 3477 3478 <p class="heading is-6">SERVICE EN CONTACT</p> 3479 <ul class="footer-navigation"> 3480 <li class=""> 3481<a v-tag="{"event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"customer service::contact us","click_area":"footer","breadcrumb":"customer service::contact us"}" data-variantfieldname="Link" href="/contact" data-variantitemid="{9BC14E04-5CF3-4A4A-9A82-BC9EBE683C69}">Contact</a> 3482 </li> 3483 <li class=""> 3484<a data-variantfieldname="Link" data-variantitemid="{762DB262-C4E4-4559-9101-6
34845B33AD28670}">Garnier</a> 3485 </li> 3486 <li class=""> 3487<a data-variantfieldname="Link" data-variantitemid="{871C5B9B-2747-4253-8D2E-6543F2873EAE}">14, RUE ROYALE 75008 PARIS</a> 3488 </li> 3489 <li class=""> 3490<a data-variantfieldname="Link" data-variantitemid="{F30FD406-A13C-431C-A621-13D772B49EE7}">[email protected]</a> 3491 </li> 3492 3493 </ul> 3494</div> 3495 3496 </div> 3497 </div> 3498 <div class="col-xs-12 col-sm-12" id="legaltext"> 3499 3500 </div> 3501 </div> 3502 </div> 3503 </footer> 3504</div> 3505 3506 3507 <!-- /#footer --> 3508 <scroll-to-top :scroll-to-top-label='{"scroll":"Scroll To Top"}'></scroll-to-top> 3509 </div> 3510 </div> 3511 <!-- /#wrapper --> 3512 3513
3514<script defer src="/Refapp-build/foundation-layer/scripts/RefApp.foundation-layer.CM.js"></script>
3514 3515 3516 3517 3518 <!-- Sales Force Script Block --> 3519
3519<script type="text/javascript"> 3520 if (typeof _etmc !== "undefined" && _etmc) { 3521 } 3522 </script>
3522 3523 3524 3525 3526 3527</body> 3528</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.