1 <!DOCTYPE html> <html lang="da-DK" itemscope="itemscope" itemtype="https://schema.org/WebPage"> <head> <link rel="preload" href="https://www.kaufmann.dk/bundles/globaltheme/fonts/Libre-Baskerville-Regular.woff2?1790057354" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.kaufmann.dk/bundles/globaltheme/fonts/Switzer-Variable.woff2?1790057354" as="font" type="font/woff2" crossorigin> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1"> <meta name="description" content="» Køb herremode hos Kaufmann | Altid et stort udvalg af herretøj | Sikker nethandel â | Byt i Kaufmanns butikker over hele landet â"> <meta name="robots" content="index,follow"> <link rel="alternate" hreflang="sv-SE" href="https://www.kaufmann-store.com/se"> <link rel="alternate" hreflang="en-GB" href="https://www.kaufmann-store.com/en"> <link rel="alternate" hreflang="x-default" href="https://www.kaufmann.dk"> <link rel="alternate" hreflang="da-DK" href="https://www.kaufmann.dk"> <meta property="og:url" content="https://www.kaufmann.dk/"> <meta property="og:type" content="website"> <meta property="og:site_name" content="KAUFMANN"> <meta property="og:title" content="Herretøj online | Køb stilfuldt herretøj online hos Kaufmann »"> <meta property="og:description" content="» Køb herremode hos Kaufmann | Altid et stort udvalg af herretøj | Sikker nethandel â | Byt i Kaufmanns butikker over hele landet â"> <meta property="og:image" content="https://www.kaufmann.dk/media/81/f4/36/1730896628/kaufmann-logo.svg?ts=1730896628"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="KAUFMANN"> <meta name="twitter:title" content="Herretøj online | Køb stilfuldt herretøj online hos Kaufmann »"> <meta name="twitter:description" content="» Køb herremode hos Kaufmann | Altid et stort udvalg af herretøj | Sikker nethandel â | Byt i Kaufmanns butikker over hele landet â"> <meta name="twitter:image" content="https://www.kaufmann.dk/media/81/f4/36/1730896628/kaufmann-logo.svg?ts=1730896628"> <meta itemprop="copyrightHolder" content="KAUFMANN"> <meta itemprop="copyrightYear" content=""> <meta itemprop="isFamilyFriendly" content="true"> <meta itemprop="image" content="https://www.kaufmann.dk/media/81/f4/36/1730896628/kaufmann-logo.svg?ts=1730896628">
1<script type="application/ld+json"> 2 { 3 "@context": "https://schema.org", 4 "@type": "Organization", 5 "name": "KAUFMANN", 6 "url": "/", 7 "logo": "https://www.kaufmann.dk/media/81/f4/36/1730896628/kaufmann-logo.svg?ts=1730896628", 8 "sameAs": [ 9 "https://www.facebook.com/kaufmann.dk", 10 "https://www.instagram.com/kaufmannjournal", 11 "https://www.youtube.com/channel/UCHFkjYeOT_wAl0sZvTY6VVQ" 12 ], 13 "contactPoint": { 14 "@type": "ContactPoint", 15 "telephone": "+45 87 30 46 47", 16 "email": "[email protected]", 17 "contactType": "Customer Service" 18 } 19 } 20 </script>
20 <meta name="theme-color" content="#fff"> <meta name="theme-color" content="#15191C" id="theme-color-meta"> <link rel='dns-prefetch' href='//stage01-api.relewise.com' /> <link rel='dns-prefetch' href='//policy.app.cookieinformation.com' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel='preconnect' href='https://policy.app.cookieinformation.com' /> <link rel='preconnect' href='https://stage01-api.relewise.com' /> <link rel='preconnect' href='https://www.googletagmanager.com' /> <link rel="shortcut icon" href="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/7b/4b/12/1746774674/faviconV2-K.png"> <link rel="canonical" href="https://www.kaufmann.dk/"> <title itemprop="name">Herretøj online | Køb stilfuldt herretøj online hos Kaufmann »</title> <style> 21 @font-face { 22 font-family: 'Libre Baskerville'; 23 font-style: normal; 24 font-weight: 400; 25 font-display: swap; 26 src: url('https://www.kaufmann.dk/bundles/globaltheme/fonts/Libre-Baskerville-Regular.woff2?1790057354') format('woff2'); 27 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 28 } 29 30 @font-face { 31 font-family: 'Switzer variable'; 32 src: url('https://www.kaufmann.dk/bundles/globaltheme/fonts/Switzer-Variable.woff2?1790057354') format('woff2');; 33 font-style: normal; 34 font-weight: 300 700; 35 font-display: swap; 36 } 37 </style> <link rel="stylesheet" href="https://www.kaufmann.dk/bundles/kaufmanntheme/css/main.css?1790057354"> <link rel="stylesheet" href="https://www.kaufmann.dk/bundles/kaufmanntheme/css/main.css?1790057354">
37<script> 38 window.features = {"V6_5_0_0":true,"v6.5.0.0":true,"V6_6_0_0":true,"v6.6.0.0":true,"V6_7_0_0":false,"v6.7.0.0":false,"ADDRESS_SELECTION_REWORK":false,"address.selection.rework":false,"DISABLE_VUE_COMPAT":false,"disable.vue.compat":false,"ACCESSIBILITY_TWEAKS":false,"accessibility.tweaks":false,"ADMIN_VITE":false,"admin.vite":false,"TELEMETRY_METRICS":false,"telemetry.metrics":false,"PERFORMANCE_TWEAKS":false,"performance.tweaks":false,"CACHE_REWORK":false,"cache.rework":false,"PAYPAL_SETTINGS_TWEAKS":false,"paypal.settings.tweaks":false,"FEATURE_WEXOSHIPPING_1":false,"feature.wexoshipping.1":false}; 39 </script>
39 <link rel="preload" as="script" href="https://policy.app.cookieinformation.com/uc.js">
39<script> 40 window.datalayerConfig = { 41 enableViewItem: true, 42 enableAddToCart: true, 43 enableViewCart: true, 44 enableBeginCheckout: true, 45 enableAddShippingInfo: false, 46 enableAddPaymentInfo: false, 47 enablePurchase: true, 48 enableSearch: true, 49 enableWishlist: false, 50 customEvents: [] 51 }; 52 </script>
52
52<script> 53 window.datalayerRouter = { 54 viewCart: 'https://www.kaufmann.dk/datalayer/view-cart', 55 addToCart: 'https://www.kaufmann.dk/datalayer/add-to-cart', 56 beginCheckout: 'https://www.kaufmann.dk/datalayer/begin-checkout', 57 viewItem: 'https://www.kaufmann.dk/datalayer/view-item', 58 addShippingInfo: 'https://www.kaufmann.dk/datalayer/change-shipping-info', 59 addPaymentInfo: 'https://www.kaufmann.dk/datalayer/change-payment-info', 60 search: 'https://www.kaufmann.dk/datalayer/search', 61 wishlist: 'https://www.kaufmann.dk/datalayer/wishlist', 62 purchase: 'https://www.kaufmann.dk/datalayer/purchase' 63 }; 64 window.activeRoute = 'frontend.home.page'; 65 </script>
65
65<script> 66 var googleTagManagerFunction = function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 67 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 68 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 69 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 70 }; 71 72 googleTagManagerFunction(window,document,'script','dataLayer','GTM-TB7J7TQ'); 73 </script>
73 <meta name="wexo-sentry-config" content="{"sentry-loader-url":"https:\/\/sentry.wexo.io\/js-sdk-loader\/a69e915a4b50afa2646ee69ced961322.min.js","sentry-environment":"production","sentry-trace-sample-rate":0.1}">
vendor: 84 bytes, line 73
73 <script type="text/javascript" src='https://www.google.com/recaptcha/api.js?render=
736LfzKsorAAAAALoeY8dMnWVpkXiAdaZaf4xuK-b4
vendor: 18 bytes, line 73
73' defer></script>
73<script> 74 window.googleReCaptchaV3Active = true; 75 </script>
75
75<script> 76 window.activeNavigationId = '9760a2f3aeb94cd8ae7b29a0d908a129'; 77 window.router = { 78 'frontend.cart.offcanvas': '/checkout/offcanvas', 79 'frontend.cookie.offcanvas': '/cookie/offcanvas', 80 'frontend.checkout.finish.page': '/checkout/finish', 81 'frontend.checkout.info': '/widgets/checkout/info', 82 'frontend.menu.offcanvas': '/widgets/menu/offcanvas', 83 'frontend.cms.page': '/widgets/cms', 84 'frontend.cms.navigation.page': '/widgets/cms/navigation', 85 'frontend.account.addressbook': '/widgets/account/address-book', 86 'frontend.country.country-data': '/country/country-state-data', 87 'frontend.app-system.generate-token': '/app-system/Placeholder/generate-token', 88 }; 89 window.salesChannelId = 'fea4c70d25004476ba9deb2dd3a1d1b6'; 90 </script>
90
90<script> 91 window.router['frontend.store.profitmetrics.tracking'] = 'https://www.kaufmann.dk/profitmetrics/tracking'; 92 </script>
92
92<script> 93 window.router = window.router || {}; 94 window.router['frontend.store_locator.get_stores'] = 'https://www.kaufmann.dk/StoreLocator/getStores'; 95 window.router['frontend.account.home.page'] = 'https://www.kaufmann.dk/account'; 96 window.router['frontend.account.checkout.login'] = 'https://www.kaufmann.dk/account/checkout/login'; 97 window.router['frontend.checkout.register.page'] = 'https://www.kaufmann.dk/checkout/register'; 98 window.router['frontend.update.aside-cart'] = 'https://www.kaufmann.dk/fetch/asidecart'; 99 window.router['frontend.checkout.line-item.refresh'] = 'https://www.kaufmann.dk/checkout/line-item/refresh'; 100 window.router['frontend.custom.account.register.save'] = 'https://www.kaufmann.dk/account/register'; 101 window.router['frontend.checkout.line-item.add'] = 'https://www.kaufmann.dk/checkout/line-item/add'; 102 window.router['frontend.checkout.line-items.delete'] = 'https://www.kaufmann.dk/checkout/line-item/delete'; 103 window.router['frontend.custom.checkout.promotion.add'] = 'https://www.kaufmann.dk/checkout/promotion/add'; 104 window.router['frontend.account.recover.request'] = 'https://www.kaufmann.dk/account/recover'; 105 window.router['frontend.cart.powerstep'] = 'https://www.kaufmann.dk/checkout/powerstep'; 106 window.router['frontend.checkout.minicart'] = 'https://www.kaufmann.dk/widgets/checkout/minicart'; 107 window.router['frontend.product.product-sizes'] = 'https://www.kaufmann.dk/widgets/product/product-sizes'; 108 window.router['frontend.favorites.index.ajax'] = 'https://www.kaufmann.dk/favorites/index/ajax'; 109 window.router['frontend.favorites.store.ajax'] = 'https://www.kaufmann.dk/favorites/store/ajax'; 110 window.router['frontend.wishlist.products'] = 'https://www.kaufmann.dk/wishlist/products'; 111 window.router['frontend.wishlist.send'] = 'https://www.kaufmann.dk/wishlist/send'; 112 window.router['frontend.home.page'] = 'https://www.kaufmann.dk/'; 113 window.router['frontend.account.newsletter.save'] = 'https://www.kaufmann.dk/account/newsletter/save'; 114 window.router['frontend.product.stock-agent.register'] = 'https://www.kaufmann.dk/product/stock-agent/register'; 115 window.router['frontend.customer-club.register.step-one'] = 'https://www.kaufmann.dk/customer-club/register/step-one'; 116 window.router['frontend.customer-club.register.step-two'] = 'https://www.kaufmann.dk/customer-club/register/step-two'; 117 window.router['frontend.email-newsletter.subscribe'] = 'https://www.kaufmann.dk/email-newsletter/subscribe'; 118 window.router['frontend.email-newsletter.unsubscribe'] = 'https://www.kaufmann.dk/email-newsletter/unsubscribe'; 119 window.router['frontend.phone-newsletter.unsubscribe'] = 'https://www.kaufmann.dk/phone-newsletter/unsubscribe'; 120 window.router['frontend.merchant.images'] = 'https://www.kaufmann.dk/widgets/merchant/images'; 121 window.router['frontend.checkout.cart.count'] = 'https://www.kaufmann.dk/checkout/cart/count'; 122 window.router['frontend.relewise.user'] = 'https://www.kaufmann.dk/relewise/user'; 123 window.router['frontend.relewise.user.set_temporary_id'] = 'https://www.kaufmann.dk/relewise/user/temporary-id'; 124 window.router['frontend.custom.checkout.promotion.remove'] = 'https://www.kaufmann.dk/promotion/remove'; 125 window.router['frontend.checkout.line-item.online-stock'] = 'https://www.kaufmann.dk/checkout/line-item/online-stock'; 126 window.router['frontend.update.cart
126-line-items'] = 'https://www.kaufmann.dk/fetch/cart-line-items'; 127 window.router['easypos.giftcard.remove'] = 'https://www.kaufmann.dk/easypos/giftcard/remove'; 128 window.router['frontend.product.cart-sizes'] = 'https://www.kaufmann.dk/widgets/product/cart-sizes'; 129 window.router['frontend.product.variation'] = '/widgets/product/variation'; 130 </script>
130
130<script> 131 window.router['frontend.search.type'] = 'https://www.kaufmann.dk/search-type'; 132 window.router['frontend.relewise.recommendations.slider'] = 'https://www.kaufmann.dk/relewise/recommendations-slider'; 133 window.router['relewise.track.product-view'] = 'https://www.kaufmann.dk/relewise/track/product-view'; 134 window.router['relewise.track.category-view'] = 'https://www.kaufmann.dk/relewise/track/category-view'; 135 </script>
135
135<script> 136 137 138 window.relewiseConfig = { 139 search: false, 140 fullPage: false, 141 useHistory: false, 142 relewiseFullPageAllowed: null, 143 doInitialSearch: Boolean(), 144 isSearchPage: Boolean(), 145 ignoreInitialSearchSearchPage: Boolean(), 146 } 147 </script>
147
147<script> 148 149 window.breakpoints = {"xs":0,"sm":576,"md":768,"lg":992,"xl":1200,"xxl":1400}; 150 </script>
150
150<script> 151 window.themeAssetsPublicPath = 'https://www.kaufmann.dk/theme/0190598d0b6873df9c200b11c59b6aa1/assets/'; 152 </script>
152
152<script> 153 window.validationMessages = {"required":"Input b\u00f8r ikke v\u00e6re tomt.","email":"Ugyldig e-mail-adresse. E-mailadresser skal bruge dette format `[email protected]` og indeholde en `@` og en `.`.","confirmation":"Indgangen er ikke identisk.","minLength":"%field% er for kort."}; 154 </script>
154
154<script> 155 (function() { 156 window.addEventListener('lazyload:trigger', function () { 157 console.log('lazyload:trigger fired'); 158 window.dataLayer = window.dataLayer || []; 159 dataLayer.push({"event" : "load_delayed_js"}); 160 }); 161 162 function isIOS() { 163 const ua = navigator.userAgent; 164 return /iPad|iPhone|iPod/.test(ua); 165 } 166 167 // If iOS, load scripts immediately and skip delay logic 168 if (isIOS()) { 169 setTimeout(() => { 170 const event = new CustomEvent('lazyload:trigger'); 171 window.dispatchEvent(event); 172 }, 50); 173 return; 174 } 175 176 let scriptsLoaded = false; 177 let pendingInteractions = []; 178 179 function loadScripts() { 180 if (scriptsLoaded) return Promise.resolve(); 181 scriptsLoaded = true; 182 183 const event = new CustomEvent('lazyload:trigger'); 184 window.dispatchEvent(event); 185 186 return new Promise(resolve => { 187 setTimeout(resolve, 300); // Give scripts time to load and initialize 188 }); 189 } 190 191 function shouldInterceptClick(target) { 192 let element = target; 193 while (element && element !== document.body) { 194 if (element.hasAttribute && element.hasAttribute('x-data')) { 195 const xDataValue = element.getAttribute('x-data'); 196 if (xDataValue && xDataValue.includes('recommendCarouselLazyLoader')) { 197 return true; 198 } 199 } 200 element = element.parentElement; 201 } 202 return false; 203 } 204 205 function isInteractiveElement(element) { 206 let current = element; 207 while (current && current !== document.body) { 208 if (current.tagName === 'BUTTON' || 209 current.tagName === 'A' || 210 current.hasAttribute('@click') || 211 current.hasAttribute('x-on:click') || 212 current.classList.contains('btn') || 213 current.classList.contains('button') || 214 current.classList.contains('carousel-control')) { 215 return true; 216 } 217 current = current.parentElement; 218 } 219 return false; 220 } 221 222 // Global click interceptor 223 document.addEventListener('click', function(e) { 224 if (scriptsLoaded) { 225 return; // Scripts already loaded, let event proceed normally 226 } 227 228 if (shouldInterceptClick(e.target) && isInteractiveElement(e.target)) { 229 e.preventDefault(); 230 e.stopPropagation(); 231 e.stopImmediatePropagation(); 232 233 // Store the interaction 234 const interaction = { 235 target: e.target, 236 type: e.type, 237 clientX: e.clientX, 238 clientY: e.clientY, 239 button: e.button, 240 ctrlKey: e.ctrlKey, 241 shiftKey: e.shiftKey, 242 altKey: e.altKey, 243 metaKey: e.metaKey, 244 timestamp: Date.now() 245 }; 246 247 // Load scripts and then replay 248 loadScripts().then(() => { 249 // Replay the interaction 250 if (document.contains(interaction.target)) { 251 const newEvent = new MouseEvent(interaction.type, { 252 bubbles: true, 253 cancelable: true, 254 view: window, 255 clientX: interaction.clientX, 256 clientY: interaction.clientY, 257 button: interaction.button, 258 ctrlKey: interaction.ctrlKey,
259 shiftKey: interaction.shiftKey, 260 altKey: interaction.altKey, 261 metaKey: interaction.metaKey 262 }); 263 264 console.log('Replaying click on:', interaction.target); 265 interaction.target.dispatchEvent(newEvent); 266 } 267 }); 268 269 return false; 270 } 271 }, true); // Capture phase 272 273 // Non-click triggers (but don't prevent them) 274 ['scroll', 'mousemove', 'keydown', 'touchstart'].forEach(evt => { 275 window.addEventListener(evt, function(e) { 276 loadScripts(); 277 }, { once: true, passive: true }); 278 }); 279 280 // Fallback after 10s 281 setTimeout(() => loadScripts(), 10000); 282 283 })(); 284 </script>
284
284<script> 285 window.themeJsPublicPath = 'https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/'; 286 </script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/storefront/storefront.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/frosh-lazy-sizes/frosh-lazy-sizes.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/wexo-relewise/wexo-relewise.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/wexo-kaufmann-relewise/wexo-kaufmann-relewise.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/wexo-price-campaign/wexo-price-campaign.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/netzp-events6/netzp-events6.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/wexo-cookie-information/wexo-cookie-information.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/wexo-marketing-tools/wexo-marketing-tools.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/wexo-datalayer/wexo-datalayer.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/profitmetrics/profitmetrics.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/customer-scale-pdp-cross-sale/customer-scale-pdp-cross-sale.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/global-theme/global-theme.js?1790057350" defer></script>
286
286<script type="text/javascript" src="https://www.kaufmann.dk/theme/a559456b45a3af2891380e867bedf52f/js/kaufmann-theme/kaufmann-theme.js?1790057350" defer></script>
286 </head> <body class="is-ctl-decoratednavigation is-act-home" x-data="{ 287 isSafari() { 288 const ua = navigator.userAgent; 289 return /^((?!chrome|android).)*safari/i.test(ua); 290 } 291 }" x-on:scroll.window.throttle.90ms="$dispatch('body:scroll')" x-on:scroll.window.debounce.90ms="$dispatch('body:scroll')" x-resize.document="$dispatch('body:resize')"> <div class="tw-sr-only"> </div> <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" style="position: absolute; visibility: hidden;"> <defs> <symbol id="circle-arrow" viewBox="0 0 48 48"> <circle cx="59" cy="58" r="24" transform="matrix(0, -1, 1, 0, -34, 83)" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M 31.53 23.47 C 31.531 23.47 31.531 23.471 31.532 23.471 C 31.603 23.543 31.657 23.625 31.693 23.713 C 31.728 23.796 31.747 23.886 31.75 23.981 C 31.75 23.987 31.75 23.994 31.75 24 C 31.75 24.102 31.73 24.199 31.693 24.287 C 31.657 24.375 31.603 24.457 31.532 24.529 C 31.531 24.529 31.531 24.53 31.53 24.53 L 31.529 24.532 L 25.53 30.53 C 25.237 30.823 24.763 30.823 24.47 30.53 C 24.177 30.237 24.177 29.763 24.47 29.47 L 29.189 24.75 L 17 24.75 C 16.586 24.75 16.25 24.414 16.25 24 C 16.25 23.586 16.586 23.25 17 23.25 L 29.189 23.25 L 24.47 18.53 C 24.177 18.237 24.177 17.763 24.47 17.47 C 24.763 17.177 25.237 17.177 25.53 17.47 L 31.53 23.469 C 31.53 23.47 31.53 23.47 31.53 23.47 Z"/> </symbol> </defs> </svg> <noscript class="noscript-main"> <div role="alert" aria-live="polite" class="alert alert-info tw-flex tw-items-center"> <div class="tw-p-2"> <span class="icon icon-info" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path d="M12 7c.5523 0 1 .4477 1 1s-.4477 1-1 1-1-.4477-1-1 .4477-1 1-1zm1 9c0 .5523-.4477 1-1 1s-1-.4477-1-1v-5c0-.5523.4477-1 1-1s1 .4477 1 1v5zm11-4c0 6.6274-5.3726 12-12 12S0 18.6274 0 12 5.3726 0 12 0s12 5.3726 12 12zM12 2C6.4772 2 2 6.4772 2 12s4.4772 10 10 10 10-4.4772 10-10S17.5228 2 12 2z" id="icons-default-info" /></defs><use xlink:href="#icons-default-info" fill="#758CA3" fill-rule="evenodd" /></svg> </span> </div> <div class="alert-content-container"> <div class="alert-content"> For at kunne bruge det fulde udvalg af Shopware 6 anbefaler vi at aktivere Javascript i din browser. </div> </div> </div> </noscript> <header> <div x-data="{show: false}" x-on:show-overlay-menu.window="show = true;" x-on:hide-overlay-menu.window="show = false;
291" class="tw-fixed tw-inset-x-0 tw-top-0 tw-bottom-0 lg:tw-z-[25] tw-z-40 lg:tw-top-[15.7rem] tw-bg-black tw-opacity-50" x-show="show" x-cloak id="overlay-menu" > </div> <div x-data="{ 292 initHeaderCartData() { 293 // Try to load from cache first for instant display 294 const cartStore = Alpine.store('cartHandler'); 295 if (!cartStore.loadCartCountFromCache()) { 296 // If no cache, fetch from API 297 cartStore.getCartCount(); 298 } else { 299 // Even with cache, refresh in background for accuracy 300 setTimeout(() => cartStore.getCartCount(), 100); 301 } 302 } 303 }" x-init="initHeaderCartData()" :class="$store.fixedNavigation.isFixed ? 'tw-mb-[103px] lg:tw-mb-[130px]' : 'tw-shadow-[0_4px_20px_0_rgba(0,0,0,0.05)]'"> <div style="background-color: #15191C;"> <div class="tw-max-w-screen-3xl tw-mx-auto tw-px-2 md:tw-px-10 tw-h-6.5 tw-flex tw-items-center tw-justify-between tw-text-3xs tw-tracking-[.0125em] tw-uppercase" style="color: #FFFFFF;"> <div class="tw-flex tw-gap-6 tw-items-center "> <span class="tw-hidden lg:tw-flex tw-items-center"> <span class="icon icon-check icon-#FFFFFF icon-top-banner tw-mr-1"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span>Levering 1-2 hverdage</span> </span> <span class="tw-hidden lg:tw-flex tw-items-center"> <span class="icon icon-check icon-#FFFFFF icon-top-banner tw-mr-1"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span>Altid 14 dages returret</span> </span> <span class="tw-flex tw-items-center"> <span class="icon icon-check icon-#FFFFFF icon-top-banner tw-mr-1"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span>Gratis levering ved køb over 499,-</span> </span> </div> <div class="tw-hidden md:tw-flex tw-gap-6 tw-items-center "> <div class="tw-flex tw-gap-6 tw-items-center "> <a href="/butikker"> Find butik </a> <a href="/kundeservice"> Hjælp? </a> <a href="https://www.kaufmann-business.dk"> Business </a> </div> </div> </div> </div> <div class="tw-w-full tw-z-30 tw-transition tw-bg-white" :class="$store.fixedNavigation.isFixed ? 'tw-fixed tw-inset-x-0 tw-top-0' : ''"> <div class="tw-max-w-screen-3xl tw-mx-auto tw-flex tw-flex-wrap lg:flex-nowrap tw-items-center tw-justify-between tw-w-full lg:tw-h-16 lg:tw-px-10 tw-bg-white" > <div class="tw-px-2.5 md:tw-px-10 lg:tw-px-0 lg:tw-order-2" :class="$store.fixedNavigation.isFixed ? 'tw-hidden lg:tw-block' : ''"> <div class="header-logo-main text-center"> <a href="/" title="Gå til forsiden" > <picture> <div class="tw-text-black"> <svg width="200" height="24" viewBox="0 0 200 24" class=""> <defs> <g id="logo"> <path d="M0 23.6198V0H7.77895L7.78499 10.2513L13.0455 0H21.9719L14.9117 11.4931L22.7269 23.6198H13.2266L7.78499 13.7233L7.77895 23.6198H0Z" fill="currentColor"/> <path d="M32.7468 20.6737L32.0945 23.6198H23.4277L31.261 0H40.3083L48.359 23.6198H39.6923L38.9373 20.6737H32.7468ZM34.2265 15.0792H37.512L35.9961 7.74234L34.2325 15.0792H34.2265Z" fill="currentColor"/> <path d="M74.9385 23.6198V0H90.0132V6.77297H83.1764V9.19324H89.1798V15.3453H83.1764V23.6198H74.9385Z" fill="currentColor"/> <path d="M122.724 23.6452L114.836 23.6198L113.737 10.6695L109.793 23.6198H104.992L101.302 10.6695L100.154 23.6198H92.212L95.866 0H104.285L107.402 12.3928L110.711 0H119.04L122.724 23.6452Z" fill="currentColor"/> <path d="M123.763 23.6389L131.499 0H140.553L148.585 23.6199H139.924L139.182 20.6737H133.009L132.333 23.6199L123.757 23.6389H123.763ZM134.465 15.0792H137.75L136.192 7.78036L134.465 15.0792Z" fill="currentColor"/> <path d="M150.318 23.6198V0H158.17L165.067 12.6843L165.073 0H172.9V23.6198H165.073L158.146 11.3157L158.14 23.6198H150.318Z" fill="currentColor"/>
303 <path d="M62.0263 0H70.2159V13.9641C70.2159 20.8765 66.0909 24 59.7917 24C53.4924 24 49.3674 20.8765 49.3674 13.9641V0H57.557V13.1595C57.557 15.0032 57.6235 16.6315 59.7977 16.6315C61.9719 16.6315 62.0384 15.0032 62.0384 13.1595V0H62.0263Z" fill="currentColor"/> <path d="M177.418 23.6198V0H185.276L192.167 12.6843L192.173 0H200V23.6198H192.173L185.245 11.3157L185.239 23.6198H177.418Z" fill="currentColor"/> </g> </defs> <use xlink:href="#logo"></use> </svg> </div> </picture> </a> </div> </div> <div class="tw-w-[calc(50%-200px)] tw-justify-end tw-px-2.5 md:tw-px-10 lg:tw-px-0 tw-h-12 lg:tw-h-16 lg:tw-order-2 tw-flex tw-items-center tw-gap-3.5 lg:tw-gap-5 lg:tw-text-xs" :class="$store.fixedNavigation.isFixed ? 'tw-hidden lg:tw-flex' : ''"> <div class="tw-hidden lg:tw-block"> <div x-data="{ 304 isLoggedIn: false, 305 checkLogin() { 306 const cookie = document.cookie.split('; ').find(row => row.startsWith('loggedIn=')); 307 if (!cookie) return false; 308 try { 309 const cookieVal = decodeURIComponent(cookie.split('=')[1]) == '1'; 310 this.isLoggedIn = cookieVal; 311 } catch (e) { 312 this.isLoggedIn = false; 313 } 314 } 315 }" x-init="checkLogin()"> <template x-if="isLoggedIn"> <a href="/account" class="tw-flex tw-items-center tw-gap-1 tw-group"> <span class="icon icon-login"> <svg fill="#15191c" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m12 1.25c-1.525 0-2.98753.6058-4.06586 1.68414-1.07834 1.07833-1.68414 2.54087-1.68414 4.06586s.6058 2.98753 1.68414 4.0659c.50129.5013 1.08562.9004 1.72065 1.1841h-.65479c-1.7717 0-3.48172.6491-4.75135 1.8211-1.27165 1.1738-1.99865 2.7793-1.99865 4.4674v1.7692.6923c0 .4142.33579.75.75.75h18c.4142 0 .75-.3358.75-.75v-.6923-1.7692c0-1.6881-.727-3.2936-1.9987-4.4674-1.2696-1.172-2.9796-1.8211-4.7513-1.8211h-.6548c.635-.2837 1.2194-.6828 1.7207-1.1841 1.0783-1.07837 1.6841-2.54091 1.6841-4.0659s-.6058-2.98753-1.6841-4.06586c-1.0784-1.07834-2.5409-1.68414-4.0659-1.68414zm-3.0052 2.7448c.79703-.79703 1.878-1.2448 3.0052-1.2448s2.2082.44777 3.0052 1.2448 1.2448 1.87803 1.2448 3.0052-.4478 2.20817-1.2448 3.0052c-.797.797-1.878 1.2448-3.0052 1.2448s-2.20817-.4478-3.0052-1.2448c-.79703-.79703-1.2448-1.87803-1.2448-3.0052s.44777-2.20817 1.2448-3.0052zm-3.72873 11.1785c.98081-.9054 2.32303-1.4233 3.73393-1.4233h6c1.4109 0 2.7531.5179 3.7339 1.4233.9788.9035 1.5161 2.1154 1.5161 3.3652v1.7115h-16.5v-1.7115c0-1.2498.53728-2.4617 1.51607-3.3652z" fill="#15191c" fill-rule="evenodd"/></svg> </span> <div class="tw-relative"> <div class="tw-leading-4.25 tw-text-nowrap"> Min side </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full"></div> </div> </a> </template> <template x-if="!isLoggedIn"> <button class="tw-flex tw-items-center tw-gap-1 tw-group" type="button" id="accountWidget" aria-label="Log ind" title="Log ind" @click='$dispatch("show-modal"); Alpine.store("validateLogin").setSelectedView("login")' > <span class="icon icon-login"> <svg fill="#15191c" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m12 1.25c-1.525 0-2.98753.6058-4.06586 1.68414-1.07834 1.07833-1.68414 2.54087-1.68414 4.06586s.6058 2.98753 1.68414 4.0659c.50129.5013 1.08562.9004 1.72065 1.1841h-.65479c-1.7717 0-3.48172.6491-4.75135 1.8211-1.27165 1.1738-1.99865 2.7793-1.99865 4.4674v1.7692.6923c0 .4142.33579.75.75.75h18c.4142 0 .75-.3358.75-.75v-.6923-1.7692c0-1.6881-.727-3.2936-1.9987-4.4674-1.2696-1.172-2.9796-1.8211-4.7513-1.8211h-.6548c.635-.2837 1.2194-.6828 1.7207-1.1841 1.0783-1.07837 1.6841-2.54091 1.6841-4.0659s-.6058-2.98753-1.6841-4.06586c-1.0784-1.07834-2.5409-1.68414-4.0659-1.68414zm-3.0052 2.7448c.79703-.79703 1.878-1.2448 3.0052-1.2448s2.2082.44777 3.0052 1.2448 1.2448 1.87803 1.2448 3.0052-.4478 2.20817-1.2448 3.0052c-.797.797-1.878 1.2448-3.0052 1.2448s-2.20817-.4478-3.0052-1.2448c-.79703-.79703-1.2448-1.87803-1.2448-3.0052s.44777-2.20817 1.2448-3.0052zm-3.72873 11.1785c.98081-.9054 2.32303-1.4233 3.73393-1.4233h6c1.4109 0 2.7531.5179 3.7339 1.4233.9788.9035 1.5161 2.1154 1.5161 3.3652v1.7115h-16.5v-1.7115c0-1.2498.53728-2.4617 1.51607-3.3652z" fill="#15191c" fill-rule="evenodd"/></svg> </span> <div class="tw-relative"> <div class="tw-leading-4.25 tw-text-nowrap"> Log ind </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full"></div> </div> <div class="tw-hidden modalContent"> <div> <div x-data="{viewSelected: Alpine.store('validateLogin').selectedView}"> <div class="tw-gap-4"> <div class="tw-font-normal tw-text-lg lg:tw-text-2xl tw-uppercase tw-pb-4">Min Side</div> <p class="tw-w-full lg:tw-w-[620px] tw-text-md tw-pb-7.5 tw-min-h-[110px] lg:tw-min-h-[100px]"> <span x-show="viewSelected === 'login'"> På min side finder du ordrestatus og kvitteringer fra tidligere køb. Er du ikke allerede medlem, tager det kun et øjeblik at blive tilmeldt helt gratis.</span> <span x-show="viewSelected === 'register'"> Som medlem af KAUFMANN kundeklub får du tilbud og nyheder på email. Vi opretter en konto til dig, hvor du kan se gemte favoritter, samt se ordrestatus og kvitteringer fra tidligere køb. Du kan altid afmelde dig igen.</span> <span x-show="viewSelected === 'forgot-password'">Indtast din e-mail og få tilsendt et link til at oprette et nyt password.</span> </p> </div> <div class="tw-flex tw-justify-center tw-gap-2 tw-pt-7.5 tw-border-t tw-border-ui-divider" x-show="viewSelected != 'forgot-password'"> <label class="tw-flex tw-items-center tw-justify-center tw-gap-2 tw-cursor-pointer tw-border tw-border-black/30 tw-h-12 tw-w-full lg:tw-w-[220px]" :class="{'!tw-border-black': viewSelected === 'login'}"> <input type="radio" name="account" value="login" @click="viewSelected = event.target.value;" class="tw-min-w-[16px] tw-h-4 tw-w-4 tw-cursor-pointer tw-appearance-none tw-border tw-border-black tw-rounded-full checked:tw-border-black checked:tw-relative checked:after:tw-content-[''] checked:after:tw-absolute checked:after:tw-top-1/2 checked:after:tw-left-1/2 checked:after:tw-w-2 checked:after:tw-h-2 checked:after:tw-rounded-full checked:after:tw-bg-black checked:after:tw--translate-x-1/2 checked:after:tw--translate-y-1/2 tw-align-middle" x-model="viewSelected"> <span class="tw-text-md">Log ind</span> </label> <label class="tw-flex tw-items-center tw-justify-center tw-gap-2 tw-cursor-pointer tw-border tw-border-black/30 tw-h-12 tw-w-full lg:tw-w-[220px]" :class="{'!tw-border-black': viewSelected === 'register'}"> <input type="radio" name="account" value="register" @click="viewSelected = event.target.value;" class="tw-min-w-[16px] tw-h-4 tw-w-4 tw-cursor-pointer tw-appearance-none tw-border tw-border-black tw-rounded-full checked:tw-border-black checked:tw-relative checked:after:tw-content-[''] checked:after:tw-absolute checked:after:tw-top-1/2 checked:after:tw-left-1/2 checked:after:tw-w-2 checked:after:tw-h-2 checked:after:tw-rounded-full checked:after:tw-bg-black checked:after:tw--translate-x-1/2 checked:after:tw--translate-y-1/2 tw-align-middle" x-model="viewSelected"> <span class="tw-text-md">Bliv medlem</span> </label> </div> <template x-if="viewSelected === 'login'"> <div class="tw-pt-6" x-data="accountData"> <div class="tw-flex tw-justify-center"> <div class="tw-w-full"> <form class="login-form" action="/account/login" method="post" data-redirect-to="" id="loginForm" data-error-messages="{"email":{"mustContainAnAtSign":"E-mail mangler et @ - eks. '[email protected]' ","missingDot":"Punktum mangler i e-mail - eks. [email protected]","missingEnding":"Endelsen p\u00e5 e-mail mangler - eks. [email protected]","empty":"Email skal udfyldes","inUse":"Email er allerede i brug"},"zipCode":{"length":"
315Postnummer skal best\u00e5 af 4 tal","empty":"Post nr. skal udfyldes"},"phoneNumber":{"length":"Telefonnummer skal best\u00e5 af 8 tal","empty":"Telefonnummer skal udfyldes"},"street":{"numberMissing":"Indtast addressens nummer","empty":"Adresen skal udfyldes"},"deliveryMethod":{"empty":"V\u00e6lg leveringsform"},"firstName":{"empty":"Indtast fornavn"},"lastName":{"empty":"Indtast efternavn"},"city":{"empty":"Indtast by"},"tos":{"empty":"Accepter handelsbetingelser &amp; privatlivspolitik"},"password":{"empty":"Indtast password","invalid":"Ugyldigt password"},"countryId":{"empty":"V\u00e6lg land"}}" > <input type="hidden" name="redirectTo" value="/account/login"> <input type="hidden" name="redirectParameters" value=""> <div class="tw-flex tw-justify-center tw-flex-col tw-col-span-2"> <div class="md:tw-flex tw-justify-center tw-items-center md:tw-gap-x-2"> <div class="tw-w-full lg:tw-w-[448px] tw-flex tw-gap-x-2 tw-mb-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.login.loginMail}" x-text="Alpine.store('validateInput').errors?.login.loginMail" x-show="Alpine.store('validateInput').errors?.login.loginMail" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 316 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.login.loginMail, 317 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.login.loginMail && !isFocused 318 }" > <input type="email" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 tw-outline-none no-spinner 319 tw-bg-white" id="loginMail" name="username" autocomplete="on" x-init="form.login.loginMail = '';" data-field-error-message="login.loginMail" x-model="form.login.loginMail" x-ref="login.loginMail" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('login.loginMail')" @blur="isFocused = form?.login.loginMail !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('login.loginMail', $el.value, 'da-DK')" > <template x-if="form.login.loginMail?.length !== 0 && !Alpine.store('validateInput').errors?.login.loginMail"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="loginMail" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 320 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.login.loginMail, 321 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.login.loginMail 322 }" > E-mail* </label> </div> </div> </div> </div> <div class="md:tw-flex tw-justify-center tw-items-center md:tw-gap-t-2"> <div class="tw-w-full lg:tw-w-[448px] tw-flex tw-gap-x-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.login.password}" x-text="Alpine.store('validateInput').errors?.login.password" x-show="Alpine.store('validateInput').errors?.login.password" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 323 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.login.password, 324 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.login.password && !isFocused 325 }" > <input type="password" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 t
325w-outline-none no-spinner 326 tw-bg-white" id="loginPassword" name="password" autocomplete="on" x-init="form.login.password = '';" data-field-error-message="login.password" x-model="form.login.password" x-ref="login.password" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('login.password')" @blur="isFocused = form?.login.password !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('login.password', $el.value, 'da-DK')" > <template x-if="form.login.password?.length !== 0 && !Alpine.store('validateInput').errors?.login.password"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="loginPassword" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 327 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.login.password, 328 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.login.password 329 }" > Password* </label> </div> </div> </div> </div> <div class="tw-min-h-[110px] lg:tw-min-h-[100px]"> <div class="tw-flex tw-justify-start lg:tw-justify-center tw-items-center tw-pb-6"> <div class="tw-w-[448px] tw-flex tw-gap-x-2"> <a href="#" class="tw-text-sm lg:tw-font-medium tw-underline tw-pt-4" @click.prevent="Alpine.store('validateLogin').setSelectedView('forgot-password')" > Jeg har glemt mit password </a> </div> </div> <div class="tw-flex tw-justify-start lg:tw-justify-center tw-items-center lg:tw-pb-7.5"> <div class="tw-w-[448px] tw-flex tw-gap-x-2 tw-items-center"> <input type="checkbox" id="ModalRememberMe" name="rememberMe" class="tw-min-w-[16px] tw-h-4 tw-w-4 tw-cursor-pointer tw-appearance-none tw-border tw-border-black tw-rounded-none checked:tw-border-black checked:tw-relative checked:after:tw-content-[''] checked:after:tw-absolute checked:after:tw-top-1/2 checked:after:tw-left-1/2 checked:after:tw-w-2 checked:after:tw-h-2 checked:after:tw-bg-black checked:after:tw--translate-x-1/2 checked:after:tw--translate-y-1/2 tw-align-middle"> <label for="rememberMe" class="tw-text-md"> Husk mig til næste gang </label> </div> </div> </div> </div> <div class="tw-flex tw-justify-center tw-items-center"> <button type="submit" @click.prevent="checkLoginValidity()" class="tw-flex tw-justify-center tw-items-center tw-w-full lg:tw-w-[200px] tw-gap-1.5 tw-py-4 tw-border-[1.5px] tw-bg-black tw-text-sm tw-text-white tw-uppercase"> Log ind</span> <span class="icon icon-arrow-right icon-tw-w-[14px] tw-h-[14px]"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </button> </div> </form> </div> </div> </div> </template> <template x-if="viewSelected === 'register'"> <div class="tw-pt-6" x-data="accountData"> <form class="register-form" action="/account/register" method="post" data-redirect-to="" id="modalRegisterForm" data-error-messages="{"email":{"mustContainAnAtSign":"E-mail mangler et @ - eks. '[email protected]' ","missingDot":"Punktum mangler i e-mail - eks. [email protected]","missingEnding":"Endelsen p\u00e5 e-mail mangler - eks. [email protected]","empty":"Email skal udfyldes","inUse":"Email er allerede i brug"},"zipCode":{"length":"Postnummer skal best\u00e5 af 4 tal","empty":"Post nr. skal udfyldes"},"phoneNumber":{"length":"Telefonnummer skal best\u00e5 af 8 tal","empty":"Telefonnummer skal udfyldes"},"street":{"numberMissing":"Indtast addressens nummer","empty":"Adresen skal udfyldes"},"deliveryMethod":{"empty":"V\u00e6lg leveringsform"},"firstName":{"empty":"Indtast fornavn"},"lastName":{"empty":"Indtast efternavn"},"city":{"empty":"Indtast by"},"tos":{"empty":"Accepter handelsbetingelser &amp; privatlivspolitik"},"password":{"empty":"Indtast password","invalid":"Ugyldigt password"},"countryId":{"empty":"V\u00e6lg land"}}" data-site-key="6LfzKsorAAAAALoeY8dMnWVpkXiAdaZaf4xuK-b4" data-recaptcha-input-name="_grecaptcha_v3" >
329 <input type="hidden" value="0194d0bd307b7bedb60bd734435be3ee" name="billingAddress[salutationId]"> <input type="hidden" value="-" name="billingAddress[street]"> <input type="hidden" value="-" name="billingAddress[city]"> <input type="hidden" value="0000" name="billingAddress[zipcode]"> <input type="hidden" value="1" name="customFields[hasPlaceholderAddress]"> <input type="hidden" value="0194d0bd307b7bedb60bd734435be3ee" name="salutationId"> <input type="hidden" value="f4d11f62703344fba4e4193fb909a35e" name="billingAddress[countryId]"> <input type="hidden" name="createCustomerAccount" value="1"> <input type="hidden" name="errorRoute" value="frontend.home.page"> <input type="hidden" name="errorParameters" value=""> <input type="hidden" name="redirectTo" value="frontend.account.home.page"> <input type="hidden" name="redirectParameters" value=""> <div class="tw-flex tw-justify-center tw-flex-col tw-col-span-2"> <div class="tw-flex tw-justify-center tw-items-center tw-gap-x-2 tw-flex-wrap lg:tw-w-[448px] tw-self-center"> <div class="tw-flex lg:tw-gap-y-2.5 tw-gap-y-2 tw-flex-col tw-col-span-2"> <div class="tw-flex tw-items-end tw-gap-x-2"> <div class="tw-w-full lg:tw-w-[220px] tw-flex tw-gap-x-2 tw-mb-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.register.firstName}" x-text="Alpine.store('validateInput').errors?.register.firstName" x-show="Alpine.store('validateInput').errors?.register.firstName" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 330 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.register.firstName, 331 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.register.firstName && !isFocused 332 }" > <input type="text" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 tw-outline-none no-spinner 333 tw-bg-white" id="registerpersonalFirstName" name="firstName" autocomplete="on" x-init="form.register.firstName = '';" data-field-error-message="register.firstName" x-model="form.register.firstName" x-ref="register.firstName" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('register.firstName')" @blur="isFocused = form?.register.firstName !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('register.firstName', $el.value, 'da-DK')" > <template x-if="form.register.firstName?.length !== 0 && !Alpine.store('validateInput').errors?.register.firstName"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="registerpersonalFirstName" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 334 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.register.firstName, 335 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.register.firstName 336 }" > Fornavn* </label> </div> </div> <input type="hidden" :value="form.register.firstName" name="billingAddress[firstName]"> </div> <div class="tw-w-full lg:tw-w-[220px] tw-flex tw-gap-x-2 tw-mb-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.register.lastName}" x-text="Alpine.store('validateInput').errors?.register.lastName" x-show="Alpine.store('validateInput').errors?.register.lastName" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 337 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.register.lastName, 338 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.register.lastName && !isFocused 339 }" > <input type="text" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 t
339w-outline-none no-spinner 340 tw-bg-white" id="registerpersonalLastName" name="lastName" autocomplete="on" x-init="form.register.lastName = '';" data-field-error-message="register.lastName" x-model="form.register.lastName" x-ref="register.lastName" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('register.lastName')" @blur="isFocused = form?.register.lastName !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('register.lastName', $el.value, 'da-DK')" > <template x-if="form.register.lastName?.length !== 0 && !Alpine.store('validateInput').errors?.register.lastName"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="registerpersonalLastName" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 341 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.register.lastName, 342 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.register.lastName 343 }" > Efternavn* </label> </div> </div> <input type="hidden" :value="form.register.lastName" name="billingAddress[lastName]"> </div> </div> </div> <div class="tw-flex lg:tw-gap-y-2.5 tw-gap-y-2 tw-flex-col tw-col-span-2"> <div class="tw-flex tw-items-end tw-gap-x-2"> <div class="tw-w-full lg:tw-w-[220px] tw-flex tw-gap-x-2 tw-mb-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.register.email}" x-text="Alpine.store('validateInput').errors?.register.email" x-show="Alpine.store('validateInput').errors?.register.email" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 344 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.register.email, 345 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.register.email && !isFocused 346 }" > <input type="email" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 tw-outline-none no-spinner 347 tw-bg-white" id="registerEmail" name="email" autocomplete="on" x-init="form.register.email = '';" data-field-error-message="register.email" x-model="form.register.email" x-ref="register.email" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('register.email')" @blur="isFocused = form?.register.email !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('register.email', $el.value, 'da-DK')" > <template x-if="form.register.email?.length !== 0 && !Alpine.store('validateInput').errors?.register.email"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="registerEmail" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 348 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.register.email, 349 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.register.email 350 }" > E-mail* </label> </div> </div> </div> <div class="tw-w-full lg:tw-w-[220px] tw-flex tw-gap-x-2 tw-mb-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.register.password}" x-text="Alpine.store('validateInput').errors?.register.password" x-show="Alpine.store('validateInput').errors?.register.password" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 351 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.register.password, 352 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.register.password && !isFocused 353 }" > <input type="password" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 t
353w-outline-none no-spinner 354 tw-bg-white" id="registerPassword" name="password" autocomplete="on" x-init="form.register.password = '';" data-field-error-message="register.password" x-model="form.register.password" x-ref="register.password" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('register.password')" @blur="isFocused = form?.register.password !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('register.password', $el.value, 'da-DK')" > <template x-if="form.register.password?.length !== 0 && !Alpine.store('validateInput').errors?.register.password"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="registerPassword" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 355 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.register.password, 356 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.register.password 357 }" > Password* </label> </div> </div> </div> </div> </div> </div> <div class="tw-min-h-[106px]"> <div class="tw-flex tw-justify-center tw-items-start md:tw-gap-x-2 lg:tw-pb-7.5 tw-w-full"> <div class="tw-w-full lg:tw-w-[448px] tw-flex tw-gap-x-2 tw-mt-2"> <input type="checkbox" id="tos" name="tos" x-model="form.register.tos" :class="{'tw-text-invalid-red tw-border-invalid-red': errors.register.tos}" class="tw-min-w-[16px] tw-h-4 tw-w-4 tw-cursor-pointer tw-appearance-none tw-border tw-border-black tw-rounded-none checked:tw-border-black checked:tw-relative checked:after:tw-content-[''] checked:after:tw-absolute checked:after:tw-top-1/2 checked:after:tw-left-1/2 checked:after:tw-w-2 checked:after:tw-h-2 checked:after:tw-bg-black checked:after:tw--translate-x-1/2 checked:after:tw--translate-y-1/2 tw-align-middle"> <label :class="{'tw-text-invalid-red tw-border-invalid-red': errors.register.tos}" for="acceptedDataProtection" class="tw-mt-[-3px] tw-text-md"> <strong>Ja tak</strong> - Jeg vil gerne oprette en konto, modtage nyhedsbreve på email, og jeg accepterer <span @click='$dispatch("show-modal",{"id": "01970be3c15f764396ec6440955350fe", "scroll": "true" })' class="tw-underline hover:tw-cursor-pointer">Kundeklubsbetingelserne</span> </label> </div> <input type="hidden" id="acceptedDataProtection" name="acceptedDataProtection" value="1"> </div> </div> </div> <div class="tw-flex tw-justify-center tw-items-center tw-pt-7.5 tw-border-t tw-border-ui-divider"> <button type="submit" @click.prevent="checkRegisterValidity('modalRegisterForm')" class="tw-flex tw-justify-center tw-items-center tw-w-full lg:tw-w-[200px] tw-gap-1.5 tw-py-4 tw-border-[1.5px] tw-bg-black tw-text-sm tw-text-white tw-uppercase"> <span x-text="Alpine.store('validateLogin').selectedView === 'register' ? 'Bliv medlem' : 'Bliv medlem'"></span> <span class="icon icon-arrow-right icon-tw-w-[14px] tw-h-[14px]"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </button> </div> </form> <input type="hidden" value="0194d0bd307b7bedb60bd734435be3ee" name="billingAddress[salutationId]"> <input type="hidden" value="-" name="billingAddress[street]"> <input type="hidden" value="-" name="billingAddress[city]"> <input type="hidden" value="0000" name="billingAddress[zipcode]"> <input type="hidden" value="1" name="customFields[hasPlaceholderAddress]"> <input type="hidden" value="0194d0bd307b7bedb60bd734435be3ee" name="salutationId"> <input type="hidden" value="f4d11f62703344fba4e4193fb909a35e" name="billingAddress[countryId]"> <input type="hidden" name="createCustomerAccount" value="1"> <input type="hidden" name="errorRoute" value="frontend.home.page"> <input type="hidden" name="errorParameters" value=""> <input type="hidden" name="redirectTo" value="frontend.account.home.page"> <input type="hidden" name="redirectParameters" value=""> </div> </template> <template x-if="viewSelected === 'forgot-password'"> <div class="tw-pt-6" x-data="accountData"> <div class="tw-w-full -tw-mt-20" x-data="{ 358 status: '', 359 loading: false 360 }"> <form id="forgotPasswordForm" class="tw-w-full tw-mx-auto tw-py-8" data-error-messages="{"email":{"mustContainAnAtSign":"E-mail mangler et @ - eks. '[email protected]' ","missingDot":"Punktum mangler i e-mail - eks. [email protected]","missingEnding":"Endelsen p\u00e5 e-mail mangler - eks. [email protected]","empty":"Email skal udfyldes","inUse":"Email er allerede i brug"},"zipCode":{"length":"
360Postnummer skal best\u00e5 af 4 tal","empty":"Post nr. skal udfyldes"},"phoneNumber":{"length":"Telefonnummer skal best\u00e5 af 8 tal","empty":"Telefonnummer skal udfyldes"},"street":{"numberMissing":"Indtast addressens nummer","empty":"Adresen skal udfyldes"},"deliveryMethod":{"empty":"V\u00e6lg leveringsform"},"firstName":{"empty":"Indtast fornavn"},"lastName":{"empty":"Indtast efternavn"},"city":{"empty":"Indtast by"},"tos":{"empty":"Accepter handelsbetingelser &amp; privatlivspolitik"},"password":{"empty":"Indtast password","invalid":"Ugyldigt password"},"countryId":{"empty":"V\u00e6lg land"}}" > <div class="tw-mb-4"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.forgotPassword.email}" x-text="Alpine.store('validateInput').errors?.forgotPassword.email" x-show="Alpine.store('validateInput').errors?.forgotPassword.email" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 361 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.forgotPassword.email, 362 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.forgotPassword.email && !isFocused 363 }" > <input type="email" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 tw-outline-none no-spinner 364 tw-bg-white" id="forgotPasswordEmail" name="email" autocomplete="on" x-init="form.forgotPassword.email = '';" data-field-error-message="forgotPassword.email" x-model="form.forgotPassword.email" x-ref="forgotPassword.email" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('forgotPassword.email')" @blur="isFocused = form?.forgotPassword.email !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('forgotPassword.email', $el.value, 'da-DK')" > <template x-if="form.forgotPassword.email?.length !== 0 && !Alpine.store('validateInput').errors?.forgotPassword.email"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="forgotPasswordEmail" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 365 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.forgotPassword.email, 366 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.forgotPassword.email 367 }" > E-mail* </label> </div> </div> </div> <div class="tw-flex tw-justify-between tw-items-center"> <button type="submit" :disabled="loading" @click.prevent="async () => { loading = true; status = await checkForgotPasswordValidity(); loading = false }" class="tw-bg-black tw-text-white tw-py-2 tw-px-4 tw-text-sm tw-uppercase"> <span x-show="!loading">Modtag link</span> <span x-show="loading">Vent venligst..</span> </button> <a href="#" @click.prevent="Alpine.store('validateLogin').setSelectedView('login')" class="tw-text-sm tw-underline"> Tilbage til login </a> </div> </form> <template x-if="status === 'success'"> <span class="tw-text-sm tw-text-success"> Hvis den angivne e-mail-adresse er registreret, er der sendt en bekræftelses-e-mail med et link til nulstilling af adgangskode.</sp
367an> </template> <template x-if="status === 'error'"> <span class="tw-text-sm tw-text-danger">Beklager, noget gik galt.</span> </template> </div> </div> </template> </div> </div> </div> </button> </template> </div> </div> <a class="tw-flex tw-items-center tw-gap-1 tw-group hover:tw-no-underline" href="/wishlist" title="Favoritter" aria-label="Favoritter"> <span class="icon icon-favourites icon-action"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5037 12.5834-7.5 7.428-7.49998-7.428c-.4947-.4814-.88436-1.06-1.14445-1.6994-.2601-.6393-.38499-1.32564-.36681-2.01566.01817-.69002.17902-1.3688.47242-1.9936.29339-.6248.71297-1.18208 1.23233-1.63675.51935-.45468 1.12721-.79689 1.78532-1.0051s1.35219-.2779 2.03856-.20468c.68636.07322 1.35013.28775 1.94951.6301.5994.34235 1.1214.8051 1.5331 1.3591.4136-.54998.9362-1.00868 1.5351-1.3474.599-.33871 1.2614-.55015 1.9458-.62108.6845-.07093 1.3762.00018 2.0319.20887s1.2612.55048 1.7788 1.00397c.5175.45349.9358 1.00892 1.2288 1.63153s.4544 1.29899.4739 1.98682c.0196.68782-.103 1.37228-.3601 2.01058-.2572.6382-.6433 1.2165-1.1342 1.6987" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg> </span> <div class="tw-hidden md:tw-block tw-relative"> <div class="tw-leading-4.25 tw-text-nowrap"> <span>Favoritter</span> <span x-show="$store.favorites.items.length" x-html="`(${$store.favorites.items.length})`"></span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full"></div> </div> </a> <div class="tw-border-l tw-border-ui-divider tw-h-6"></div> <div x-data="{open: false}" x-effect="if (open) Alpine.store('cartHandler').getMiniCartContent()"> <a class="tw-group tw-flex tw-items-center tw-gap-1 hover:tw-no-underline" href="/checkout/cart" title="Indkøbskurv" @mouseover="if (window.innerWidth >= 1024) open = true" aria-label="Indkøbskurv"> <span class="icon icon-cart icon-action"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="cart"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#cart)" stroke="#15191c" stroke-width="1.5"><path d="m8.1543 10.2051v-5.12818c0-.81605.32417-1.59867.90121-2.17571.57703-.57703 1.35969-.90121 2.17569-.90121.8161 0 1.5987.32418 2.1757.90121.5771.57704.9012 1.35966.9012 2.17571v5.12818" stroke-linecap="round" stroke-linejoin="round"/><path d="m3.51953 8.13464h15.4231v13.1154h-15.4231z"/></g></svg> </span> <div class="tw-relative"> <div class="tw-text-nowrap tw-text-sm lg:tw-text-xs tw-leading-3.5 lg:tw-leading-3.25"> Kurv <span data-cart-count>(â)</span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full"></div> </div> </a> <div class="tw-relative"> <div data-minicart></div> </div> </div> </div> <div class="lg:tw-order-1 tw-w-full lg:tw-w-[calc(50%-200px)] tw-justify-start tw-h-14 tw-flex tw-items-center tw-border-y lg:tw-border-0 tw-border-t-ui-divider tw-border-b-ui-divider/50 tw-p-2 tw-pr-2.5 md:tw-px-10 lg:tw-px-0" :class="$store.fixedNavigation.isFixed ? 'tw-space-x-2 lg:tw-space-x-0' : ''" > <div class="tw-mr-2 lg:tw-hidden"> <button class="tw-text-black tw-text-sm tw-leading-3.5 tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1.5 tw-h-10 tw-w-10 tw-pt-0.5" type="button" x-data="{}" @click="$dispatch('open-mobile-menu');" aria-label="Menu" > <svg fill="none" height="9" viewBox="0 0 26 9" width="26" xmlns="http://www.w3.org/2000/svg"><g stroke="#15191c" stroke-width="1.5" transform="matrix(1, 0, 0, 1, 0, 0.2495)"><path d="m0 .75h26"/><path d="m-.001 7.751h26"/></g></svg> Menu </button> </div> <div class="search tw-w-full lg:tw-w-max"> <div> <div x-data="searchField(false, 'fea4c70d25004476ba9deb2dd3a1d1b6')" @keydown.escape.window="closeSearch" class="tw-hidden lg:tw-block" > <div x-on:click="openSearch" class="tw-flex tw-bg-ui-bg tw-items-center tw-h-10"> <input type="search" name="searchInputTrigger" class="tw-w-full xl:tw-w-52 tw-bg-ui-bg tw-pl-4 tw-py-2 tw-text-xs tw-leading-3.25 placeholder:tw-text-ui-text-grey focus:tw-outline-none" autocomplete="off" autocapitalize="off" x-on:click="openSearch" :value="query" x-on:keyup.debounce.225ms="query= $el.value" placeholder="Søg" aria-label="Søg" value="" > <button type="submit" class="tw-px-4 tw-flex tw-items-center focus:tw-outline-none" aria-label="Søg" > <span class="icon icon-search icon-search tw-mr-1 tw-text-white"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#a)" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m3 10c0 .9193.18106 1.8295.53284 2.6788.35179.8493.8674 1.6209 1.51741 2.2709.65001.6501 1.42169 1.1657 2.27097 1.5175.84928.3517 1.75953.5328 2.67878.5328.9193 0 1.8295-.1811 2.6788-.5328.8493-.3518 1.6209-.8674 2.2709-1.5175.6501-.65 1.1657-1.4216 1.5175-2.2709.3517-.8493.5328-1.7595.5328-2.6788 0-.91925-.1811-1.8295-.5328-2.67878-.3518-.84928-.8674-1.62096-1.5175-2.27097-.65-.65001-1.4216-1.16562-2.2709-1.51741-.8493-.35178-1.7595-.53284-2.6788-.53284-.91925 0-1.8295.18106-2.67878.53284-.84928.35179-1.62096.8674-2.27097 1.51741s-1.16562 1.42169-1.51741 2.27097c-.35178.84928-.53284 1.75953-.53284 2.67878z"/><path d="m21 21-6-6"/></g></svg> </span> </button> </div> <template x-teleport="body"> <!-- Teleport can only have one parent element --> <div class="tw-hidden lg:tw-block tw-text-base"> <!-- Search suggest container --> <div x-cloak x-show="focus" x-trap.noscroll.noautofocus="focus" class="tw-fi
367xed tw-left-0 tw-top-0 tw-flex tw-justify-center tw-w-screen tw-h-screen tw-z-[100]" > <div class="tw-w-full tw-bg-white tw-flex tw-justify-center tw-max-h-[820px] tw-min-h-[36rem]"> <div class="tw-w-[100%] tw-max-w-[1680px] tw-py-10 tw-flex tw-bg-white" x-on:click.away="closeSearch" > <!-- Left side search suggest modal --> <div id="searchSuggestLeftSide" class="tw-overflow-y-auto tw-px-5 2xl:tw-px-10 tw-bg-white lg:tw-w-[300px] xl:tw-w-[350px] 2xl:tw-w-[450px] 3xl:tw-w-[540px]"> <form :action="getSearchPathForQuery(query)" class="tw-w-full" x-on:submit.prevent="addQueryToOwnSearches"> <div class="tw-flex tw-bg-ui-bg tw-items-center tw-h-10"> <input type="text" name="searchInput" id="searchInput" class="tw-flex-1 tw-bg-ui-bg tw-pl-4 tw-py-2 tw-text-xs tw-leading-3.25 placeholder:tw-text-ui-text-grey focus:tw-outline-none" x-ref="searchInput" autocomplete="off" autocapitalize="off" x-on:keyup.debounce.225ms="query= $el.value" :value="query" placeholder="Find produkter, brands, etc." aria-label="Find produkter, brands, etc." > <button type="submit" class="tw-px-4 tw-flex tw-items-center focus:tw-outline-none" aria-label="Søg" > <span class="icon icon-search icon-search tw-mr-1 tw-text-white"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#a)" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m3 10c0 .9193.18106 1.8295.53284 2.6788.35179.8493.8674 1.6209 1.51741 2.2709.65001.6501 1.42169 1.1657 2.27097 1.5175.84928.3517 1.75953.5328 2.67878.5328.9193 0 1.8295-.1811 2.6788-.5328.8493-.3518 1.6209-.8674 2.2709-1.5175.6501-.65 1.1657-1.4216 1.5175-2.2709.3517-.8493.5328-1.7595.5328-2.6788 0-.91925-.1811-1.8295-.5328-2.67878-.3518-.84928-.8674-1.62096-1.5175-2.27097-.65-.65001-1.4216-1.16562-2.2709-1.51741-.8493-.35178-1.7595-.53284-2.6788-.53284-.91925 0-1.8295.18106-2.67878.53284-.84928.35179-1.62096.8674-2.27097 1.51741s-1.16562 1.42169-1.51741 2.27097c-.35178.84928-.53284 1.75953-.53284 2.67878z"/><path d="m21 21-6-6"/></g></svg> </span> </button> </div> </form> <div class="tw-mt-6 tw-space-y-10"> <template x-if="shouldDisplayOwnSearchesHits"> <div> <div class="tw-flex tw-justify-between tw-mb-4 tw-items-center tw-px-4"> <div class="tw-text-black tw-font-normal tw-text-xs">Dine søgninger</div> <button class="tw-text-black tw-font-normal tw-text-xs" @click.prevent="clearOwnSearches">Ryd historik</button> </div> <ul x-show="ownSearches.length && queryIsEmpty" class="tw-w-full tw-list-none tw-p-0 tw-m-0"> <template x-for="ownSearch in ownSearches"> <li class="-tw-mt-px"> <a :href="getSearchPathForQuery(ownSearch)" class="tw-text-black tw-py-3 tw-border-y tw-block tw-border-ui-divider tw-px-4 hover:tw-no-underline hover:tw-relative hover:tw-border-black tw-font-light tw-text-md" > <span x-html="ownSearch"></span> </a> </li> </template> </ul> </div> </template> <template x-if="shouldDisplayQuerySuggestionHits && contentHits.length === 0"> <div> <div class="lg:tw-mb-4 tw-my-6 lg:tw-my-0 tw-text-black tw-font-normal tw-text-sm lg:tw-text-xs tw-px-3.5 lg:tw-px-4" x-show="queryIsEmpty()">Populære søgninger</div> <ul x-show="querySuggestionHits.length" class="tw-w-full tw-list-none tw-p-0 tw-m-0"> <template x-for="querySuggestion in querySuggestionHits"> <li class="-tw-mt-px"> <a :href="getSearchPathForQuery(querySuggestion.term)" class="tw-text-black tw-py-[11px] tw-border-y tw-font-normal tw-block tw-border-ui-divider tw-px-4 hover:tw-no-underline hover:tw-relative hover:tw-border-black lg:tw-font-light tw-text-md" > <span x-html="querySuggestion.term"></span> </a> </li> </template> </ul> </div> </template> <template x-if="shouldDisplayCategoryHits"> <div> <ul x-show="categoryHits.length" class="tw-list-none tw-p-0 tw-m-0"> <template x-for="(categoryHit, index) in categoryHits" :key="categoryHit.categoryId"> <li class=""> <a :href="getCategoryHitUrl(categoryHit)" class="tw-text-black tw-py-3 tw-border-b tw-border-ui-divider tw-px-4 hover:tw-no-underline tw-flex tw-justify-between hover:tw-relative hover:tw-border-black" :class="{ 'lg:tw-hidden': (categoryHits.length + contentHits.length) >= 11 && index >= 8 }" > <span x-html="categoryHit.data?.searchDisplayName?.value ?? categoryHit.displayName" class="tw-font-light tw-text-md"></span>
367 <template x-if="categoryHit.data?.productCount?.value?.data[salesChannelId]?.value"> <span x-text="'('+categoryHit.data?.productCount?.value?.data[salesChannelId]?.value+')'" class="tw-font-normal tw-text-xs"></span> </template> </a> </li> </template> </ul> </div> </template> <template x-if="shouldDisplayContentHits"> <div> <div class="tw-hidden lg:tw-block tw-mb-4 tw-text-black tw-font-normal tw-text-xs tw-px-4">Indhold og hjælp</div> <ul x-show="contentHits.length" class="tw-list-none tw-p-0 tw-m-0"> <template x-for="(contentHit, index) in contentHits" :key="contentHit.contentId"> <li class=""> <a :href="getContentHitUrl(contentHit)" class="tw-text-black tw-py-3 tw-border-b tw-border-ui-divider tw-px-4 hover:tw-no-underline tw-flex tw-justify-between hover:tw-relative hover:tw-border-black" :class="{ 'lg:tw-hidden': (categoryHits.length + contentHits.length) >= 11 && index >= 3 }" > <span x-html="contentHit.displayName" class="tw-font-light tw-text-md"></span> </a> </li> </template> </ul> </div> </template> <template x-if=" 368 productHits.length === 0 369 && categoryHits.length === 0 370 && contentHits.length === 0 371 && querySuggestionHits.length === 0 372 " > <div> <div class="tw-mb-4 tw-text-black tw-font-normal tw-text-xs tw-px-4">
372Ingen resultater matcher din søgning.</div> </div> </template> </div> </div> <!-- Right side search suggest modal --> <div id="searchSuggestRightSide" class="tw-flex-1 tw-px-5 2xl:tw-px-10 tw-max-w-[1080px]"> <div class="tw-w-full"> <div class="tw-absolute tw-right-2 tw-top-2 2xl:tw-top-9 2xl:tw-right-5 3xl:tw-right-9 tw-cursor-pointer tw-z-10" @click="closeSearch"> <span class="tw-sr-only">Luk</span> <span class="icon icon-x icon-closeIcon"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m18 6-12 12"/><path d="m6 6 12 12"/></g></svg> </span> </div> <div> <div> <div class="tw-overflow-y-auto tw-h-[75vh] tw-max-h-[660px] tw-pr-1.5 2xl:tw-pr-3.5 tw-mr-1.5 2xl:tw-mr-3.5" x-show="!queryIsEmpty()"> <div class="tw-grid tw-grid-cols-2 2xl:tw-grid-cols-3 tw-gap-y-1 tw-gap-x-2"> <template x-for="productHit in productHits" :key="productHit.variant.variantId"> <div x-data="productSearchHit(productHit,{},null)" class="tw-group tw-z-30 hover:lg:tw-z-20" > <a href="/detail/" :href="getUrl()" class="tw-text-black hover:tw-no-underline tw-inline-block tw-w-full lg:group-hover:tw-shadow-[0px_0px_50px_rgba(0,0,0,0.1)] lg:tw-pb-5" > <div class="tw-relative"> <div class="tw-left-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="previousGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-right-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="nextGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="mediaGalleryContainer tw-image-background-gradient tw-overflow-x-auto tw-flex tw-custom-scroll tw-snap-x tw-snap-mandatory" x-ref="carouselContainer" x-on:scroll.throttle.150ms="onMediaScroll" > <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden> <div class="mediaGalleryNode tw-snap-center tw-justify-center tw-items-center tw-flex tw-min-w-full"> <div class="tw-px-5 lg:tw-px-7 tw-py-3.5 lg:tw-pt-5 lg:tw-pb-5"> <img src="" alt="" srcset="" :src="chosenColorMedia.data?.mediaUrl?.value" :srcset="wexoMediaSrcset(chosenColorMedia)" :alt="productData?.brand?.displayName" class="tw-object-contain tw-max-h-full tw-max-w-full tw-w-full tw-h-[195px] lg:tw-h-[263px]" loading="lazy" sizes="(max-width: 1023px) 195px, 263px" > </div> </div> </template> <div class="tw-justify-center tw-items-center tw-flex tw-min-w-full" x-data="destroyOnInit" x-init="destroy()"> <div class="tw-px-5 lg:tw-px-7 tw-py-3.5 lg:tw-pt-5 lg:tw-pb-5"> <img src="" alt="" class="tw-object-contain tw-max-h-full tw-max-w-full tw-w-full tw-h-[195px] lg:tw-h-[263px]" loading="lazy" sizes="(max-width: 1023px) 195px, 263px" > </div> </div> </div> <button class="tw-absolute tw-right-2 tw-top-2 lg:tw-right-2.5 tw-ease-out tw-duration-300 lg:tw-top-2.5" @mouseleave="activateFavoriteHover = true" :class="[ 373 isFavorite ? 'tw-text-black' : 'tw-text-transparent', 374 activateFavoriteHover ? 375 (isFavorite ? 'lg:hover:tw-text-transparent' : 'lg:hover:tw-text-black') 376 : '' 377 ]" @click.prevent.stop="toggleFavorite()" > <span class="icon icon-favourites icon-favourites !tw-h-5 !tw-w-5 lg:!tw-h-6 lg:!tw-w-6"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5037 12.5834-7.5 7.428-7.49998-7.428c-.4947-.4814-.88436-1.06-1.14445-1.6994-.2601-.6393-.38499-1.32564-.36681-2.01566.01817-.69002.17902-1.3688.47242-1.9936.29339-.6248.71297-1.18208 1.23233-1.63675.51935-.45468 1.12721-.79689 1.78532-1.0051s1.35219-.2779 2.03856-.20468c.68636.07322 1.35013.28775 1.94951.6301.5994.34235 1.1214.8051 1.5331 1.3591.4136-.54998.9362-1.00868 1.5351-1.3474.599-.33871 1.2614-.55015 1.9458-.62108.6845-.07093 1.3762.00018 2.0319.20887s1.2612.55048 1.7788 1.00397c.5175.45349.9358 1.00892 1.2288 1.63153s.4544 1.29899.4739 1.98682c.0196.68782-.103 1.37228-.3601 2.01058-.2572.6382-.6433 1.2165-1.1342 1.6987" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg> </span> </button> <template x-if="chosenColor?.labels?.length"> <div class="tw-absolute tw-left-0 tw-top-0 tw-flex" > <template x-for="label in chosenColor.labels"> <div class="tw-text-2xs tw-p-1 tw-text-white tw-bg-black" x-text="label.data.content.value" :style="label.data.style.value" ></div> </template> </div> </template> </div> <div class="lg:tw-hidden tw-flex tw-items-center tw-justify-center tw-px-1 tw-h-1 tw-mt-0.5" :class="(chosenColor?.mediaGallery?.length ?? 0) < 2 ? 'tw-invisible' : ''"> <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden>
377 <div class="tw-mr-2 tw-border-b-1 tw-h-px" :class="chosenColor.currentMediaPos === chosenColorMediaIndex ? 'tw-w-[1.5625rem] tw-bg-black' : 'tw-w-6 tw-bg-ui-divider'" ></div> </template> </div> <div class="tw-px-2.5 lg:tw-px-5"> <div class="tw-flex tw-justify-between tw-items-center tw-mt-2.5 lg:tw-mt-4"> <div class="tw-font-medium lg:tw-text-lg tw-leading-5.5 tw-max-w-[73%] tw-line-clamp-1" x-text="productData.brand?.displayName ?? productData.displayName"> </div> <div class="tw-hidden lg:tw-block"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 378 'background-color': color.hexCode ?? 'black', 379 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 380 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> </div> <div class="tw-text-xs lg:tw-text-md tw-font-light tw-leading-5 tw-text-ui-text-grey tw-h-5 tw-line-clamp-1"> <span x-text="productFitValue"></span> <span x-show="productData.displayName && productFitValue">/</span> <span x-text="productData.displayName"></span> <span x-show="chosenColor.label && (productData.displayName || productFitValue)">/</span> <span x-text="chosenColor.label"></span> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6 tw-flex tw-text-nowrap" x-show="!isGiftCard()"> <div x-show="chosenColor.pricing?.formattedListPrice" x-cloak x-text="chosenColor.pricing?.formattedListPrice" class="tw-text-ui-text-grey tw-line-through tw-mr-2.5"></div> <div x-text="chosenColor.pricing?.formattedSalesPrice">DKK 0</div> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6" x-cloak x-show="isGiftCard"> <div>Vælg beløb</div> </div> <div class="tw-py-[3px] lg:tw-hidden"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 381 'background-color': color.hexCode ?? 'black', 382 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 383 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> <div class="tw-rel-size"> <template x-if="shouldDisplaySizeAttribute()"> <template x-for="size in chosenColor.availableSizes"> <span x-text="size.label" class="tw-pr-1"></span> </template> </template> <div x-show="!shouldDisplaySizeAttribute()" x-cloak> <span>Findes i mange størrelser</span> </div> </div> </div> </a> </div> </template> </div> </div> <div class="tw-flex tw-justify-center tw-mt-10 tw-pb-10" x-show="!queryIsEmpty() && productHits.length > 1"> <a :href="getSearchPathForQuery(query)" class="tw-flex tw-text-white hover:tw-no-underline tw-px-6 tw-text-sm tw-h-10 tw-items-center tw-bg-black tw-uppercase"> Se alle <span class="icon icon-arrow-right icon-arrow-right !tw-ml-2 !tw-text-white"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> </div>
383 <div class="tw-grid tw-grid-cols-2 2xl:tw-grid-cols-3 tw-gap-y-6 tw-gap-x-2 tw-overflow-y-auto tw-max-h-[740px] tw-pr-1.5 2xl:tw-pr-3.5 tw-mr-1.5 2xl:tw-mr-3.5" x-show="queryIsEmpty()"> <template x-for="(categoryHit, categoryIndex) in categoryHits" :key="categoryHit.categoryId"> <a :href="getCategoryHitUrl(categoryHit)"> <div class="tw-py-6 tw-flex tw-flex-col tw-items-center tw-image-background-gradient"> <div class="tw-font-medium tw-text-lg tw-text-black" x-text="categoryHit.data?.searchDisplayName?.value ?? categoryHit.displayName" ></div> <div class="tw-mt-4"> <img :alt="categoryHit.data?.searchImage?.value?.data?.mediaName?.value" :src="categoryHit.data?.searchImage?.value?.data?.mediaUrl?.value" :srcset="categoryHit.data?.searchImage?.value?.data?.mediaSrcset?.value" class="tw-object-contain tw-max-h-full tw-max-w-full tw-h-[263px]" sizes="263px" > </div> </div> </a> </template> </div> </div> </div> </div> </div> </div> </div> <!-- Shadow --> <div x-cloak x-show="focus" class="tw-fixed tw-inset-0 tw-z-[90] tw-bg-black tw-opacity-50" > </div> </div> </template></div> <div x-data="searchField(true, 'fea4c70d25004476ba9deb2dd3a1d1b6')" @keydown.escape.window="closeSearch" class="lg:tw-hidden" > <div x-on:click="openSearch" class="tw-flex tw-bg-ui-bg tw-items-center tw-h-10"> <input type="search" name="searchInputTrigger" class="tw-w-full xl:tw-w-52 tw-bg-ui-bg tw-pl-4 tw-py-2 tw-text-xs tw-leading-3.25 placeholder:tw-text-ui-text-grey focus:tw-outline-none" autocomplete="off" autocapitalize="off" x-on:click="openSearch" :value="query" x-on:keyup.debounce.225ms="query= $el.value" placeholder="Søg" aria-label="Søg" value="" > <button type="submit" class="tw-px-4 tw-flex tw-items-center focus:tw-outline-none" aria-label="Søg" > <span class="icon icon-search icon-search tw-mr-1 tw-text-white"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#a)" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m3 10c0 .9193.18106 1.8295.53284 2.6788.35179.8493.8674 1.6209 1.51741 2.2709.65001.6501 1.42169 1.1657 2.27097 1.5175.84928.3517 1.75953.5328 2.67878.5328.9193 0 1.8295-.1811 2.6788-.5328.8493-.3518 1.6209-.8674 2.2709-1.5175.6501-.65 1.1657-1.4216 1.5175-2.2709.3517-.8493.5328-1.7595.5328-2.6788 0-.91925-.1811-1.8295-.5328-2.67878-.3518-.84928-.8674-1.62096-1.5175-2.27097-.65-.65001-1.4216-1.16562-2.2709-1.51741-.8493-.35178-1.7595-.53284-2.6788-.53284-.91925 0-1.8295.18106-2.67878.53284-.84928.35179-1.62096.8674-2.27097 1.51741s-1.16562 1.42169-1.51741 2.27097c-.35178.84928-.53284 1.75953-.53284 2.67878z"/><path d="m21 21-6-6"/></g></svg> </span> </button> </div> <template x-teleport="body"> <!-- Teleport can only have one parent element --> <div class="lg:hidden tw-text-base"> <!-- START - Search suggest container --> <div x-cloak x-show="focus" x-trap.noscroll.noautofocus="focus" class="tw-fi
383xed tw-inset-0 tw-w-[101%] tw-overflow-y-scroll tw-bg-white tw-z-[100]" > <div class="tw-flex tw-items-center tw-px-4 tw-pt-2"> <form :action="getSearchPathForQuery(query)" class="tw-w-full" x-on:submit.prevent="addQueryToOwnSearches"><!-- START - search input field --> <div class="tw-flex tw-bg-ui-bg tw-items-center tw-h-10"> <input type="text" name="searchInputMobile" id="searchInputMobile" class="tw-flex-1 tw-bg-ui-bg tw-pl-4 tw-py-2 tw-text-xs tw-leading-3.25 placeholder:tw-text-ui-text-grey focus:tw-outline-none" x-ref="searchInput" autocomplete="off" autocapitalize="off" x-on:keyup.debounce.225ms="query= $el.value" :value="query" placeholder="Søg" aria-label="Søg" > <button type="submit" class="tw-px-4 tw-flex tw-items-center focus:tw-outline-none" aria-label="Søg" > <span class="icon icon-search icon-search tw-mr-1 tw-text-white"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#a)" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m3 10c0 .9193.18106 1.8295.53284 2.6788.35179.8493.8674 1.6209 1.51741 2.2709.65001.6501 1.42169 1.1657 2.27097 1.5175.84928.3517 1.75953.5328 2.67878.5328.9193 0 1.8295-.1811 2.6788-.5328.8493-.3518 1.6209-.8674 2.2709-1.5175.6501-.65 1.1657-1.4216 1.5175-2.2709.3517-.8493.5328-1.7595.5328-2.6788 0-.91925-.1811-1.8295-.5328-2.67878-.3518-.84928-.8674-1.62096-1.5175-2.27097-.65-.65001-1.4216-1.16562-2.2709-1.51741-.8493-.35178-1.7595-.53284-2.6788-.53284-.91925 0-1.8295.18106-2.67878.53284-.84928.35179-1.62096.8674-2.27097 1.51741s-1.16562 1.42169-1.51741 2.27097c-.35178.84928-.53284 1.75953-.53284 2.67878z"/><path d="m21 21-6-6"/></g></svg> </span> </button> </div> </form><!-- END - search input field --> <div class="tw-cursor-pointer tw-z-10 tw-flex tw-items-center tw-ml-2.5" @click="closeSearch"><!-- Start - close search icon --> <span class="tw-sr-only">Luk</span> <span class="icon icon-x icon-closeIcon"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m18 6-12 12"/><path d="m6 6 12 12"/></g></svg> </span> </div><!-- END - close search icon --> </div> <template x-if="queryIsEmpty()"> <div class="tw-pl-px"> <div> <div class="lg:tw-mb-4 tw-my-6 lg:tw-my-0 tw-text-black tw-font-normal tw-text-sm lg:tw-text-xs tw-px-3.5 lg:tw-px-4" x-show="queryIsEmpty()">Populære søgninger</div> <ul x-show="querySuggestionHits.length" class="tw-w-full tw-list-none tw-p-0 tw-m-0"> <template x-for="querySuggestion in querySuggestionHits"> <li class="-tw-mt-px"> <a :href="getSearchPathForQuery(querySuggestion.term)" class="tw-text-black tw-py-[11px] tw-border-y tw-font-normal tw-block tw-border-ui-divider tw-px-4 hover:tw-no-underline hover:tw-relative hover:tw-border-black lg:tw-font-light tw-text-md" > <span x-html="querySuggestion.term"></span> </a> </li> </template> </ul> </div> </div> </template> <template x-if="!queryIsEmpty()"> <div> <div x-data="{activeTab: 'products'}" class="tw-my-6"> <!-- Tab buttons -- START --> <div class="tw-flex tw-mb-6 tw-justify-start tw-mx-4"> <button x-show="categoryHits.length || querySuggestionHits.length || (productHits.length == 0 && contentHits.length == 0)" x-on:click="activeTab = 'suggestions'" x-effect="if(searchResponseReceived && activeTab == 'suggestions' && categoryHits.length == 0 && querySuggestionHits.length == 0 && productHits.length != 0){activeTab = 'products'} if(searchResponseReceived && activeTab == 'suggestions' && categoryHits.length == 0 && querySuggestionHits.length == 0 && productHits.length == 0 && contentHits.length != 0){activeTab = 'content'}" :class="activeTab == 'suggestions' ? 'tw-border-black tw-z-10' : 'tw-border-[#B8BABA]'" class="tw-text-black tw-text-md tw-font-medium tw-border -tw-ml-px tw-flex-1 tw-h-10" > <span>Forslag</span> </button> <button x-show="productHits.length" x-on:click="activeTab = 'products'" x-effect="if(searchResponseReceived && activeTab == 'products' && productHits.length == 0){activeTab = 'suggestions'}" :class="activeTab == 'products' ? 'tw-border-black tw-z-10' : 'tw-border-[#B8BABA]'" class="tw-text-black tw-text-md tw-font-medium tw-border -tw-ml-px tw-flex-1 tw-h-10" > <span>Produkter</span> </button> <button x-show="contentHits.length" x-on:click="activeTab = 'content'" x-effect="if(searchResponseReceived && activeTab == 'content' && contentHits.length == 0){activeTab = 'suggestions'}" :class="activeTab == 'content' ? 'tw-border-black tw-z-10' : 'tw-border-[#B8BABA]'" class="tw-text-black tw-text-md tw-font-medium tw-border -tw-ml-px tw-flex-1 tw-h-10" > Indhold </button> </div> <!-- Tab buttons -- END --> <!-- Tab panes -- START --> <div class=""> <template x-if=" 384 productHits.length === 0 385 && categoryHits.length === 0 386 && contentHits.length === 0 387 && querySuggestionHits.length === 0 388 " > <div> <div class="tw-mb-4 tw-text-black tw-font-normal tw-text-xs tw-px-4">
388Ingen resultater matcher din søgning.</div> </div> </template> <div x-show="activeTab == 'suggestions'" class="tw-mx-4"> <template x-if="shouldDisplayQuerySuggestionHits"> <div> <div class="lg:tw-mb-4 tw-my-6 lg:tw-my-0 tw-text-black tw-font-normal tw-text-sm lg:tw-text-xs tw-px-3.5 lg:tw-px-4" x-show="queryIsEmpty()">Populære søgninger</div> <ul x-show="querySuggestionHits.length" class="tw-w-full tw-list-none tw-p-0 tw-m-0"> <template x-for="querySuggestion in querySuggestionHits"> <li class="-tw-mt-px"> <a :href="getSearchPathForQuery(querySuggestion.term)" class="tw-text-black tw-py-[11px] tw-border-y tw-font-normal tw-block tw-border-ui-divider tw-px-4 hover:tw-no-underline hover:tw-relative hover:tw-border-black lg:tw-font-light tw-text-md" > <span x-html="querySuggestion.term"></span> </a> </li> </template> </ul> </div> </template> <template x-if="shouldDisplayCategoryHits"> <div> <ul x-show="categoryHits.length" class="tw-list-none tw-p-0 tw-m-0"> <template x-for="(categoryHit, index) in categoryHits" :key="categoryHit.categoryId"> <li class=""> <a :href="getCategoryHitUrl(categoryHit)" class="tw-text-black tw-py-3 tw-border-b tw-border-ui-divider tw-px-4 hover:tw-no-underline tw-flex tw-justify-between hover:tw-relative hover:tw-border-black" :class="{ 'lg:tw-hidden': (categoryHits.length + contentHits.length) >= 11 && index >= 8 }" > <span x-html="categoryHit.data?.searchDisplayName?.value ?? categoryHit.displayName" class="tw-font-light tw-text-md"></span> <template x-if="categoryHit.data?.productCount?.value?.data[salesChannelId]?.value"> <span x-text="'('+categoryHit.data?.productCount?.value?.data[salesChannelId]?.value+')'" class="tw-font-normal tw-text-xs"></span> </template> </a> </li> </template> </ul> </div> </template> </div> <div x-show="activeTab == 'products'"> <div class="tw-grid tw-grid-cols-2 tw-gap-x-2 tw-gap-y-6"> <template x-for="(productHit,productIndex) in productHits" :key="productHit.variant.variantId"> <div x-data="productSearchHit(productHit,{},null)" class="tw-group tw-z-30 hover:lg:tw-z-20" > <a href="/detail/" :href="getUrl()" class="tw-text-black hover:tw-no-underline tw-inline-block tw-w-full lg:group-hover:tw-shadow-[0px_0px_50px_rgba(0,0,0,0.1)] lg:tw-pb-5" > <div class="tw-relative"> <div class="tw-left-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="previousGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-right-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="nextGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="mediaGalleryContainer tw-image-background-gradient tw-overflow-x-auto tw-flex tw-custom-scroll tw-snap-x tw-snap-mandatory" x-ref="carouselContainer" x-on:scroll.throttle.150ms="onMediaScroll" > <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden> <div class="mediaGalleryNode tw-snap-center tw-justify-center tw-items-center tw-flex tw-min-w-full"> <div class="tw-px-5 lg:tw-px-7 tw-py-3.5 lg:tw-pt-5 lg:tw-pb-5"> <img src="" alt="" srcset="" :src="chosenColorMedia.data?.mediaUrl?.value" :srcset="wexoMediaSrcset(chosenColorMedia)" :alt="productData?.brand?.displayName" class="tw-object-contain tw-max-h-full tw-max-w-full tw-w-full tw-h-[195px] lg:tw-h-[263px]" loading="lazy" sizes="(max-width: 1023px) 195px, 263px" > </div> </div> </template> <div class="tw-justify-center tw-items-center tw-flex tw-min-w-full" x-data="destroyOnInit" x-init="destroy()"> <div class="tw-px-5 lg:tw-px-7 tw-py-3.5 lg:tw-pt-5 lg:tw-pb-5"> <img src="" alt="" class="tw-object-contain tw-max-h-full tw-max-w-full tw-w-full tw-h-[195px] lg:tw-h-[263px]" loading="lazy" sizes="(max-width: 1023px) 195px, 263px" > </div> </div> </div> <button class="tw-absolute tw-right-2 tw-top-2 lg:tw-right-2.5 tw-ease-out tw-duration-300 lg:tw-top-2.5" @mouseleave="activateFavoriteHover = true" :class="[ 389 isFavorite ? 'tw-text-black' : 'tw-text-transparent', 390 activateFavoriteHover ? 391 (isFavorite ? 'lg:hover:tw-text-transparent' : 'lg:hover:tw-text-black') 392 : '' 393 ]" @click.prevent.stop="toggleFavorite()" > <span class="icon icon-favourites icon-favourites !tw-h-5 !tw-w-5 lg:!tw-h-6 lg:!tw-w-6"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5037 12.5834-7.5 7.428-7.49998-7.428c-.4947-.4814-.88436-1.06-1.14445-1.6994-.2601-.6393-.38499-1.32564-.36681-2.01566.01817-.69002.17902-1.3688.47242-1.9936.29339-.6248.71297-1.18208 1.23233-1.63675.51935-.45468 1.12721-.79689 1.78532-1.0051s1.35219-.2779 2.03856-.20468c.68636.07322 1.35013.28775 1.94951.6301.5994.34235 1.1214.8051 1.5331 1.3591.4136-.54998.9362-1.00868 1.5351-1.3474.599-.33871 1.2614-.55015 1.9458-.62108.6845-.07093 1.3762.00018 2.0319.20887s1.2612.55048 1.7788 1.00397c.5175.45349.9358 1.00892 1.2288 1.63153s.4544 1.29899.4739 1.98682c.0196.68782-.103 1.37228-.3601 2.01058-.2572.6382-.6433 1.2165-1.1342 1.6987" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg> </span> </button> <template x-if="chosenColor?.labels?.length"> <div class="tw-absolute tw-left-0 tw-top-0 tw-flex" > <template x-for="label in chosenColor.labels"> <div class="tw-text-2xs tw-p-1 tw-text-white tw-bg-black" x-text="label.data.content.value" :style="label.data.style.value" ></div> </template> </div> </template> </div> <div class="lg:tw-hidden tw-flex tw-items-center tw-justify-center tw-px-1 tw-h-1 tw-mt-0.5" :class="(chosenColor?.mediaGallery?.length ?? 0) < 2 ? 'tw-invisible' : ''"> <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden>
393 <div class="tw-mr-2 tw-border-b-1 tw-h-px" :class="chosenColor.currentMediaPos === chosenColorMediaIndex ? 'tw-w-[1.5625rem] tw-bg-black' : 'tw-w-6 tw-bg-ui-divider'" ></div> </template> </div> <div class="tw-px-2.5 lg:tw-px-5"> <div class="tw-flex tw-justify-between tw-items-center tw-mt-2.5 lg:tw-mt-4"> <div class="tw-font-medium lg:tw-text-lg tw-leading-5.5 tw-max-w-[73%] tw-line-clamp-1" x-text="productData.brand?.displayName ?? productData.displayName"> </div> <div class="tw-hidden lg:tw-block"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 394 'background-color': color.hexCode ?? 'black', 395 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 396 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> </div> <div class="tw-text-xs lg:tw-text-md tw-font-light tw-leading-5 tw-text-ui-text-grey tw-h-5 tw-line-clamp-1"> <span x-text="productFitValue"></span> <span x-show="productData.displayName && productFitValue">/</span> <span x-text="productData.displayName"></span> <span x-show="chosenColor.label && (productData.displayName || productFitValue)">/</span> <span x-text="chosenColor.label"></span> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6 tw-flex tw-text-nowrap" x-show="!isGiftCard()"> <div x-show="chosenColor.pricing?.formattedListPrice" x-cloak x-text="chosenColor.pricing?.formattedListPrice" class="tw-text-ui-text-grey tw-line-through tw-mr-2.5"></div> <div x-text="chosenColor.pricing?.formattedSalesPrice">DKK 0</div> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6" x-cloak x-show="isGiftCard"> <div>Vælg beløb</div> </div> <div class="tw-py-[3px] lg:tw-hidden"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 397 'background-color': color.hexCode ?? 'black', 398 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 399 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> <div class="tw-rel-size"> <template x-if="shouldDisplaySizeAttribute()"> <template x-for="size in chosenColor.availableSizes"> <span x-text="size.label" class="tw-pr-1"></span> </template> </template> <div x-show="!shouldDisplaySizeAttribute()" x-cloak> <span>Findes i mange størrelser</span> </div> </div> </div> </a> </div> </template> </div> <div class="tw-flex tw-justify-center tw-my-5"> <a :href="getSearchPathForQuery(query)" class="tw-flex tw-justify-center tw-items-center tw-w-[150px] tw-text-white hover:tw-no-underline tw-py-4 tw-bg-black tw-uppercase tw-font-medium"> Se alle <span class="icon icon-arrow-right icon-arrow-right !tw-ml-2 !tw-text-white"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> </div> <div x-show="activeTab == 'content'" class="tw-mx-4"> <div> <div class="tw-hidden lg:tw-block tw-mb-4 tw-text-black tw-font-normal tw-text-xs tw-px-4">Indhold og hjælp</div> <ul x-show="contentHits.length" class="tw-list-none tw-p-0 tw-m-0"> <template x-for="(contentHit, index) in contentHits" :key="contentHit.contentId"> <li class=""> <a :href="getContentHitUrl(contentHit)" class="tw-text-black tw-py-3 tw-border-b tw-border-ui-divider tw-px-4 hover:tw-no-underline tw-flex tw-justify-between hover:tw-relative hover:tw-border-black" :class="{ 'lg:tw-hidden': (categoryHits.length + contentHits.length) >= 11 && index >= 3 }" > <span x-html="contentHit.displayName" class="tw-font-light tw-text-md"></span> </a> </li> </template> </ul> </div> </div> </div> <!-- Tab panes -- END --> </div> </div> </template> </div><!-- END - Search suggest container --> </div> </template></div> </div> </div> <div class="lg:tw-hidden"> <a class="tw-group tw-flex tw-items-center tw-gap-1 hover:tw-no-underline" :class="$store.fixedNavigation.isFixed ? 'tw-block lg:tw-hidden' : 'tw-hidden'" href="/checkout/cart" title="Indkøbskurv" aria-label="Indkøbskurv" x-cloak > <span class="icon icon-cart icon-action"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="cart"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#cart)" stroke="#15191c" stroke-width="1.5"><path d="m8.1543 10.2051v-5.12818c0-.81605.32417-1.59867.90121-2.17571.57703-.57703 1.35969-.90121 2.17569-.90121.8161 0 1.5987.32418 2.1757.90121.5771.57704.9012 1.35966.9012 2.17571v5.12818" stroke-linecap="round" stroke-linejoin="round"/>
399<path d="m3.51953 8.13464h15.4231v13.1154h-15.4231z"/></g></svg> </span> <div class="tw-relative"> <div class="tw-text-nowrap tw-text-sm tw-leading-3.5"> Kurv <span data-cart-count>(â)</span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full"></div> </div> </a> </div> </div> <div x-cloak x-show="$store.fixedNavigation.isFixed" class="tw-w-full" id="belowFixedMobileMenu"> </div> </div> </div> </div> </header> <div class="lg:tw-shadow-[0_4px_20px_0_rgba(0,0,0,0.05)]"> <div class="lg:tw-border-y tw-border-ui-divider tw-z-[29] tw-transition tw-bg-white" :class="$store.fixedNavigation.isFixed ? 'tw-fixed tw-inset-x-0 tw-top-16' : ''" id="mainNavigation" x-data="{currentPath: window.location.href}"> <div class="tw-hidden lg:tw-flex tw-items-center tw-justify-center tw-h-16"> <nav class="tw-flex tw-items-center tw-text-sm tw-leading-none tw-text-black" aria-label="Vigtigste navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement"> <div class="tw-pr-5 xl:tw-pr-6 2xl:tw-pr-7.5"> <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-9760a2f3aeb94cd8ae7b29a0d908a129" href="https://www.kaufmann.dk/" itemprop="url" title="Forside" > <div> <span itemprop="name">Forside</span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full" :class="[(currentPath.includes('https://www.kaufmann.dk/') && (false || 'https://www.kaufmann.dk/' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> </div> <div class="tw-flex tw-items-center tw-py-6 tw-h-5 tw-border-ui-divider"> <div class="tw-pl-1.5 xl:tw-pl-2 2xl:tw-pl-2.5 tw-border-l tw-border-ui-divider tw-h-7.5"></div> <div x-data="{ 400 isOpen: false, 401 opening: null, 402 closing: null, 403 openMega(){ 404 clearTimeout(this.closing); 405 this.opening = setTimeout(() => { 406 if (this.isOpen) return; 407 this.isOpen = true; 408 this.$dispatch('show-overlay-menu'); 409 }, 225); 410 }, 411 closeMega(){ 412 clearTimeout(this.opening); 413 this.closing = setTimeout(() => { 414 if (!this.isOpen) return; 415 this.isOpen = false; 416 this.$dispatch('hide-overlay-menu'); 417 }, 225); 418 } 419 }" @mouseleave="closeMega" @mouseenter="openMega" class="tw-px-1.5 xl:tw-px-2 2xl:tw-px-2.5 last:tw-pr-0" > <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-01908295796c71958b4e1161754a3986" href="https://www.kaufmann.dk/toej" itemprop="url" title="Tøj"> <div class="tw-flex tw-items-center tw-h-4 tw-gap-1"> <span class="tw-whitespace-nowrap tw-leading-3.5 tw-font-semibold " itemprop="name">Tøj</span> <span class="icon icon-chevron-down icon-navigation"> <svg fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m4 6 4 4 4-4" fill="none" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg> </span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-[calc(100%-2px)]" :class="[(currentPath.includes('https://www.kaufmann.dk/toej') && (true || 'https://www.kaufmann.dk/toej' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> <div class="tw-absolute tw-inset-x-0 tw-z-50 tw-pt-[22px] " x-show="isOpen" x-cloak> <div class="tw-bg-white tw-h-[32.25rem] tw-max-h-[32.25rem] tw-border-t tw-border-ui-divider [contain:content] tw-shadow-[0_4px_20px_-5px_rgba(0,0,0,0.05)]"> <div class="tw-absolute tw-z-40 tw-w-2/3 tw-h-full"></div> <div class="tw-hidden 3xl:tw-block tw-absolute tw-right-0 tw-z-40 tw-w-1/3 tw-h-full tw-bg-grey-300"></div> <div class="3xl:tw-container tw-mx-auto tw-pl-10 tw-relative tw-z-50"> <div class="tw-flex tw-h-[32.25rem] tw-max-h-[32.25rem]"> <div class="tw-flex tw-flex-auto tw-flex-col tw-justify-between tw-p-10 tw-pl-0" > <div class="tw-flex tw-gap-8 tw-mb-5"> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Kategorier</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/bukser" itemprop="url" title="Bukser"> <span itemprop="name">
419Bukser</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/jakker" itemprop="url" title="Jakker & Frakker"> <span itemprop="name">Jakker & Frakker</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/jakkesaet/" itemprop="url" title="Jakkesæt & Blazere"> <span itemprop="name">Jakkesæt & Blazere</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/jeans" itemprop="url" title="Jeans"> <span itemprop="name">Jeans</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/overshirts" itemprop="url" title="Overshirts"> <span itemprop="name">Overshirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/polo-shirts" itemprop="url" title="Polo Shirts"> <span itemprop="name">Polo Shirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/shorts" itemprop="url" title="Shorts"> <span itemprop="name">Shorts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/skjorter" itemprop="url" title="Skjorter"> <span itemprop="name">Skjorter</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/strik" itemprop="url" title="Strik"> <span itemprop="name">Strik</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/sweatshirts" itemprop="url" title="Sweatshirts"> <span itemprop="name">Sweatshirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/t-shirts" itemprop="url" title="T-shirts"> <span itemprop="name">T-shirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/undertoej" itemprop="url" title="Undertøj & strømper"> <span itemprop="name">Undertøj & strømper</span> </a> </div> </div> </div> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Populære mærker</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/barbour" itemprop="url" title="Barbour"> <span itemprop="name">Barbour</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/bareen" itemprop="url" title="BAREEN"> <span itemprop="name">BAREEN</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/bls" itemprop="url" title="BLS Hafnia"> <span itemprop="name">BLS Hafnia</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/boss" itemprop="url" title="BOSS (alle linjer)"> <span itemprop="name">BOSS (alle linjer)</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/cp-company/" itemprop="url" title="C.P. COMPANY"> <span itemprop="name">C.P. COMPANY</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/iceland" itemprop="url" title="Iceland"> <span itemprop="name">Iceland</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/les-deux" itemprop="url" title="Les Deux"> <span itemprop="name">Les Deux</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/moncler" itemprop="url" target="_blank" title="Moncler"> <span itemprop="name">Moncler</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/parajumpers" itemprop="url" title="Parajumpers"> <span itemprop="name">Parajumpers</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/polo-ralph-lauren" itemprop="url" title="Polo Ralph Lauren"> <span itemprop="name">Polo Ralph Lauren</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/sand" itemprop="url" title="Sand"> <span itemprop="name">Sand</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/tommy-hilfiger" itemprop="url" title="Tommy Hilfiger"> <span itemprop="name">Tommy Hilfiger</span> </a> </div> </div> </div> </div> <a href="https://www.kaufmann.dk/toej" class="tw-group tw-flex tw-items-center tw-w-max tw-bg-black tw-h-12 tw-pr-7 tw-pl-7.5 tw-text-white tw-text-sm tw-uppercase tw-font-medium hover:tw-no-underline hover:tw-opacity-90 hover:tw-ease-out tw-duration-300"> <span class="tw-flex tw-items-center tw-mx-auto">
419 <div class="tw-mr-1.5 ">Se alt i tøj</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 420 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div class="tw-min-w-[550px] tw-justify-center 2xl:tw-justify-end tw-items-end tw-p-10 tw-overflow-hidden tw-bg-grey-300 tw-flex tw-flex-[0_1_50%] tw-pb-8 block-links-image-box"> <div class="tw-text-right tw-mr-4 tw-hidden 2xl:tw-block"> <div class="tw-font-medium tw-text-sm tw-leading-4 tw-uppercase tw-mt-2 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/toej/jakker" itemprop="url" title="Jakker"> Jakker <span class="icon icon-arrow-right icon-navigation tw-ml-1.5 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> <div class="tw-font-medium tw-text-sm tw-leading-4 tw-uppercase tw-mt-2 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/toej/strik" itemprop="url" title="Strik"> Strik <span class="icon icon-arrow-right icon-navigation tw-ml-1.5 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> <div class="tw-font-medium tw-text-sm tw-leading-4 tw-uppercase tw-mt-2 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/toej/skjorter" itemprop="url" title="Skjorter"> Skjorter <span class="icon icon-arrow-right icon-navigation tw-ml-1.5 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> <div class="tw-font-medium tw-text-sm tw-leading-4 tw-uppercase tw-mt-2 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/toej/jeans" itemprop="url" title="Jeans"> Jeans <span class="icon icon-arrow-right icon-navigation tw-ml-1.5 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> <div class="tw-font-heading tw-text-3xl tw-leading-8.75 tw-mt-6 tw-whitespace-nowrap"> Efterår 2026 </div> </div> <div class="tw-h-full tw-min-w-[275px] tw-pb-2 tw-overflow-hidden"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/50/e2/05/1787742876/K_web_dropdown_1290x1290_kategori_u36_Tj.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/50/e2/05/1787742876/K_web_dropdown_1290x1290_kategori_u36_Tj.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/50/e2/05/1787742876/K_web_dropdown_1290x1290_kategori_u36_Tj.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/50/e2/05/1787742876/K_web_dropdown_1290x1290_kategori_u36_Tj.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/50/e2/05/1787742876/K_web_dropdown_1290x1290_kategori_u36_Tj.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-max-w-[460px] tw-max-h-[436px]" alt="Tøj - AW26" title="Tøj - AW26" data-object-fit="cover" loading="lazy" style="aspect-ratio:1;" /> </div> </div> </div> </div> </div> </div> </div> <div x-data="{ 421 isOpen: false, 422 opening: null, 423 closing: null, 424 openMega(){ 425 clearTimeout(this.closing); 426 this.opening = setTimeout(() => { 427 if (this.isOpen) return; 428 this.isOpen = true; 429 this.$dispatch('show-overlay-menu'); 430 }, 225); 431 }, 432 closeMega(){ 433 clearTimeout(this.opening); 434 this.closing = setTimeout(() => { 435 if (!this.isOpen) return; 436 this.isOpen = false;
437 this.$dispatch('hide-overlay-menu'); 438 }, 225); 439 } 440 }" @mouseleave="closeMega" @mouseenter="openMega" class="tw-px-1.5 xl:tw-px-2 2xl:tw-px-2.5 last:tw-pr-0" > <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-019082958d0c736bb1f3bf2561a296e5" href="https://www.kaufmann.dk/sko" itemprop="url" title="Sko & Sneakers"> <div class="tw-flex tw-items-center tw-h-4 tw-gap-1"> <span class="tw-whitespace-nowrap tw-leading-3.5 tw-font-semibold " itemprop="name">Sko & Sneakers</span> <span class="icon icon-chevron-down icon-navigation"> <svg fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m4 6 4 4 4-4" fill="none" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg> </span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-[calc(100%-2px)]" :class="[(currentPath.includes('https://www.kaufmann.dk/sko') && (true || 'https://www.kaufmann.dk/sko' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> <div class="tw-absolute tw-inset-x-0 tw-z-50 tw-pt-[22px] " x-show="isOpen" x-cloak> <div class="tw-bg-white tw-h-[32.25rem] tw-max-h-[32.25rem] tw-border-t tw-border-ui-divider [contain:content] tw-shadow-[0_4px_20px_-5px_rgba(0,0,0,0.05)]"> <div class="tw-absolute tw-z-40 tw-w-2/3 tw-h-full"></div> <div class="tw-hidden 3xl:tw-block tw-absolute tw-right-0 tw-z-40 tw-w-1/3 tw-h-full tw-bg-grey-300"></div> <div class="3xl:tw-container tw-mx-auto tw-pl-10 tw-relative tw-z-50"> <div class="tw-flex tw-h-[32.25rem] tw-max-h-[32.25rem]"> <div class="tw-flex tw-flex-auto tw-flex-col tw-justify-between tw-p-10 tw-pl-0" > <div class="tw-flex tw-gap-8 tw-mb-5"> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Kategorier</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/sko/business-sko" itemprop="url" title="Business sko"> <span itemprop="name">Business sko</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/sko/loafers" itemprop="url" title="Loafers"> <span itemprop="name">Loafers</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/sko/skopleje" itemprop="url" title="Skopleje"> <span itemprop="name">Skopleje</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/sko/sneakers" itemprop="url" title="Sneakers"> <span itemprop="name">Sneakers</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/sko/stoevler" itemprop="url" title="Støvler"> <span itemprop="name">Støvler</span> </a> </div> </div> </div> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Udvalgte brands</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/boss/sko/" itemprop="url" title="BOSS (alle linjer)"> <span itemprop="name">BOSS (alle linjer)</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/clarks" itemprop="url" title="Clarks"> <span itemprop="name">Clarks</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/garment-project/sko" itemprop="url" title="Garment Project"> <span itemprop="name">Garment Project</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/new-balance" itemprop="url" title="New Balance"> <span itemprop="name">New Balance</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/playboy" itemprop="url" title="Playboy"> <span itemprop="name">Playboy</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/tga-by-ahler" itemprop="url" title="TGA by Ahler"> <span itemprop="name">TGA by Ahler</span> </a> </div> </div> </div> </div> <a href="https://www.kaufmann.dk/sko" class="tw-group tw-flex tw-items-center tw-w-max tw-bg-black tw-h-12 tw-pr-7 tw-pl-7.5 tw-text-white tw-text-sm tw-uppercase tw-font-medium hover:tw-no-underline hover:tw-opacity-90 hover:tw-ease-out tw-duration-300"> <span class="tw-flex tw-items-center tw-mx-auto">
440 <div class="tw-mr-1.5 ">Se alt i Sneakers & Sko</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 441 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div class="tw-min-w-[550px] tw-justify-center 2xl:tw-justify-end tw-items-end tw-p-10 tw-overflow-hidden tw-bg-grey-300 tw-flex tw-flex-[0_1_50%] tw-pb-8 block-links-image-box"> <div class="tw-text-right tw-mr-4 tw-hidden 2xl:tw-block"> <div class="tw-font-heading tw-text-3xl tw-leading-8.75 tw-mt-6 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/sko" itemprop="url" title="Sko & sneakers"> Sko & sneakers <span class="icon icon-arrow-right icon-navigation icon-xl tw-ml-1 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> </div> <div class="tw-h-full tw-min-w-[275px] tw-pb-2 tw-overflow-hidden"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/fd/b2/1c/1787742876/K_web_dropdown_1290x1290_kategori_u36_Sko.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/fd/b2/1c/1787742876/K_web_dropdown_1290x1290_kategori_u36_Sko.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/fd/b2/1c/1787742876/K_web_dropdown_1290x1290_kategori_u36_Sko.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/fd/b2/1c/1787742876/K_web_dropdown_1290x1290_kategori_u36_Sko.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/fd/b2/1c/1787742876/K_web_dropdown_1290x1290_kategori_u36_Sko.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-max-w-[460px] tw-max-h-[436px]" alt="Sko & Sneakers" title="Sko & Sneakers" data-object-fit="cover" loading="lazy" style="aspect-ratio:1;" /> </div> </div> </div> </div> </div> </div> </div> <div x-data="{ 442 isOpen: false, 443 opening: null, 444 closing: null, 445 openMega(){ 446 clearTimeout(this.closing); 447 this.opening = setTimeout(() => { 448 if (this.isOpen) return; 449 this.isOpen = true; 450 this.$dispatch('show-overlay-menu'); 451 }, 225); 452 }, 453 closeMega(){ 454 clearTimeout(this.opening); 455 this.closing = setTimeout(() => { 456 if (!this.isOpen) return; 457 this.isOpen = false;
458 this.$dispatch('hide-overlay-menu'); 459 }, 225); 460 } 461 }" @mouseleave="closeMega" @mouseenter="openMega" class="tw-px-1.5 xl:tw-px-2 2xl:tw-px-2.5 last:tw-pr-0" > <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-01908295a4d77238b17248e05324b505" href="https://www.kaufmann.dk/accessories" itemprop="url" title="Accessories"> <div class="tw-flex tw-items-center tw-h-4 tw-gap-1"> <span class="tw-whitespace-nowrap tw-leading-3.5 tw-font-semibold " itemprop="name">Accessories</span> <span class="icon icon-chevron-down icon-navigation"> <svg fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m4 6 4 4 4-4" fill="none" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg> </span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-[calc(100%-2px)]" :class="[(currentPath.includes('https://www.kaufmann.dk/accessories') && (true || 'https://www.kaufmann.dk/accessories' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> <div class="tw-absolute tw-inset-x-0 tw-z-50 tw-pt-[22px] " x-show="isOpen" x-cloak> <div class="tw-bg-white tw-h-[32.25rem] tw-max-h-[32.25rem] tw-border-t tw-border-ui-divider [contain:content] tw-shadow-[0_4px_20px_-5px_rgba(0,0,0,0.05)]"> <div class="tw-absolute tw-z-40 tw-w-2/3 tw-h-full"></div> <div class="tw-hidden 3xl:tw-block tw-absolute tw-right-0 tw-z-40 tw-w-1/3 tw-h-full tw-bg-grey-300"></div> <div class="3xl:tw-container tw-mx-auto tw-pl-10 tw-relative tw-z-50"> <div class="tw-flex tw-h-[32.25rem] tw-max-h-[32.25rem]"> <div class="tw-flex tw-flex-auto tw-flex-col tw-justify-between tw-p-10 tw-pl-0" > <div class="tw-flex tw-gap-8 tw-mb-5"> <div class="tw-flex-1 tw-min-w-[360px] tw-max-w-[500px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Kategorier</div> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/baelter" itemprop="url" title="Bælter"> <span itemprop="name">Bælter</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/butterflies" itemprop="url" title="Butterflies"> <span itemprop="name">Butterflies</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/boeger" itemprop="url" title="Bøger & kort"> <span itemprop="name">Bøger & kort</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/caps" itemprop="url" title="Caps & Hatte"> <span itemprop="name">Caps & Hatte</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/gavekort" itemprop="url" title="Gavekort"> <span itemprop="name">Gavekort</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/halstoerklaeder" itemprop="url" title="Halstørklæder"> <span itemprop="name">Halstørklæder</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/handsker" itemprop="url" title="Handsker"> <span itemprop="name">Handsker</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/huer" itemprop="url" title="Huer"> <span itemprop="name">Huer</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/lommeklude" itemprop="url" title="Lommeklude"> <span itemprop="name">Lommeklude</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/manchetknapper" itemprop="url" title="Manchetknapper & slipsenåle"> <span itemprop="name">Manchetknapper & slipsenåle</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/punge" itemprop="url" title="Punge & Kortholdere"> <span itemprop="name">Punge & Kortholdere</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/seler" itemprop="url" title="Seler"> <span itemprop="name">Seler</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/skopleje" itemprop="url" title="Skopleje"> <span itemprop="name">Skopleje</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/slips" itemprop="url" title="Slips"> <span itemprop="name">Slips</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/tasker" itemprop="url" title="Tasker"> <span itemprop="name">
461Tasker</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/accessories/ure" itemprop="url" title="Ure"> <span itemprop="name">Ure</span> </a> </div> </div> </div> </div> <a href="https://www.kaufmann.dk/accessories" class="tw-group tw-flex tw-items-center tw-w-max tw-bg-black tw-h-12 tw-pr-7 tw-pl-7.5 tw-text-white tw-text-sm tw-uppercase tw-font-medium hover:tw-no-underline hover:tw-opacity-90 hover:tw-ease-out tw-duration-300"> <span class="tw-flex tw-items-center tw-mx-auto"> <div class="tw-mr-1.5 ">Se alt i accessories</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 462 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div class="tw-min-w-[550px] tw-justify-center 2xl:tw-justify-end tw-items-end tw-p-10 tw-overflow-hidden tw-bg-grey-300 tw-flex tw-flex-[0_1_50%] tw-pb-8 block-links-image-box"> <div class="tw-text-right tw-mr-4 tw-hidden 2xl:tw-block"> <div class="tw-font-heading tw-text-3xl tw-leading-8.75 tw-mt-6 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/accessories" itemprop="url" title="Alle accessories"> Alle accessories <span class="icon icon-arrow-right icon-navigation icon-xl tw-ml-1 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> </div> <div class="tw-h-full tw-min-w-[275px] tw-pb-2 tw-overflow-hidden"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/50/59/79/1787742876/K_web_dropdown_1290x1290_kategori_u36_Accessories.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/50/59/79/1787742876/K_web_dropdown_1290x1290_kategori_u36_Accessories.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/50/59/79/1787742876/K_web_dropdown_1290x1290_kategori_u36_Accessories.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/50/59/79/1787742876/K_web_dropdown_1290x1290_kategori_u36_Accessories.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/50/59/79/1787742876/K_web_dropdown_1290x1290_kategori_u36_Accessories.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-max-w-[460px] tw-max-h-[436px]" alt="Accessories" title="Accessories" data-object-fit="cover" loading="lazy" style="aspect-ratio:1;" /> </div> </div> </div> </div> </div> </div> </div> <div class="tw-pr-1.5 xl:tw-pr-2 2xl:tw-pr-2.5 tw-mr-3 2xl:tw-mr-3.75 tw-border-r tw-border-ui-divider tw-h-7.5"></div> </div> <div x-data="{ 463 isOpen: false, 464 opening: null, 465 closing: null, 466 openMega(){ 467 clearTimeout(this.closing); 468 this.opening = setTimeout(() => { 469 if (this.isOpen) return; 470 this.isOpen = true; 471 this.$dispatch('show-overlay-menu'); 472 }, 225); 473 }, 474 closeMega(){ 475 clearTimeout(this.opening); 476 this.closing = setTimeout(() => { 477 if (!this.isOpen) return; 478 this.isOpen = false;
479 this.$dispatch('hide-overlay-menu'); 480 }, 225); 481 } 482 }" @mouseleave="closeMega" @mouseenter="openMega" class="tw-px-2.5 xl:tw-px-3 2xl:tw-px-3.75 last:tw-pr-0" > <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-01908295b67a7157bef71b9465f37b83" href="https://www.kaufmann.dk/new-arrivals" itemprop="url" title="New Arrivals"> <div class="tw-flex tw-items-center tw-h-4 tw-gap-1"> <span class="tw-whitespace-nowrap tw-leading-3.5" itemprop="name">New Arrivals</span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full" :class="[(currentPath.includes('https://www.kaufmann.dk/new-arrivals') && (true || 'https://www.kaufmann.dk/new-arrivals' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> <div class="tw-absolute tw-inset-x-0 tw-z-50 tw-pt-[22px] " x-show="isOpen" x-cloak> <div class="tw-bg-white tw-h-[32.25rem] tw-max-h-[32.25rem] tw-border-t tw-border-ui-divider [contain:content] tw-shadow-[0_4px_20px_-5px_rgba(0,0,0,0.05)]"> <div class="tw-absolute tw-z-40 tw-w-2/3 tw-h-full"></div> <div class="tw-hidden 3xl:tw-block tw-absolute tw-right-0 tw-z-40 tw-w-1/3 tw-h-full tw-bg-grey-300"></div> <div class="3xl:tw-container tw-mx-auto tw-pl-10 tw-relative tw-z-50"> <div class="tw-flex tw-h-[32.25rem] tw-max-h-[32.25rem]"> <div class="tw-flex tw-flex-auto tw-flex-col tw-justify-between tw-p-10 tw-pl-0" > <div class="tw-flex tw-gap-8 tw-mb-5"> <div class="tw-flex-1 tw-min-w-[360px] tw-max-w-[500px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Kategorier</div> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-gap-5 category-level-0"> <div class="tw-leading-4.25 category-level-0-group"> <a class="tw-text-black tw-text-md tw-font-semibold tw-underline hover:tw-no-underline category-level-0" href="https://www.kaufmann.dk/new-arrivals/toej" itemprop="url" title="Tøj"> <span itemprop="name">Tøj</span> </a> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-mt-3 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/toej/bukser" itemprop="url" title="Bukser"> <span itemprop="name">
482Bukser</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/toej/jakker" itemprop="url" title="Jakker & Frakker"> <span itemprop="name">Jakker & Frakker</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/toej/jakkesaet" itemprop="url" title="Jakkesæt & Blazere"> <span itemprop="name">Jakkesæt & Blazere</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/toej/jeans" itemprop="url" title="Jeans"> <span itemprop="name">Jeans</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/toej/overshirts" itemprop="url" title="Overshirts"> <span itemprop="name">Overshirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/toej/polo-shirts" itemprop="url" title="Polo shirts"> <span itemprop="name">Polo shirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/toej/skjorter" itemprop="url" title="Skjorter"> <span itemprop="name">Skjorter</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/toej/strik" itemprop="url" title="Strik"> <span itemprop="name">Strik</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/toej/sweatshirts" itemprop="url" title="Sweatshirts"> <span itemprop="name">Sweatshirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/toej/t-shirts" itemprop="url" title="T-shirts"> <span itemprop="name">T-shirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/toej/undertoej" itemprop="url" title="Undertøj & strømper"> <span itemprop="name">Undertøj & strømper</span> </a> </div> </div> </div> <div class="tw-leading-4.25 category-level-0-group"> <a class="tw-text-black tw-text-md tw-font-semibold tw-underline hover:tw-no-underline category-level-0" href="https://www.kaufmann.dk/new-arrivals/sko-sneakers" itemprop="url" title="Sko & Sneakers"> <span itemprop="name">Sko & Sneakers</span> </a> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-mt-3 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/sko-sneakers/business-sko" itemprop="url" title="Business sko"> <span itemprop="name">Business sko</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/new-arrivals/sko-sneakers/sneakers" itemprop="url" title="Sneakers"> <span itemprop="name">Sneakers</span> </a> </div> </div> </div> <div class="tw-leading-4.25 category-level-0-group"> <a class="tw-text-black tw-text-md tw-font-semibold tw-underline hover:tw-no-underline category-level-0" href="https://www.kaufmann.dk/new-arrivals/accessories" itemprop="url" title="Accessories"> <span itemprop="name">Accessories</span> </a> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-mt-3 category-level-1"> </div> </div> </div> </div> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Nye kollektioner</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/annarr" itemprop="url" title="ANNARR"> <span itemprop="name">ANNARR</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/boss" itemprop="url" title="BOSS (alle linjer)"> <span itemprop="name">BOSS (alle linjer)</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/cp-company/" itemprop="url" title="C.P Company"> <span itemprop="name">C.P Company</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/les-deux" itemprop="url" title="Les Deux"> <span itemprop="name">Les Deux</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/moncler" itemprop="url" title="Moncler"> <span itemprop="name">Moncler</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/nn07/" itemprop="url" title="NN.07"> <span itemprop="name">NN.07</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/playboy" itemprop="url" title="Playboy"> <span itemprop="name">Playboy</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/polo-ralph-lauren" itemprop="url" title="Polo Ralph Lauren"> <span itemprop="name">Polo Ralph Lauren</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/samsoee-samsoee" itemprop="url" title="Samsøe Samsøe"> <span itemprop="name">Samsøe Samsøe</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/sand" itemprop="url" title="Sand"> <span itemprop="name">Sand</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/signal" itemprop="url" title="Signal"> <span itemprop="name">Signal</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/wood-wood" itemprop="url" title="Wood Wood"> <span itemprop="name">Wood Wood</span> </a> </div> </div> </div> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Trends</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/trends/autumn-essentials" itemprop="url" title="Autumn essentials"> <span itemprop="name">Autumn essentials</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/trends/business-casual" itemprop="url" title="Business Casual"> <span itemprop="name">Business Casual</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/trends/essentials" itemprop="url" title="Essentials"> <span itemprop="name">Essentials</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/trends/party-season" itemprop="url" title="Party Season"> <span itemprop="name">Party Season</span> </a> </div> </div> </div> </div> <a href="https://www.kaufmann.dk/new-arrivals" class="tw-group tw-flex tw-items-center tw-w-max tw-bg-black tw-h-12 tw-pr-7 tw-pl-7.5 tw-text-white tw-text-sm tw-uppercase tw-font-medium hover:tw-no-underline hover:tw-opacity-90 hover:tw-ease-out tw-duration-300"> <span class="tw-flex tw-items-center tw-mx-auto">
482 <div class="tw-mr-1.5 ">Se alle new arrivals</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 483 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div class="tw-hidden 2xl:tw-flex tw-min-w-[550px] tw-justify-center 2.5xl:tw-justify-end tw-items-end tw-p-10 tw-overflow-hidden tw-bg-grey-300 tw-flex tw-flex-[0_1_50%] tw-pb-8 block-links-image-box"> <div class="tw-text-right tw-mr-4 tw-hidden 2.5xl:tw-block"> <div class="tw-font-medium tw-text-sm tw-leading-4 tw-uppercase tw-mt-2 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/new-arrivals" itemprop="url" title="Efterår 2026"> Efterår 2026 <span class="icon icon-arrow-right icon-navigation tw-ml-1.5 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> <div class="tw-font-heading tw-text-3xl tw-leading-8.75 tw-mt-6 tw-whitespace-nowrap"> New arrivals </div> </div> <div class="tw-h-full tw-min-w-[275px] tw-pb-2 tw-overflow-hidden"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/74/e7/f1/1787742876/K_web_dropdown_1290x1290_kategori_u36_New-Arrivals.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/74/e7/f1/1787742876/K_web_dropdown_1290x1290_kategori_u36_New-Arrivals.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/74/e7/f1/1787742876/K_web_dropdown_1290x1290_kategori_u36_New-Arrivals.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/74/e7/f1/1787742876/K_web_dropdown_1290x1290_kategori_u36_New-Arrivals.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/74/e7/f1/1787742876/K_web_dropdown_1290x1290_kategori_u36_New-Arrivals.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-max-w-[460px] tw-max-h-[436px]" alt="New Arrivals" title="New Arrivals" data-object-fit="cover" loading="lazy" style="aspect-ratio:1;" /> </div> </div> </div> </div> </div> </div> </div> <div x-data="{ 484 isOpen: false, 485 opening: null, 486 closing: null, 487 openMega(){ 488 clearTimeout(this.closing); 489 this.opening = setTimeout(() => { 490 if (this.isOpen) return; 491 this.isOpen = true; 492 this.$dispatch('show-overlay-menu'); 493 }, 225); 494 }, 495 closeMega(){ 496 clearTimeout(this.opening); 497 this.closing = setTimeout(() => { 498 if (!this.isOpen) return; 499 this.isOpen = false;
500 this.$dispatch('hide-overlay-menu'); 501 }, 225); 502 } 503 }" @mouseleave="closeMega" @mouseenter="openMega" class="tw-px-2.5 xl:tw-px-3 2xl:tw-px-3.75 last:tw-pr-0" > <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-01908295cb98789a967d003f2ca27cfc" href="https://www.kaufmann.dk/brands" itemprop="url" title="Brands"> <div class="tw-flex tw-items-center tw-h-4 tw-gap-1"> <span class="tw-whitespace-nowrap tw-leading-3.5" itemprop="name">Brands</span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full" :class="[(currentPath.includes('https://www.kaufmann.dk/brands') && (true || 'https://www.kaufmann.dk/brands' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> <div class="tw-absolute tw-inset-x-0 tw-z-50 tw-pt-[22px] " x-show="isOpen" x-cloak> <div class="tw-bg-white tw-h-[32.25rem] tw-max-h-[32.25rem] tw-border-t tw-border-ui-divider [contain:content] tw-shadow-[0_4px_20px_-5px_rgba(0,0,0,0.05)]"> <div class="tw-absolute tw-z-40 tw-w-2/3 tw-h-full"></div> <div class="tw-hidden 3xl:tw-block tw-absolute tw-right-0 tw-z-40 tw-w-1/3 tw-h-full tw-bg-beige"></div> <div class="3xl:tw-container tw-mx-auto tw-pl-10 tw-relative tw-z-50"> <div class="tw-flex tw-h-[32.25rem] tw-max-h-[32.25rem]"> <div class="tw-flex tw-flex-auto tw-flex-col tw-justify-between tw-p-10 tw-pl-0" > <div class="tw-flex tw-gap-8 tw-mb-5"> <div class="tw-flex-1 tw-min-w-[540px] tw-max-w-[750px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Udvalgte brands</div> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/allan-clark" itemprop="url" title="Allan Clark"> <span itemprop="name">Allan Clark</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/annarr" itemprop="url" title="ANNARR"> <span itemprop="name">ANNARR</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/barbour" itemprop="url" title="Barbour"> <span itemprop="name">Barbour</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/bareen" itemprop="url" title="BAREEN"> <span itemprop="name">BAREEN</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/bls" itemprop="url" title="BLS Hafnia"> <span itemprop="name">BLS Hafnia</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/boss" itemprop="url" title="BOSS (alle linjer)"> <span itemprop="name">BOSS (alle linjer)</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/boss-black" itemprop="url" title="BOSS Black"> <span itemprop="name">BOSS Black</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/boss-green" itemprop="url" title="BOSS Green"> <span itemprop="name">BOSS Green</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/boss-orange" itemprop="url" title="BOSS Orange"> <span itemprop="name">BOSS Orange</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/bruun-og-stengade/" itemprop="url" title="Brunn & Stengade"> <span itemprop="name">Brunn & Stengade</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/cp-company/" itemprop="url" title="C.P. COMPANY"> <span itemprop="name">C.P. COMPANY</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/calvin-klein" itemprop="url" title="Calvin Klein"> <span itemprop="name">Calvin Klein</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/canada-goose" itemprop="url" title="Canada Goose"> <span itemprop="name">Canada Goose</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/clarks" itemprop="url" title="Clarks"> <span itemprop="name">Clarks</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/eton" itemprop="url" title="Eton"> <span itemprop="name">Eton</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/fred-perry" itemprop="url" title="Fred Perry"> <span itemprop="name">Fred Perry</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/gant" itemprop="url" title="Gant"> <span itemprop="name">Gant</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/hugo" itemprop="url" title="HUGO"> <span itemprop="name">HUGO</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/iceland" itemprop="url" title="Iceland"> <span itemprop="name">Iceland</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/lacoste" itemprop="url" title="Lacoste"> <span itemprop="name">Lacoste</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/les-deux" itemprop="url" title="Les Deux"> <span itemprop="name">Les Deux</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/moncler" itemprop="url" title="Moncler"> <span itemprop="name">Moncler</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/mos-mosh-gallery" itemprop="url" title="MOS MOSH Gallery"> <span itemprop="name">MOS MOSH Gallery</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/new-balance" itemprop="url" title="New Balance"> <span itemprop="name">New Balance</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/nn07/" itemprop="url" title="NN.07"> <span itemprop="name">NN.07</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/playboy" itemprop="url" title="Playboy"> <span itemprop="name">Playboy</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/parajumpers" itemprop="url" title="Parajumpers"> <span itemprop="name">Parajumpers</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/polo-ralph-lauren" itemprop="url" title="Polo Ralph Lauren"> <span itemprop="name">Polo Ralph Lauren</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/ps-paul-smith" itemprop="url" title="PS Paul Smith"> <span itemprop="name">PS Paul Smith</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/rains" itemprop="url" title="Rains"> <span itemprop="name">Rains</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/replay" itemprop="url" title="Replay"> <span itemprop="name">Replay</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/sand" itemprop="url" title="Sand"> <span itemprop="name">Sand</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/signal" itemprop="url" title="Signal"> <span itemprop="name">Signal</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/stenstroms" itemprop="url" title="Stenströms"> <span itemprop="name">Stenströms</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/tiger-of-sweden" itemprop="url" title="Tiger of Sweden"> <span itemprop="name">Tiger of Sweden</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/tommy-hilfiger" itemprop="url" title="Tommy Hilfiger"> <span itemprop="name">Tommy Hilfiger</span> </a> </div> </div> </div> </div> <a href="https://www.kaufmann.dk/brands" class="tw-group tw-flex tw-items-center tw-w-max tw-bg-black tw-h-12 tw-pr-7 tw-pl-7.5 tw-text-white tw-text-sm tw-uppercase tw-font-medium hover:tw-no-underline hover:tw-opacity-90 hover:tw-ease-out tw-duration-300"> <span class="tw-flex tw-items-center tw-mx-auto">
503 <div class="tw-mr-1.5 ">Se alle brands</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 504 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div class="tw-min-w-[550px] tw-justify-center 2xl:tw-justify-end tw-items-end tw-p-10 tw-overflow-hidden tw-bg-beige tw-flex tw-flex-[0_1_50%] tw-pb-8 block-links-image-box"> <div class="tw-text-right tw-mr-4 tw-hidden 2xl:tw-block"> <div class="tw-font-medium tw-text-sm tw-leading-4 tw-uppercase tw-mt-2 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/brands/boss" itemprop="url" title="Se alt fra BOSS"> Se alt fra BOSS <span class="icon icon-arrow-right icon-navigation tw-ml-1.5 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> <div class="tw-font-heading tw-text-3xl tw-leading-8.75 tw-mt-6 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/brands/boss" itemprop="url" title="BOSS"> BOSS <span class="icon icon-arrow-right icon-navigation icon-xl tw-ml-1 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> </div> <div class="tw-h-full tw-min-w-[275px] tw-pb-2 tw-overflow-hidden"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/c2/71/f7/1788947758/K_brand-web_BOSS_alle_1290x1700_fw26.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/c2/71/f7/1788947758/K_brand-web_BOSS_alle_1290x1700_fw26.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/c2/71/f7/1788947758/K_brand-web_BOSS_alle_1290x1700_fw26.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/c2/71/f7/1788947758/K_brand-web_BOSS_alle_1290x1700_fw26.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/c2/71/f7/1788947758/K_brand-web_BOSS_alle_1290x1700_fw26.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-max-w-[460px] tw-max-h-[436px]" alt="" title="" data-object-fit="cover" loading="lazy" style="aspect-ratio:0.75882352941176;" /> </div> </div> </div> </div> </div> </div> </div> <div x-data="{ 505 isOpen: false, 506 opening: null, 507 closing: null, 508 openMega(){ 509 clearTimeout(this.closing); 510 this.opening = setTimeout(() => { 511 if (this.isOpen) return; 512 this.isOpen = true; 513 this.$dispatch('show-overlay-menu'); 514 }, 225); 515 }, 516 closeMega(){ 517 clearTimeout(this.opening); 518 this.closing = setTimeout(() => { 519 if (!this.isOpen) return; 520 this.isOpen = false;
521 this.$dispatch('hide-overlay-menu'); 522 }, 225); 523 } 524 }" @mouseleave="closeMega" @mouseenter="openMega" class="tw-px-2.5 xl:tw-px-3 2xl:tw-px-3.75 last:tw-pr-0" > <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-01908295d2b17f8db348ee9a5149ba2e" href="https://www.kaufmann.dk/mest-populaere" itemprop="url" title="Mest populære"> <div class="tw-flex tw-items-center tw-h-4 tw-gap-1"> <span class="tw-whitespace-nowrap tw-leading-3.5" itemprop="name">Mest populære</span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full" :class="[(currentPath.includes('https://www.kaufmann.dk/mest-populaere') && (true || 'https://www.kaufmann.dk/mest-populaere' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> <div class="tw-absolute tw-inset-x-0 tw-z-50 tw-pt-[22px] " x-show="isOpen" x-cloak> <div class="tw-bg-white tw-h-[32.25rem] tw-max-h-[32.25rem] tw-border-t tw-border-ui-divider [contain:content] tw-shadow-[0_4px_20px_-5px_rgba(0,0,0,0.05)]"> <div class="tw-absolute tw-z-40 tw-w-2/3 tw-h-full"></div> <div class="tw-hidden 3xl:tw-block tw-absolute tw-right-0 tw-z-40 tw-w-1/3 tw-h-full tw-bg-beige"></div> <div class="3xl:tw-container tw-mx-auto tw-pl-10 tw-relative tw-z-50"> <div class="tw-flex tw-h-[32.25rem] tw-max-h-[32.25rem]"> <div class="tw-flex tw-flex-auto tw-flex-col tw-justify-between tw-p-10 tw-pl-0" > <div class="tw-flex tw-gap-8 tw-mb-5"> <div class="tw-flex-1 tw-min-w-[360px] tw-max-w-[500px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Kategorier</div> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-gap-5 category-level-0"> <div class="tw-leading-4.25 category-level-0-group"> <a class="tw-text-black tw-text-md tw-font-semibold tw-underline hover:tw-no-underline category-level-0" href="https://www.kaufmann.dk/mest-populaere/toej" itemprop="url" title="Tøj"> <span itemprop="name">Tøj</span> </a> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-mt-3 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/bukser" itemprop="url" title="Bukser"> <span itemprop="name">
524Bukser</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/jakker-frakker" itemprop="url" title="Jakker & Frakker"> <span itemprop="name">Jakker & Frakker</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/jakkesaet-blazere" itemprop="url" title="Jakkesæt & Blazere"> <span itemprop="name">Jakkesæt & Blazere</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/jeans" itemprop="url" title="Jeans"> <span itemprop="name">Jeans</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/overshirts" itemprop="url" title="Overshirts"> <span itemprop="name">Overshirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/polo-shirts" itemprop="url" title="Polo shirts"> <span itemprop="name">Polo shirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/skjorter" itemprop="url" title="Skjorter"> <span itemprop="name">Skjorter</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/strik" itemprop="url" title="Strik"> <span itemprop="name">Strik</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/sweatshirts" itemprop="url" title="Sweatshirts"> <span itemprop="name">Sweatshirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/t-shirts" itemprop="url" title="T-shirts"> <span itemprop="name">T-shirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/toej/undertoej-stroemper" itemprop="url" title="Undertøj & strømper"> <span itemprop="name">Undertøj & strømper</span> </a> </div> </div> </div> <div class="tw-leading-4.25 category-level-0-group"> <a class="tw-text-black tw-text-md tw-font-semibold tw-underline hover:tw-no-underline category-level-0" href="https://www.kaufmann.dk/mest-populaere/sko-sneakers" itemprop="url" title="Sko & Sneakers"> <span itemprop="name">Sko & Sneakers</span> </a> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-mt-3 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/sko-sneakers/business-sko" itemprop="url" title="Business sko"> <span itemprop="name">Business sko</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/sko-sneakers/loafers" itemprop="url" title="Loafers"> <span itemprop="name">Loafers</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/sko-sneakers/sneakers" itemprop="url" title="Sneakers"> <span itemprop="name">Sneakers</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/mest-populaere/sko-sneakers/stoevler" itemprop="url" title="Støvler"> <span itemprop="name">Støvler</span> </a> </div> </div> </div> <div class="tw-leading-4.25 category-level-0-group"> <a class="tw-text-black tw-text-md tw-font-semibold tw-underline hover:tw-no-underline category-level-0" href="https://www.kaufmann.dk/mest-populaere/accessories" itemprop="url" title="Accessories"> <span itemprop="name">Accessories</span> </a> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-mt-3 category-level-1"> </div> </div> </div> </div> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Populære mærker</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/barbour" itemprop="url" title="Barbour"> <span itemprop="name">
524Barbour</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/bareen" itemprop="url" title="BAREEN"> <span itemprop="name">BAREEN</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/bls" itemprop="url" title="BLS Hafnia"> <span itemprop="name">BLS Hafnia</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/boss" itemprop="url" title="BOSS (alle linjer)"> <span itemprop="name">BOSS (alle linjer)</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/cp-company/" itemprop="url" title="C.P. COMPANY"> <span itemprop="name">C.P. COMPANY</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/iceland" itemprop="url" title="Iceland"> <span itemprop="name">Iceland</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/les-deux" itemprop="url" title="Les Deux"> <span itemprop="name">Les Deux</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/moncler" itemprop="url" title="Moncler"> <span itemprop="name">Moncler</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/parajumpers" itemprop="url" title="Parajumpers"> <span itemprop="name">Parajumpers</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/polo-ralph-lauren" itemprop="url" title="Polo Ralph Lauren"> <span itemprop="name">Polo Ralph Lauren</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/sand" itemprop="url" title="Sand"> <span itemprop="name">Sand</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/brands/tommy-hilfiger" itemprop="url" title="Tommy Hilfiger"> <span itemprop="name">Tommy Hilfiger</span> </a> </div> </div> </div> </div> <a href="https://www.kaufmann.dk/mest-populaere" class="tw-group tw-flex tw-items-center tw-w-max tw-bg-black tw-h-12 tw-pr-7 tw-pl-7.5 tw-text-white tw-text-sm tw-uppercase tw-font-medium hover:tw-no-underline hover:tw-opacity-90 hover:tw-ease-out tw-duration-300"> <span class="tw-flex tw-items-center tw-mx-auto"> <div class="tw-mr-1.5 ">Se alt i mest populære</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 525 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div class="tw-min-w-[550px] tw-justify-center 2xl:tw-justify-end tw-items-end tw-p-10 tw-overflow-hidden tw-bg-beige tw-flex tw-flex-[0_1_50%] tw-pb-8 block-links-image-box">
525 <div class="tw-text-right tw-mr-4 tw-hidden 2xl:tw-block"> <div class="tw-font-medium tw-text-sm tw-leading-4 tw-uppercase tw-mt-2 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/mest-populaere" itemprop="url" title="Se alt i mest populære"> Se alt i mest populære <span class="icon icon-arrow-right icon-navigation tw-ml-1.5 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> <div class="tw-font-heading tw-text-3xl tw-leading-8.75 tw-mt-6 tw-whitespace-nowrap"> Mest populære </div> </div> <div class="tw-h-full tw-min-w-[275px] tw-pb-2 tw-overflow-hidden"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/59/a0/68/1787742876/K_web_dropdown_1290x1290_kategori_u36_Mest-populre.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/59/a0/68/1787742876/K_web_dropdown_1290x1290_kategori_u36_Mest-populre.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/59/a0/68/1787742876/K_web_dropdown_1290x1290_kategori_u36_Mest-populre.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/59/a0/68/1787742876/K_web_dropdown_1290x1290_kategori_u36_Mest-populre.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/59/a0/68/1787742876/K_web_dropdown_1290x1290_kategori_u36_Mest-populre.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-max-w-[460px] tw-max-h-[436px]" alt="Mest Populære" title="Mest Populære" data-object-fit="cover" loading="lazy" style="aspect-ratio:1;" /> </div> </div> </div> </div> </div> </div> </div> <div x-data="{ 526 isOpen: false, 527 opening: null, 528 closing: null, 529 openMega(){ 530 clearTimeout(this.closing); 531 this.opening = setTimeout(() => { 532 if (this.isOpen) return; 533 this.isOpen = true; 534 this.$dispatch('show-overlay-menu'); 535 }, 225); 536 }, 537 closeMega(){ 538 clearTimeout(this.opening); 539 this.closing = setTimeout(() => { 540 if (!this.isOpen) return; 541 this.isOpen = false; 542 this.$dispatch('hide-overlay-menu'); 543 }, 225); 544 } 545 }" @mouseleave="closeMega" @mouseenter="openMega" class="tw-px-2.5 xl:tw-px-3 2xl:tw-px-3.75 last:tw-pr-0" > <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-01908295e2167028b0340f8e9db948b6" href="https://www.kaufmann.dk/the-journal" itemprop="url" title="The Journal"> <div class="tw-flex tw-items-center tw-h-4 tw-gap-1"> <span class="tw-whitespace-nowrap tw-leading-3.5" itemprop="name">
545The Journal</span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full" :class="[(currentPath.includes('https://www.kaufmann.dk/the-journal') && (true || 'https://www.kaufmann.dk/the-journal' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> <div class="tw-absolute tw-inset-x-0 tw-z-50 tw-pt-[22px] " x-show="isOpen" x-cloak> <div class="tw-bg-white tw-h-[32.25rem] tw-max-h-[32.25rem] tw-border-t tw-border-ui-divider [contain:content] tw-shadow-[0_4px_20px_-5px_rgba(0,0,0,0.05)]"> <div class="tw-absolute tw-z-40 tw-w-2/3 tw-h-full"></div> <div class="tw-hidden 3xl:tw-block tw-absolute tw-right-0 tw-z-40 tw-w-1/3 tw-h-full tw-bg-grey-300"></div> <div class="3xl:tw-container tw-mx-auto tw-pl-10 tw-relative tw-z-50"> <div class="tw-flex tw-h-[32.25rem] tw-max-h-[32.25rem]"> <div class="tw-flex tw-flex-auto tw-flex-col tw-justify-between tw-p-10 tw-pl-0" > <div class="tw-flex tw-gap-8 tw-mb-5"> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">The Journal</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/the-journal/business" itemprop="url" title="Business"> <span itemprop="name">Business</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/the-journal/brands" itemprop="url" title="Brands"> <span itemprop="name">Brands</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/the-journal/kultur" itemprop="url" title="Kultur"> <span itemprop="name">Kultur</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/the-journal/mad-og-drikke" itemprop="url" title="Mad & Drikke"> <span itemprop="name">Mad & Drikke</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/the-journal/mennesker" itemprop="url" title="Mennesker"> <span itemprop="name">Mennesker</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/the-journal/mode" itemprop="url" title="Mode"> <span itemprop="name">Mode</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/the-journal/motor" itemprop="url" title="Motor"> <span itemprop="name">Motor</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/the-journal/sport" itemprop="url" title="Sport"> <span itemprop="name">Sport</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/the-journal/ure" itemprop="url" title="Ure"> <span itemprop="name">Ure</span> </a> </div> </div> </div> </div> <a href="https://www.kaufmann.dk/the-journal" class="tw-group tw-flex tw-items-center tw-w-max tw-bg-black tw-h-12 tw-pr-7 tw-pl-7.5 tw-text-white tw-text-sm tw-uppercase tw-font-medium hover:tw-no-underline hover:tw-opacity-90 hover:tw-ease-out tw-duration-300"> <span class="tw-flex tw-items-center tw-mx-auto"> <div class="tw-mr-1.5 ">Se alt i The Journal</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 546 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div class="tw-min-w-[550px] tw-justify-center 2xl:tw-justify-end tw-items-end tw-p-10 tw-overflow-hidden tw-bg-grey-300 tw-flex tw-flex-[0_1_56.6%] block-text-image-box"> <div class="tw-hidden 2xl:tw-block tw-min-w-[275px] tw-max-w-[365p
546x] tw-mr-10 cms-element-text"> <p>KAUFMANN MAGASIN</p> <h2>THE JOURNAL</h2> <p>Vi er meget glade for at kunne præsentere denne sæsons KAUFMANN magasin med spændende artikler og masser af inspiration.</p><p>Vi har forsøgt at fylde magasinet med masser af spændende læsestof og ikke mindst inspiration til din efterårsgarderobe.</p> <a class="tw-group tw-flex tw-items-center tw-pr-7 tw-pl-7.5 tw-text-sm tw-uppercase tw-font-medium tw-mt-6 lg:tw-mt-10 tw-border-1.5 tw-border-black tw-h-12 !tw-no-underline hover:tw-no-underline hover:tw-ease-out tw-duration-500 tw-text-black hover:tw-bg-black hover:tw-text-white tw-w-max" href="https://www.kaufmann.dk/the-journal" > <span class="tw-flex tw-items-center tw-mx-auto"> <div class="tw-mr-1.5 tw-leading-3.5">Læs mere</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 547 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-black icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-black icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div class="tw-h-full tw-min-w-[275px] tw-pb-2 tw-overflow-hidden"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/08/cb/a5/1789714984/K_web_dropdown_1290x1290_magasin_FW26_u38.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/08/cb/a5/1789714984/K_web_dropdown_1290x1290_magasin_FW26_u38.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/08/cb/a5/1789714984/K_web_dropdown_1290x1290_magasin_FW26_u38.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/08/cb/a5/1789714984/K_web_dropdown_1290x1290_magasin_FW26_u38.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/08/cb/a5/1789714984/K_web_dropdown_1290x1290_magasin_FW26_u38.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-max-w-[460px] tw-max-h-[436px]" alt="KAUFMANN Journal FW26" title="KAUFMANN Journal FW26" data-object-fit="cover" loading="lazy" style="aspect-ratio:1;" /> </div> </div> </div> </div> </div> </div> </div> <div x-data="{ 548 isOpen: false, 549 opening: null, 550 closing: null, 551 openMega(){ 552 clearTimeout(this.closing); 553 this.opening = setTimeout(() => { 554 if (this.isOpen) return; 555 this.isOpen = true; 556 this.$dispatch('show-overlay-menu'); 557 }, 225); 558 }, 559 closeMega(){ 560 clearTimeout(this.opening); 561 this.closing = setTimeout(() => { 562 if (!this.isOpen) return; 563 this.isOpen = false;
564 this.$dispatch('hide-overlay-menu'); 565 }, 225); 566 } 567 }" @mouseleave="closeMega" @mouseenter="openMega" class="tw-px-2.5 xl:tw-px-3 2xl:tw-px-3.75 last:tw-pr-0" > <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-0192af5cc0137a3894b12f25520046b0" href="https://www.kaufmann.dk/trends" itemprop="url" title="Trends"> <div class="tw-flex tw-items-center tw-h-4 tw-gap-1"> <span class="tw-whitespace-nowrap tw-leading-3.5" itemprop="name">Trends</span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full" :class="[(currentPath.includes('https://www.kaufmann.dk/trends') && (true || 'https://www.kaufmann.dk/trends' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> <div class="tw-absolute tw-inset-x-0 tw-z-50 tw-pt-[22px] " x-show="isOpen" x-cloak> <div class="tw-bg-white tw-h-[32.25rem] tw-max-h-[32.25rem] tw-border-t tw-border-ui-divider [contain:content] tw-shadow-[0_4px_20px_-5px_rgba(0,0,0,0.05)]"> <div class="tw-absolute tw-z-40 tw-w-2/3 tw-h-full"></div> <div class="tw-hidden 3xl:tw-block tw-absolute tw-right-0 tw-z-40 tw-w-1/3 tw-h-full tw-bg-grey-300"></div> <div class="3xl:tw-container tw-mx-auto tw-pl-10 tw-relative tw-z-50"> <div class="tw-flex tw-h-[32.25rem] tw-max-h-[32.25rem]"> <div class="tw-flex tw-flex-auto tw-flex-col tw-justify-between tw-p-10 tw-pl-0" > <div class="tw-flex tw-gap-8 tw-mb-5"> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Trends</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/trends/autumn-essentials" itemprop="url" title="Autumn Essentials"> <span itemprop="name">Autumn Essentials</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/trends/business-casual" itemprop="url" title="Business Casual"> <span itemprop="name">Business Casual</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/trends/essentials" itemprop="url" title="Essentials"> <span itemprop="name">Essentials</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/trends/party-season" itemprop="url" title="Party Season"> <span itemprop="name">Party Season</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/shop-the-look" itemprop="url" title="Shop the look"> <span itemprop="name">Shop the look</span> </a> </div> </div> </div> </div> <a href="https://www.kaufmann.dk/trends" class="tw-group tw-flex tw-items-center tw-w-max tw-bg-black tw-h-12 tw-pr-7 tw-pl-7.5 tw-text-white tw-text-sm tw-uppercase tw-font-medium hover:tw-no-underline hover:tw-opacity-90 hover:tw-ease-out tw-duration-300"> <span class="tw-flex tw-items-center tw-mx-auto"> <div class="tw-mr-1.5 ">Se alle trends</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 568 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div class="tw-min-w-[550px] tw-justify-center 2xl:tw-justify-end tw-items-end tw-p-10 tw-overflow-hidden tw-bg-grey-300 tw-flex tw-flex-[0_1_56.6%] block-text-image-box"> <div class="tw-hidden 2xl:tw-block tw-min-w-[275px] tw-max-w-[365p
568x] tw-mr-10 cms-element-text"> <p><b>Sæsonens trend</b></p><h2>Autumn Essentials</h2> <p> Vores udvalgte Autumn Essentials kombinerer komfort, funktion og tidløst design â skabt til sæsonens skiftende vejr og alsidige dage. </p> <a class="tw-group tw-flex tw-items-center tw-pr-7 tw-pl-7.5 tw-text-sm tw-uppercase tw-font-medium tw-mt-6 lg:tw-mt-10 tw-border-1.5 tw-border-black tw-h-12 !tw-no-underline hover:tw-no-underline hover:tw-ease-out tw-duration-500 tw-bg-black tw-text-white hover:tw-opacity-90 tw-w-max" href="https://www.kaufmann.dk/trends/autumn-essentials" > <span class="tw-flex tw-items-center tw-mx-auto"> <div class="tw-mr-1.5 tw-leading-3.5">Se udvalget</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 569 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-black icon- tw-text-white "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-black icon- tw-text-white "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div class="tw-h-full tw-min-w-[275px] tw-pb-2 tw-overflow-hidden"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/70/1c/7d/1787829600/K_web_trends_1290x1430_Autumn%20Essentials.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/70/1c/7d/1787829600/K_web_trends_1290x1430_Autumn%20Essentials.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/70/1c/7d/1787829600/K_web_trends_1290x1430_Autumn%20Essentials.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/70/1c/7d/1787829600/K_web_trends_1290x1430_Autumn%20Essentials.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/70/1c/7d/1787829600/K_web_trends_1290x1430_Autumn%20Essentials.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-max-w-[460px] tw-max-h-[436px]" alt="Autumn Essentials" title="Autumn Essentials" data-object-fit="cover" loading="lazy" style="aspect-ratio:0.9020979020979;" /> </div> </div> </div> </div> </div> </div> </div> <div class="tw-px-2.5 xl:tw-px-3 2xl:tw-px-3.75 last:tw-pr-0"> <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-019d9a022df27d518c44c247b09167f3" href="https://www.kaufmann.dk/toej/jakkesaet/made-to-measure/" itemprop="url" title="Made to measure"> <div class="tw-flex tw-items-center tw-h-4 tw-gap-1"> <span class="tw-whitespace-nowrap tw-leading-3.5" itemprop="name">Made to measure</span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full" :class="[(currentPath.includes('https://www.kaufmann.dk/toej/jakkesaet/made-to-measure/') && (true || 'https://www.kaufmann.dk/toej/jakkesaet/made-to-measure/' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> </div> <div x-data="{ 570 isOpen: false, 571 opening: null, 572 closing: null, 573 openMega(){ 574 clearTimeout(this.closing); 575 this.opening = setTimeout(() => { 576 if (this.isOpen) return; 577 this.isOpen = true; 578 this.$dispatch('show-overlay-menu'); 579 }, 225); 580 }, 581 closeMega(){ 582 clearTimeout(this.opening); 583 this.closing = setTimeout(() => { 584 if (!this.isOpen) return; 585 this.isOpen = false;
586 this.$dispatch('hide-overlay-menu'); 587 }, 225); 588 } 589 }" @mouseleave="closeMega" @mouseenter="openMega" class="tw-px-2.5 xl:tw-px-3 2xl:tw-px-3.75 last:tw-pr-0" > <a class="tw-group tw-h-7.5 tw-inline-block tw-text-black tw-relative hover:tw-no-underline nav-item-01908295ed3575eb83ab28841867094d" href="https://www.kaufmann.dk/outlet" itemprop="url" title="Online Outlet"> <div class="tw-flex tw-items-center tw-h-4 tw-gap-1"> <span class="tw-whitespace-nowrap tw-leading-3.5" style="color: #ff0000;" itemprop="name">Online Outlet</span> </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full" :class="[(currentPath.includes('https://www.kaufmann.dk/outlet') && (true || 'https://www.kaufmann.dk/outlet' == currentPath)) ? 'tw-animated-underline-active' : '']" ></div> </a> <div class="tw-absolute tw-inset-x-0 tw-z-50 tw-pt-[22px] " x-show="isOpen" x-cloak> <div class="tw-bg-white tw-h-[32.25rem] tw-max-h-[32.25rem] tw-border-t tw-border-ui-divider [contain:content] tw-shadow-[0_4px_20px_-5px_rgba(0,0,0,0.05)]"> <div class="tw-absolute tw-z-40 tw-w-2/3 tw-h-full"></div> <div class="tw-hidden 3xl:tw-block tw-absolute tw-right-0 tw-z-40 tw-w-1/3 tw-h-full tw-bg-grey-300"></div> <div class="3xl:tw-container tw-mx-auto tw-pl-10 tw-relative tw-z-50"> <div class="tw-flex tw-h-[32.25rem] tw-max-h-[32.25rem]"> <div class="tw-flex tw-flex-auto tw-flex-col tw-justify-between tw-p-10 tw-pl-0" > <div class="tw-flex tw-gap-8 tw-mb-5"> <div class="tw-flex-1 tw-min-w-[360px] tw-max-w-[500px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Kategorier</div> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-gap-5 category-level-0"> <div class="tw-leading-4.25 category-level-0-group"> <a class="tw-text-black tw-text-md tw-font-semibold tw-underline hover:tw-no-underline category-level-0" href="" itemprop="url" title="Tøj"> <span itemprop="name">Tøj</span> </a> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-mt-3 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/bukser" itemprop="url" title="Bukser"> <span itemprop="name">
589Bukser</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/jakker" itemprop="url" title="Jakker & Frakker"> <span itemprop="name">Jakker & Frakker</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/jakkesaet" itemprop="url" title="Jakkesæt & Blazere"> <span itemprop="name">Jakkesæt & Blazere</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/jeans" itemprop="url" title="Jeans"> <span itemprop="name">Jeans</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/polo-shirts" itemprop="url" title="Polo shirts"> <span itemprop="name">Polo shirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/shorts" itemprop="url" title="Shorts"> <span itemprop="name">Shorts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/skjorter" itemprop="url" title="Skjorter"> <span itemprop="name">Skjorter</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/strik" itemprop="url" title="Strik"> <span itemprop="name">Strik</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/sweatshirts" itemprop="url" title="Sweatshirts"> <span itemprop="name">Sweatshirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/t-shirts" itemprop="url" title="T-shirts"> <span itemprop="name">T-shirts</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/undertoej" itemprop="url" title="Undertøj & strømper"> <span itemprop="name">Undertøj & strømper</span> </a> </div> </div> </div> <div class="tw-leading-4.25 category-level-0-group"> <a class="tw-text-black tw-text-md tw-font-semibold tw-underline hover:tw-no-underline category-level-0" href="https://www.kaufmann.dk/outlet/sko/" itemprop="url" title="Sko & Sneakers"> <span itemprop="name">Sko & Sneakers</span> </a> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-mt-3 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/sko/business-sko" itemprop="url" title="Business sko"> <span itemprop="name">Business sko</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/sko/loafers" itemprop="url" title="Loafers"> <span itemprop="name">Loafers</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/sko/sandaler" itemprop="url" title="Sandaler"> <span itemprop="name">Sandaler</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/sko/sneakers" itemprop="url" title="Sneakers"> <span itemprop="name">Sneakers</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/sko/stoevler" itemprop="url" title="Støvler"> <span itemprop="name">Støvler</span> </a> </div> </div> </div> <div class="tw-leading-4.25 category-level-0-group"> <a class="tw-text-black tw-text-md tw-font-semibold tw-underline hover:tw-no-underline category-level-0" href="https://www.kaufmann.dk/outlet/accessories" itemprop="url" title="Accessories"> <span itemprop="name">Accessories</span> </a> <div class="tw-flex tw-flex-col tw-flex-wrap tw-max-h-80 tw-mt-3 category-level-1"> </div> </div> </div> </div> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Populære brands</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/barbour" itemprop="url" title="Barbour"> <span itemprop="name">
589Barbour</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/boss" itemprop="url" title="BOSS (alle linjer)"> <span itemprop="name">BOSS (alle linjer)</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/boss-green" itemprop="url" title="BOSS Green"> <span itemprop="name">BOSS Green</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/cp-company" itemprop="url" title="C.P. COMPANY"> <span itemprop="name">C.P. COMPANY</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/ea7" itemprop="url" title="EA7"> <span itemprop="name">EA7</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/les-deux" itemprop="url" title="Les Deux"> <span itemprop="name">Les Deux</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/polo-ralph-lauren" itemprop="url" title="Polo Ralph Lauren"> <span itemprop="name">Polo Ralph Lauren</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/sand" itemprop="url" title="Sand"> <span itemprop="name">Sand</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/signal" itemprop="url" title="Signal"> <span itemprop="name">Signal</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/tommy-hilfiger" itemprop="url" title="Tommy Hilfiger"> <span itemprop="name">Tommy Hilfiger</span> </a> </div> </div> </div> <div class="tw-flex-1 tw-min-w-[180px] tw-max-w-[250px]"> <div class=" tw-text-xl tw-leading-6 tw-mb-5">Størrelse</div> <div class=" tw-space-y-2 tw-mt-5 category-level-1"> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/toej?st%C3%B8rrelse=S&st%C3%B8rrelse=38&st%C3%B8rrelse=W29&st%C3%B8rrelse=W29%2F30&st%C3%B8rrelse=W29%2F32&st%C3%B8rrelse=39&st%C3%B8rrelse=W28" itemprop="url" title="Small"> <span itemprop="name">Small</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/toej?st%C3%B8rrelse=M&st%C3%B8rrelse=40&st%C3%B8rrelse=W30&st%C3%B8rrelse=W30%2F30&st%C3%B8rrelse=W30%2F32&st%C3%B8rrelse=W30%2F34&st%C3%B8rrelse=W31&st%C3%B8rrelse=W31%2F32&st%C3%B8rrelse=W31%2F34&st%C3%B8rrelse=39%2F40" itemprop="url" title="Medium"> <span itemprop="name">Medium</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/toej?st%C3%B8rrelse=L&st%C3%B8rrelse=42&st%C3%B8rrelse=W32&st%C3%B8rrelse=W32%2F32&st%C3%B8rrelse=W32%2F30&st%C3%B8rrelse=W32%2F34&st%C3%B8rrelse=W33&st%C3%B8rrelse=W33%2F30&st%C3%B8rrelse=W33%2F32&st%C3%B8rrelse=W33%2F34" itemprop="url" title="Large"> <span itemprop="name">Large</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/toej?st%C3%B8rrelse=XL&st%C3%B8rrelse=44&st%C3%B8rrelse=W36&st%C3%B8rrelse=W36%2F30&st%C3%B8rrelse=W34&st%C3%B8rrelse=W35" itemprop="url" title="X-Large"> <span itemprop="name">X-Large</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href=" https://www.kaufmann.dk/outlet/toej?st%C3%B8rrelse=XXL&st%C3%B8rrelse=W38&st%C3%B8rrelse=W38%2F30&st%C3%B8rrelse=W38%2F34&st%C3%B8rrelse=W40&st%C3%B8rrelse=W40%2F32&st%C3%B8rrelse=W40%2F34&st%C3%B8rrelse=W38%2F32&st%C3%B8rrelse=W40%2F30" itemprop="url" title="XX-Large"> <span itemprop="name">XX-Large</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/toej?st%C3%B8rrelse=3XL&st%C3%B8rrelse=48&st%C3%B8rrelse=W40&st%C3%B8rrelse=W40%2F30&st%C3%B8rrelse=W40%2F32&st%C3%B8rrelse=W40%2F34&st%C3%B8rrelse=W42%2F30&st%C3%B8rrelse=W42%2F34&st%C3%B8rrelse=W40%2F36" itemprop="url" title="3XL"> <span itemprop="name">3XL</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/toej?st%C3%B8rrelse=4XL" itemprop="url" title="4XL"> <span itemprop="name">4XL</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/toej?st%C3%B8rrelse=5XL" itemprop="url" title="5XL"> <span itemprop="name">5XL</span> </a> </div> <div class="tw-leading-4.25 tw-mt-2 "> <a class="tw-text-black tw-text-md hover:tw-underline category-level-1" href="https://www.kaufmann.dk/outlet/toej?st%C3%B8rrelse=6XL" itemprop="url" title="6XL"> <span itemprop="name">6XL</span> </a> </div> </div> </div> </div> </div> <div class="tw-hidden 2xl:tw-flex tw-min-w-[550px] tw-justify-center 2.5xl:tw-justify-end tw-items-end tw-p-10 tw-overflow-hidden tw-bg-grey-300 tw-flex tw-flex-[0_1_50%] tw-pb-8 block-links-image-box">
589 <div class="tw-text-right tw-mr-4 tw-hidden 2.5xl:tw-block"> <div class="tw-font-medium tw-text-sm tw-leading-4 tw-uppercase tw-mt-2 tw-whitespace-nowrap"> <a class="tw-flex tw-whitespace-nowrap tw-items-center tw-justify-end" href="https://www.kaufmann.dk/outlet" itemprop="url" title="SPAR OP TIL 50%"> SPAR OP TIL 50% <span class="icon icon-arrow-right icon-navigation tw-ml-1.5 tw-stroke-current"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </a> </div> <div class="tw-font-heading tw-text-3xl tw-leading-8.75 tw-mt-6 tw-whitespace-nowrap"> Online Outlet </div> </div> <div class="tw-h-full tw-min-w-[275px] tw-pb-2 tw-overflow-hidden"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/22/9c/4c/1786952830/K_OUTLET_FW26_web_dropdown_1290x1290.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/22/9c/4c/1786952830/K_OUTLET_FW26_web_dropdown_1290x1290.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/22/9c/4c/1786952830/K_OUTLET_FW26_web_dropdown_1290x1290.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/22/9c/4c/1786952830/K_OUTLET_FW26_web_dropdown_1290x1290.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/22/9c/4c/1786952830/K_OUTLET_FW26_web_dropdown_1290x1290.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-max-w-[460px] tw-max-h-[436px]" alt="Outlet" title="Outlet" data-object-fit="cover" loading="lazy" style="aspect-ratio:1;" /> </div> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div x-data="mobileNavigation('https://www.kaufmann.dk/', '9760a2f3aeb94cd8ae7b29a0d908a129', '/widgets/menu/offcanvas?navigationId=9760a2f3aeb94cd8ae7b29a0d908a129')" class="tw-w-full tw-absolute tw-top-0 tw-bg-white tw-z-50 ctw-max-w-3xl tw-min-h-screen tw-pb-8" x-cloak x-show="isOpen" x-trap.noscroll.noautofocus="isOpen" x-on:open-mobile-menu.window="openMenu($event)" x-on:close-mobile-menu.window="closeMenu" @keydown.escape.window="closeMenu" @click.away="closeMenu" id="mobileNavigation" > <div x-show="currentDisplay == '9760a2f3aeb94cd8ae7b29a0d908a129'"> <div class="tw-h-14 tw-flex tw-items-center tw-justify-between tw-py-4 tw-border-b tw-border-ui-divider tw-shadow-[0_4px_20px_0_rgba(0,0,0,0.05)] tw-border-opacity-50"> <div class="tw-pl-5 tw-text-base tw-leading-4.35"> Menu </div> <div class="tw-flex tw-items-center"> <div class="tw-text-sm tw-pr-7.5"> <div x-data="{ 590 isLoggedIn: false, 591 checkLogin() { 592 const cookie = document.cookie.split('; ').find(row => row.startsWith('loggedIn=')); 593 if (!cookie) return false; 594 try { 595 const cookieVal = decodeURIComponent(cookie.split('=')[1]) == '1'; 596 this.isLoggedIn = cookieVal; 597 } catch (e) { 598 this.isLoggedIn = false; 599 } 600 } 601 }" x-init="checkLogin()"> <template x-if="isLoggedIn"> <a href="/account" class="tw-flex tw-items-center tw-gap-1 tw-group"> <span class="icon icon-login"> <svg fill="#15191c" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m12 1.25c-1.525 0-2.98753.6058-4.06586 1.68414-1.07834 1.07833-1.68414 2.54087-1.68414 4.06586s.6058 2.98753 1.68414 4.0659c.50129.5013 1.08562.9004 1.72065 1.1841h-.65479c-1.7717 0-3.48172.6491-4.75135 1.8211-1.27165 1.1738-1.99865 2.7793-1.99865 4.4674v1.7692.6923c0 .4142.33579.75.75.75h18c.4142 0 .75-.3358.75-.75v-.6923-1.7692c0-1.6881-.727-3.2936-1.9987-4.4674-1.2696-1.172-2.9796-1.8211-4.7513-1.8211h-.6548c.635-.2837 1.2194-.6828 1.7207-1.1841 1.0783-1.07837 1.6841-2.54091 1.6841-4.0659s-.6058-2.98753-1.6841-4.06586c-1.0784-1.07834-2.5409-1.68414-4.0659-1.68414zm-3.0052 2.7448c.79703-.79703 1.878-1.2448 3.0052-1.2448s2.2082.44777 3.0052 1.2448 1.2448 1.87803 1.2448 3.0052-.4478 2.20817-1.2448 3.0052c-.797.797-1.878 1.2448-3.0052 1.2448s-2.20817-.4478-3.0052-1.2448c-.79703-.79703-1.2448-1.87803-1.2448-3.0052s.44777-2.20817 1.2448-3.0052zm-3.72873 11.1785c.98081-.9054 2.32303-1.4233 3.73393-1.4233h6c1.4109 0 2.7531.5179 3.7339 1.4233.9788.9035 1.5161 2.1154 1.5161 3.3652v1.7115h-16.5v-1.7115c0-1.2498.53728-2.4617 1.51607-3.3652z" fill="#15191c" fill-rule="evenodd"/></svg> </span> <div class="tw-relative"> <div class="tw-leading-4.25 tw-text-nowrap"> Min side </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full"></div> </div> </a> </template> <template x-if="!isLoggedIn"> <button class="tw-flex tw-items-center tw-gap-1 tw-group" type="button" id="accountWidget" aria-label="Log ind" title="Log ind" @click='closeMenu;$dispatch("show-modal"); Alpine.store("validateLogin").setSelectedView("login")' > <span class="icon icon-login"> <svg fill="#15191c" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m12 1.25c-1.525 0-2.98753.6058-4.06586 1.68414-1.07834 1.07833-1.68414 2.54087-1.68414 4.06586s.6058 2.98753 1.68414 4.0659c.50129.5013 1.08562.9004 1.72065 1.1841h-.65479c-1.7717 0-3.48172.6491-4.75135 1.8211-1.27165 1.1738-1.99865 2.7793-1.99865 4.4674v1.7692.6923c0 .4142.33579.75.75.75h18c.4142 0 .75-.3358.75-.75v-.6923-1.7692c0-1.6881-.727-3.2936-1.9987-4.4674-1.2696-1.172-2.9796-1.8211-4.7513-1.8211h-.6548c.635-.2837 1.2194-.6828 1.7207-1.1841 1.0783-1.07837 1.6841-2.54091 1.6841-4.0659s-.6058-2.98753-1.6841-4.06586c-1.0784-1.07834-2.5409-1.68414-4.0659-1.68414zm-3.0052 2.7448c.79703-.79703 1.878-1.2448 3.0052-1.2448s2.2082.44777 3.0052 1.2448 1.2448 1.87803 1.2448 3.0052-.4478 2.20817-1.2448 3.0052c-.797.797-1.878 1.2448-3.0052 1.2448s-2.20817-.4478-3.0052-1.2448c-.79703-.79703-1.2448-1.87803-1.2448-3.0052s.44777-2.20817 1.2448-3.0052zm-3.72873 11.1785c.98081-.9054 2.32303-1.4233 3.73393-1.4233h6c1.4109 0 2.7531.5179 3.7339 1.4233.9788.9035 1.5161 2.1154 1.5161 3.3652v1.7115h-16.5v-1.7115c0-1.2498.53728-2.4617 1.51607-3.3652z" fill="#15191c" fill-rule="evenodd"/></svg> </span> <div class="tw-relative"> <div class="tw-leading-4.25 tw-text-nowrap"> Log ind </div> <div class="tw-animated-underline group-hover:tw-animated-underline-active tw-w-full"></div> </div> <div class="tw-hidden modalContent"> <div> <div x-data="{viewSelected: Alpine.store('validateLogin').selectedView}"> <div class="tw-gap-4"> <div class="tw-font-normal tw-text-lg lg:tw-text-2xl tw-uppercase tw-pb-4">Min Side</div> <p class="tw-w-full lg:tw-w-[620px] tw-text-md tw-pb-7.5 tw-min-h-[110px] lg:tw-min-h-[100px]"> <span x-show="viewSelected === 'login'"> På min side finder du ordrestatus og kvitteringer fra tidligere køb. Er du ikke allerede medlem, tager det kun et øjeblik at blive tilmeldt helt gratis.</span> <span x-show="viewSelected === 'register'"> Som medlem af KAUFMANN kundeklub får du tilbud og nyheder på email. Vi opretter en konto til dig, hvor du kan se gemte favoritter, samt se ordrestatus og kvitteringer fra tidligere køb. Du kan altid afmelde dig igen.</span> <span x-show="viewSelected === 'forgot-password'">Indtast din e-mail og få tilsendt et link til at oprette et nyt password.</span> </p> </div> <div class="tw-flex tw-justify-center tw-gap-2 tw-pt-7.5 tw-border-t tw-border-ui-divider" x-show="viewSelected != 'forgot-password'"> <label class="tw-flex tw-items-center tw-justify-center tw-gap-2 tw-cursor-pointer tw-border tw-border-black/30 tw-h-12 tw-w-full lg:tw-w-[220px]" :class="{'!tw-border-black': viewSelected === 'login'}"> <input type="radio" name="account" value="login" @click="viewSelected = event.target.value;" class="tw-min-w-[16px] tw-h-4 tw-w-4 tw-cursor-pointer tw-appearance-none tw-border tw-border-black tw-rounded-full checked:tw-border-black checked:tw-relative checked:after:tw-content-[''] checked:after:tw-absolute checked:after:tw-top-1/2 checked:after:tw-left-1/2 checked:after:tw-w-2 checked:after:tw-h-2 checked:after:tw-rounded-full checked:after:tw-bg-black checked:after:tw--translate-x-1/2 checked:after:tw--translate-y-1/2 tw-align-middle" x-model="viewSelected"> <span class="tw-text-md">Log ind</span> </label> <label class="tw-flex tw-items-center tw-justify-center tw-gap-2 tw-cursor-pointer tw-border tw-border-black/30 tw-h-12 tw-w-full lg:tw-w-[220px]" :class="{'!tw-border-black': viewSelected === 'register'}"> <input type="radio" name="account" value="register" @click="viewSelected = event.target.value;" class="tw-min-w-[16px] tw-h-4 tw-w-4 tw-cursor-pointer tw-appearance-none tw-border tw-border-black tw-rounded-full checked:tw-border-black checked:tw-relative checked:after:tw-content-[''] checked:after:tw-absolute checked:after:tw-top-1/2 checked:after:tw-left-1/2 checked:after:tw-w-2 checked:after:tw-h-2 checked:after:tw-rounded-full checked:after:tw-bg-black checked:after:tw--translate-x-1/2 checked:after:tw--translate-y-1/2 tw-align-middle" x-model="viewSelected"> <span class="tw-text-md">Bliv medlem</span> </label> </div> <template x-if="viewSelected === 'login'"> <div class="tw-pt-6" x-data="accountData"> <div class="tw-flex tw-justify-center"> <div class="tw-w-full"> <form class="login-form" action="/account/login" method="post" data-redirect-to="" id="loginForm" data-error-messages="{"email":{"mustContainAnAtSign":"E-mail mangler et @ - eks. '[email protected]' ","missingDot":"Punktum mangler i e-mail - eks. [email protected]","missingEnding":"Endelsen p\u00e5 e-mail mangler - eks. [email protected]","empty":"Email skal udfyldes","inUse":"Email er allerede i brug"},"zipCode":{"length":"
601Postnummer skal best\u00e5 af 4 tal","empty":"Post nr. skal udfyldes"},"phoneNumber":{"length":"Telefonnummer skal best\u00e5 af 8 tal","empty":"Telefonnummer skal udfyldes"},"street":{"numberMissing":"Indtast addressens nummer","empty":"Adresen skal udfyldes"},"deliveryMethod":{"empty":"V\u00e6lg leveringsform"},"firstName":{"empty":"Indtast fornavn"},"lastName":{"empty":"Indtast efternavn"},"city":{"empty":"Indtast by"},"tos":{"empty":"Accepter handelsbetingelser &amp; privatlivspolitik"},"password":{"empty":"Indtast password","invalid":"Ugyldigt password"},"countryId":{"empty":"V\u00e6lg land"}}" > <input type="hidden" name="redirectTo" value="/account/login"> <input type="hidden" name="redirectParameters" value=""> <div class="tw-flex tw-justify-center tw-flex-col tw-col-span-2"> <div class="md:tw-flex tw-justify-center tw-items-center md:tw-gap-x-2"> <div class="tw-w-full lg:tw-w-[448px] tw-flex tw-gap-x-2 tw-mb-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.login.loginMail}" x-text="Alpine.store('validateInput').errors?.login.loginMail" x-show="Alpine.store('validateInput').errors?.login.loginMail" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 602 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.login.loginMail, 603 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.login.loginMail && !isFocused 604 }" > <input type="email" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 tw-outline-none no-spinner 605 tw-bg-white" id="loginMail" name="username" autocomplete="on" x-init="form.login.loginMail = '';" data-field-error-message="login.loginMail" x-model="form.login.loginMail" x-ref="login.loginMail" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('login.loginMail')" @blur="isFocused = form?.login.loginMail !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('login.loginMail', $el.value, 'da-DK')" > <template x-if="form.login.loginMail?.length !== 0 && !Alpine.store('validateInput').errors?.login.loginMail"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="loginMail" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 606 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.login.loginMail, 607 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.login.loginMail 608 }" > E-mail* </label> </div> </div> </div> </div> <div class="md:tw-flex tw-justify-center tw-items-center md:tw-gap-t-2"> <div class="tw-w-full lg:tw-w-[448px] tw-flex tw-gap-x-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.login.password}" x-text="Alpine.store('validateInput').errors?.login.password" x-show="Alpine.store('validateInput').errors?.login.password" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 609 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.login.password, 610 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.login.password && !isFocused 611 }" > <input type="password" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 t
611w-outline-none no-spinner 612 tw-bg-white" id="loginPassword" name="password" autocomplete="on" x-init="form.login.password = '';" data-field-error-message="login.password" x-model="form.login.password" x-ref="login.password" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('login.password')" @blur="isFocused = form?.login.password !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('login.password', $el.value, 'da-DK')" > <template x-if="form.login.password?.length !== 0 && !Alpine.store('validateInput').errors?.login.password"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="loginPassword" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 613 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.login.password, 614 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.login.password 615 }" > Password* </label> </div> </div> </div> </div> <div class="tw-min-h-[110px] lg:tw-min-h-[100px]"> <div class="tw-flex tw-justify-start lg:tw-justify-center tw-items-center tw-pb-6"> <div class="tw-w-[448px] tw-flex tw-gap-x-2"> <a href="#" class="tw-text-sm lg:tw-font-medium tw-underline tw-pt-4" @click.prevent="Alpine.store('validateLogin').setSelectedView('forgot-password')" > Jeg har glemt mit password </a> </div> </div> <div class="tw-flex tw-justify-start lg:tw-justify-center tw-items-center lg:tw-pb-7.5"> <div class="tw-w-[448px] tw-flex tw-gap-x-2 tw-items-center"> <input type="checkbox" id="ModalRememberMe" name="rememberMe" class="tw-min-w-[16px] tw-h-4 tw-w-4 tw-cursor-pointer tw-appearance-none tw-border tw-border-black tw-rounded-none checked:tw-border-black checked:tw-relative checked:after:tw-content-[''] checked:after:tw-absolute checked:after:tw-top-1/2 checked:after:tw-left-1/2 checked:after:tw-w-2 checked:after:tw-h-2 checked:after:tw-bg-black checked:after:tw--translate-x-1/2 checked:after:tw--translate-y-1/2 tw-align-middle"> <label for="rememberMe" class="tw-text-md"> Husk mig til næste gang </label> </div> </div> </div> </div> <div class="tw-flex tw-justify-center tw-items-center"> <button type="submit" @click.prevent="checkLoginValidity()" class="tw-flex tw-justify-center tw-items-center tw-w-full lg:tw-w-[200px] tw-gap-1.5 tw-py-4 tw-border-[1.5px] tw-bg-black tw-text-sm tw-text-white tw-uppercase"> Log ind</span> <span class="icon icon-arrow-right icon-tw-w-[14px] tw-h-[14px]"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </button> </div> </form> </div> </div> </div> </template> <template x-if="viewSelected === 'register'"> <div class="tw-pt-6" x-data="accountData"> <form class="register-form" action="/account/register" method="post" data-redirect-to="" id="modalRegisterForm" data-error-messages="{"email":{"mustContainAnAtSign":"E-mail mangler et @ - eks. '[email protected]' ","missingDot":"Punktum mangler i e-mail - eks. [email protected]","missingEnding":"Endelsen p\u00e5 e-mail mangler - eks. [email protected]","empty":"Email skal udfyldes","inUse":"Email er allerede i brug"},"zipCode":{"length":"Postnummer skal best\u00e5 af 4 tal","empty":"Post nr. skal udfyldes"},"phoneNumber":{"length":"Telefonnummer skal best\u00e5 af 8 tal","empty":"Telefonnummer skal udfyldes"},"street":{"numberMissing":"Indtast addressens nummer","empty":"Adresen skal udfyldes"},"deliveryMethod":{"empty":"V\u00e6lg leveringsform"},"firstName":{"empty":"Indtast fornavn"},"lastName":{"empty":"Indtast efternavn"},"city":{"empty":"Indtast by"},"tos":{"empty":"Accepter handelsbetingelser &amp; privatlivspolitik"},"password":{"empty":"Indtast password","invalid":"Ugyldigt password"},"countryId":{"empty":"V\u00e6lg land"}}" data-site-key="6LfzKsorAAAAALoeY8dMnWVpkXiAdaZaf4xuK-b4" data-recaptcha-input-name="_grecaptcha_v3" >
615 <input type="hidden" value="0194d0bd307b7bedb60bd734435be3ee" name="billingAddress[salutationId]"> <input type="hidden" value="-" name="billingAddress[street]"> <input type="hidden" value="-" name="billingAddress[city]"> <input type="hidden" value="0000" name="billingAddress[zipcode]"> <input type="hidden" value="1" name="customFields[hasPlaceholderAddress]"> <input type="hidden" value="0194d0bd307b7bedb60bd734435be3ee" name="salutationId"> <input type="hidden" value="f4d11f62703344fba4e4193fb909a35e" name="billingAddress[countryId]"> <input type="hidden" name="createCustomerAccount" value="1"> <input type="hidden" name="errorRoute" value="frontend.home.page"> <input type="hidden" name="errorParameters" value=""> <input type="hidden" name="redirectTo" value="frontend.account.home.page"> <input type="hidden" name="redirectParameters" value=""> <div class="tw-flex tw-justify-center tw-flex-col tw-col-span-2"> <div class="tw-flex tw-justify-center tw-items-center tw-gap-x-2 tw-flex-wrap lg:tw-w-[448px] tw-self-center"> <div class="tw-flex lg:tw-gap-y-2.5 tw-gap-y-2 tw-flex-col tw-col-span-2"> <div class="tw-flex tw-items-end tw-gap-x-2"> <div class="tw-w-full lg:tw-w-[220px] tw-flex tw-gap-x-2 tw-mb-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.register.firstName}" x-text="Alpine.store('validateInput').errors?.register.firstName" x-show="Alpine.store('validateInput').errors?.register.firstName" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 616 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.register.firstName, 617 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.register.firstName && !isFocused 618 }" > <input type="text" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 tw-outline-none no-spinner 619 tw-bg-white" id="registerpersonalFirstName" name="firstName" autocomplete="on" x-init="form.register.firstName = '';" data-field-error-message="register.firstName" x-model="form.register.firstName" x-ref="register.firstName" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('register.firstName')" @blur="isFocused = form?.register.firstName !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('register.firstName', $el.value, 'da-DK')" > <template x-if="form.register.firstName?.length !== 0 && !Alpine.store('validateInput').errors?.register.firstName"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="registerpersonalFirstName" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 620 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.register.firstName, 621 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.register.firstName 622 }" > Fornavn* </label> </div> </div> <input type="hidden" :value="form.register.firstName" name="billingAddress[firstName]"> </div> <div class="tw-w-full lg:tw-w-[220px] tw-flex tw-gap-x-2 tw-mb-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.register.lastName}" x-text="Alpine.store('validateInput').errors?.register.lastName" x-show="Alpine.store('validateInput').errors?.register.lastName" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 623 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.register.lastName, 624 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.register.lastName && !isFocused 625 }" > <input type="text" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 t
625w-outline-none no-spinner 626 tw-bg-white" id="registerpersonalLastName" name="lastName" autocomplete="on" x-init="form.register.lastName = '';" data-field-error-message="register.lastName" x-model="form.register.lastName" x-ref="register.lastName" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('register.lastName')" @blur="isFocused = form?.register.lastName !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('register.lastName', $el.value, 'da-DK')" > <template x-if="form.register.lastName?.length !== 0 && !Alpine.store('validateInput').errors?.register.lastName"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="registerpersonalLastName" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 627 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.register.lastName, 628 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.register.lastName 629 }" > Efternavn* </label> </div> </div> <input type="hidden" :value="form.register.lastName" name="billingAddress[lastName]"> </div> </div> </div> <div class="tw-flex lg:tw-gap-y-2.5 tw-gap-y-2 tw-flex-col tw-col-span-2"> <div class="tw-flex tw-items-end tw-gap-x-2"> <div class="tw-w-full lg:tw-w-[220px] tw-flex tw-gap-x-2 tw-mb-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.register.email}" x-text="Alpine.store('validateInput').errors?.register.email" x-show="Alpine.store('validateInput').errors?.register.email" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 630 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.register.email, 631 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.register.email && !isFocused 632 }" > <input type="email" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 tw-outline-none no-spinner 633 tw-bg-white" id="registerEmail" name="email" autocomplete="on" x-init="form.register.email = '';" data-field-error-message="register.email" x-model="form.register.email" x-ref="register.email" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('register.email')" @blur="isFocused = form?.register.email !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('register.email', $el.value, 'da-DK')" > <template x-if="form.register.email?.length !== 0 && !Alpine.store('validateInput').errors?.register.email"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="registerEmail" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 634 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.register.email, 635 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.register.email 636 }" > E-mail* </label> </div> </div> </div> <div class="tw-w-full lg:tw-w-[220px] tw-flex tw-gap-x-2 tw-mb-2"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.register.password}" x-text="Alpine.store('validateInput').errors?.register.password" x-show="Alpine.store('validateInput').errors?.register.password" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 637 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.register.password, 638 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.register.password && !isFocused 639 }" > <input type="password" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 t
639w-outline-none no-spinner 640 tw-bg-white" id="registerPassword" name="password" autocomplete="on" x-init="form.register.password = '';" data-field-error-message="register.password" x-model="form.register.password" x-ref="register.password" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('register.password')" @blur="isFocused = form?.register.password !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('register.password', $el.value, 'da-DK')" > <template x-if="form.register.password?.length !== 0 && !Alpine.store('validateInput').errors?.register.password"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="registerPassword" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 641 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.register.password, 642 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.register.password 643 }" > Password* </label> </div> </div> </div> </div> </div> </div> <div class="tw-min-h-[106px]"> <div class="tw-flex tw-justify-center tw-items-start md:tw-gap-x-2 lg:tw-pb-7.5 tw-w-full"> <div class="tw-w-full lg:tw-w-[448px] tw-flex tw-gap-x-2 tw-mt-2"> <input type="checkbox" id="tos" name="tos" x-model="form.register.tos" :class="{'tw-text-invalid-red tw-border-invalid-red': errors.register.tos}" class="tw-min-w-[16px] tw-h-4 tw-w-4 tw-cursor-pointer tw-appearance-none tw-border tw-border-black tw-rounded-none checked:tw-border-black checked:tw-relative checked:after:tw-content-[''] checked:after:tw-absolute checked:after:tw-top-1/2 checked:after:tw-left-1/2 checked:after:tw-w-2 checked:after:tw-h-2 checked:after:tw-bg-black checked:after:tw--translate-x-1/2 checked:after:tw--translate-y-1/2 tw-align-middle"> <label :class="{'tw-text-invalid-red tw-border-invalid-red': errors.register.tos}" for="acceptedDataProtection" class="tw-mt-[-3px] tw-text-md"> <strong>Ja tak</strong> - Jeg vil gerne oprette en konto, modtage nyhedsbreve på email, og jeg accepterer <span @click='$dispatch("show-modal",{"id": "01970be3c15f764396ec6440955350fe", "scroll": "true" })' class="tw-underline hover:tw-cursor-pointer">Kundeklubsbetingelserne</span> </label> </div> <input type="hidden" id="acceptedDataProtection" name="acceptedDataProtection" value="1"> </div> </div> </div> <div class="tw-flex tw-justify-center tw-items-center tw-pt-7.5 tw-border-t tw-border-ui-divider"> <button type="submit" @click.prevent="checkRegisterValidity('modalRegisterForm')" class="tw-flex tw-justify-center tw-items-center tw-w-full lg:tw-w-[200px] tw-gap-1.5 tw-py-4 tw-border-[1.5px] tw-bg-black tw-text-sm tw-text-white tw-uppercase"> <span x-text="Alpine.store('validateLogin').selectedView === 'register' ? 'Bliv medlem' : 'Bliv medlem'"></span> <span class="icon icon-arrow-right icon-tw-w-[14px] tw-h-[14px]"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </button> </div> </form> <input type="hidden" value="0194d0bd307b7bedb60bd734435be3ee" name="billingAddress[salutationId]"> <input type="hidden" value="-" name="billingAddress[street]"> <input type="hidden" value="-" name="billingAddress[city]"> <input type="hidden" value="0000" name="billingAddress[zipcode]"> <input type="hidden" value="1" name="customFields[hasPlaceholderAddress]"> <input type="hidden" value="0194d0bd307b7bedb60bd734435be3ee" name="salutationId"> <input type="hidden" value="f4d11f62703344fba4e4193fb909a35e" name="billingAddress[countryId]"> <input type="hidden" name="createCustomerAccount" value="1"> <input type="hidden" name="errorRoute" value="frontend.home.page"> <input type="hidden" name="errorParameters" value=""> <input type="hidden" name="redirectTo" value="frontend.account.home.page"> <input type="hidden" name="redirectParameters" value=""> </div> </template> <template x-if="viewSelected === 'forgot-password'"> <div class="tw-pt-6" x-data="accountData"> <div class="tw-w-full -tw-mt-20" x-data="{ 644 status: '', 645 loading: false 646 }"> <form id="forgotPasswordForm" class="tw-w-full tw-mx-auto tw-py-8" data-error-messages="{"email":{"mustContainAnAtSign":"E-mail mangler et @ - eks. '[email protected]' ","missingDot":"Punktum mangler i e-mail - eks. [email protected]","missingEnding":"Endelsen p\u00e5 e-mail mangler - eks. [email protected]","empty":"Email skal udfyldes","inUse":"Email er allerede i brug"},"zipCode":{"length":"
646Postnummer skal best\u00e5 af 4 tal","empty":"Post nr. skal udfyldes"},"phoneNumber":{"length":"Telefonnummer skal best\u00e5 af 8 tal","empty":"Telefonnummer skal udfyldes"},"street":{"numberMissing":"Indtast addressens nummer","empty":"Adresen skal udfyldes"},"deliveryMethod":{"empty":"V\u00e6lg leveringsform"},"firstName":{"empty":"Indtast fornavn"},"lastName":{"empty":"Indtast efternavn"},"city":{"empty":"Indtast by"},"tos":{"empty":"Accepter handelsbetingelser &amp; privatlivspolitik"},"password":{"empty":"Indtast password","invalid":"Ugyldigt password"},"countryId":{"empty":"V\u00e6lg land"}}" > <div class="tw-mb-4"> <div x-data="{ isFocused: false }" class="tw-leading-4 md:tw-w-1/2 tw-text-md tw-w-full md:tw-w-full tw-relative"> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.forgotPassword.email}" x-text="Alpine.store('validateInput').errors?.forgotPassword.email" x-show="Alpine.store('validateInput').errors?.forgotPassword.email" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"></span> <div class="tw-form-field tw-border-1.5 tw-relative tw-text-black" :class="{ 647 'tw-bg-invalid-red-bg tw-border-invalid-red': Alpine.store('validateInput').errors?.forgotPassword.email, 648 'tw-border-[rgba(21,25,28,0.30)] !tw-border': !Alpine.store('validateInput').errors?.forgotPassword.email && !isFocused 649 }" > <input type="email" class="tw-peer tw-w-full tw-h-12 tw-text-black tw-font-medium tw-leading-6 tw-border-none tw-px-4 tw-pt-3.5 tw-outline-none no-spinner 650 tw-bg-white" id="forgotPasswordEmail" name="email" autocomplete="on" x-init="form.forgotPassword.email = '';" data-field-error-message="forgotPassword.email" x-model="form.forgotPassword.email" x-ref="forgotPassword.email" @focus="isFocused = true" @input="Alpine.store('validateInput').clearFieldError('forgotPassword.email')" @blur="isFocused = form?.forgotPassword.email !== '' ? true : false; Alpine.store('validateInput').validateFieldOnBlur('forgotPassword.email', $el.value, 'da-DK')" > <template x-if="form.forgotPassword.email?.length !== 0 && !Alpine.store('validateInput').errors?.forgotPassword.email"> <div class="tw-absolute tw-right-3 tw-top-4 tw-w-4 tw-h-4"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke="#32BE78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </template> <label for="forgotPasswordEmail" class="tw-pointer-events-none tw-text-gray-500 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 651 'tw-font-normal tw-leading-3 tw-top-1 tw-text-ui-text-grey tw-text-2xs': isFocused || form.forgotPassword.email, 652 'tw-top-4 tw-text-gray-500 tw-text-md': !isFocused && !form.forgotPassword.email 653 }" > E-mail* </label> </div> </div> </div> <div class="tw-flex tw-justify-between tw-items-center"> <button type="submit" :disabled="loading" @click.prevent="async () => { loading = true; status = await checkForgotPasswordValidity(); loading = false }" class="tw-bg-black tw-text-white tw-py-2 tw-px-4 tw-text-sm tw-uppercase"> <span x-show="!loading">Modtag link</span> <span x-show="loading">Vent venligst..</span> </button> <a href="#" @click.prevent="Alpine.store('validateLogin').setSelectedView('login')" class="tw-text-sm tw-underline"> Tilbage til login </a> </div> </form> <template x-if="status === 'success'"> <span class="tw-text-sm tw-text-success"> Hvis den angivne e-mail-adresse er registreret, er der sendt en bekræftelses-e-mail med et link til nulstilling af adgangskode.</sp
653an> </template> <template x-if="status === 'error'"> <span class="tw-text-sm tw-text-danger">Beklager, noget gik galt.</span> </template> </div> </div> </template> </div> </div> </div> </button> </template> </div> </div> <button class="tw-mr-4 tw-h-6" @click="closeMenu"> <span class="icon icon-x icon-lg tw-text-black"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m18 6-12 12"/><path d="m6 6 12 12"/></g></svg> </span> </button> </div> </div> <div class="tw-text-black tw-relative tw-overflow-auto"> <a href="https://www.kaufmann.dk/" itemprop="url"> <div class="tw-h-12 tw-px-5 tw-py-3.75 tw-font-light tw-text-sm tw-leading-3.5"> <span itemprop="name">Forside</span> </div> </a> <div class="tw-h-[calc(100vh-6.5rem)] tw-overflow-hidden"> <div class="tw-h-full tw-overflow-y-scroll tw-pb-32"> <ul class="tw-bg-white tw-flex tw-flex-col tw-gap-1"> <li class="tw-flex tw-items-center tw-justify-between 654 tw-bg-grey-300 655 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('01908295796c71958b4e1161754a3986')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-16 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/toej') && 'tw-font-semibold']" href="https://www.kaufmann.dk/toej" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/toej') : 'https://www.kaufmann.dk/toej'" @click.prevent="gotoMenu('01908295796c71958b4e1161754a3986')" itemprop="url" title="Tøj"> <span itemprop="name" class="">Tøj</span> </a> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/a3/g0/64/1788253454/k_mobil.menu_tj_fw26.png" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/a3/g0/64/1788253454/k_mobil.menu_tj_fw26.png 801w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/a3/g0/64/1788253454/k_mobil.menu_tj_fw26.png 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/a3/g0/64/1788253454/k_mobil.menu_tj_fw26.png 392w" data-sizes="auto" data-aspectratio="2.8" class="frosh-proc lazyload tw-w-32 tw-h-16 tw-object-contain" alt="Efterårstøj" title="Efterårstøj" style="aspect-ratio:2.8;" /> </li> <li class="tw-flex tw-items-center tw-justify-between 656 tw-bg-grey-300 657 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('019082958d0c736bb1f3bf2561a296e5')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-16 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/sko') && 'tw-font-semibold']" href="https://www.kaufmann.dk/sko" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/sko') : 'https://www.kaufmann.dk/sko'" @click.prevent="gotoMenu('019082958d0c736bb1f3bf2561a296e5')" itemprop="url" title="Sko & Sneakers"> <span itemprop="name" class="">Sko & Sneakers</span> </a> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/16/3a/24/1788253454/k_mobil.menu_sko_fw26.png" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/16/3a/24/1788253454/k_mobil.menu_sko_fw26.png 801w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/16/3a/24/1788253454/k_mobil.menu_sko_fw26.png 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/16/3a/24/1788253454/k_mobil.menu_sko_fw26.png 392w" data-sizes="auto" data-aspectratio="2.8" class="frosh-proc lazyload tw-w-32 tw-h-16 tw-object-contain" alt="Sko & Sneakers" title="Sko & Sneakers" style="aspect-ratio:2.8;" /> </li> <li class="tw-flex tw-items-center tw-justify-between 658 tw-bg-grey-300 659 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('01908295a4d77238b17248e05324b505')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-16 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/accessories') && 'tw-font-semibold']" href="https://www.kaufmann.dk/accessories" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/accessories') : 'https://www.kaufmann.dk/accessories'" @click.prevent="gotoMenu('01908295a4d77238b17248e05324b505')" itemprop="url" title="Accessories"> <span itemprop="name" class="">Accessories</span> </a> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/e7/1a/86/1788253454/k_mobil.menu_Acce
659ssories_fw26.png" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/e7/1a/86/1788253454/k_mobil.menu_Accessories_fw26.png 801w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/e7/1a/86/1788253454/k_mobil.menu_Accessories_fw26.png 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/e7/1a/86/1788253454/k_mobil.menu_Accessories_fw26.png 392w" data-sizes="auto" data-aspectratio="2.8" class="frosh-proc lazyload tw-w-32 tw-h-16 tw-object-contain" alt="Accessories" title="Accessories" style="aspect-ratio:2.8;" /> </li> <li class="tw-flex tw-items-center tw-justify-between 660 tw-bg-grey-300 661 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('01908295b67a7157bef71b9465f37b83')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-16 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/new-arrivals') && 'tw-font-semibold']" href="https://www.kaufmann.dk/new-arrivals" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/new-arrivals') : 'https://www.kaufmann.dk/new-arrivals'" @click.prevent="gotoMenu('01908295b67a7157bef71b9465f37b83')" itemprop="url" title="New Arrivals"> <span itemprop="name" class="">New Arrivals</span> </a> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/cd/8f/06/1788253454/k_mobil.menu_New-Arrivals_fw26.png" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/cd/8f/06/1788253454/k_mobil.menu_New-Arrivals_fw26.png 801w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/cd/8f/06/1788253454/k_mobil.menu_New-Arrivals_fw26.png 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/cd/8f/06/1788253454/k_mobil.menu_New-Arrivals_fw26.png 392w" data-sizes="auto" data-aspectratio="2.8" class="frosh-proc lazyload tw-w-32 tw-h-16 tw-object-contain" alt="New Arrivals" title="New Arrivals" style="aspect-ratio:2.8;" /> </li> <li class="tw-flex tw-items-center tw-justify-between 662 tw-bg-grey-300 663 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('01908295cb98789a967d003f2ca27cfc')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-16 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/brands') && 'tw-font-semibold']" href="https://www.kaufmann.dk/brands" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/brands') : 'https://www.kaufmann.dk/brands'" @click.prevent="gotoMenu('01908295cb98789a967d003f2ca27cfc')" itemprop="url" title="Brands"> <span itemprop="name" class="">Brands</span> </a> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/31/49/dc/1788253454/k_mobil-menu_brand-gif_fw26.gif" class="frosh-proc lazyload tw-w-32 tw-h-16 tw-object-contain" alt="Brands" title="Brands" style="aspect-ratio:2.8;" /> </li> <li class="tw-flex tw-items-center tw-justify-between 664 tw-bg-grey-300 665 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('01908295d2b17f8db348ee9a5149ba2e')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-16 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/mest-populaere') && 'tw-font-semibold']" href="https://www.kaufmann.dk/mest-populaere" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/mest-populaere') : 'https://www.kaufmann.dk/mest-populaere'" @click.prevent="gotoMenu('01908295d2b17f8db348ee9a5149ba2e')" itemprop="url" title="Mest populære"> <span itemprop="name" class="">Mest populære</span> </a> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/72/b4/83/1788253454/k_mobil.menu_Mest-Populre_fw26.png" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/72/b4/83/1788253454/k_mobil.menu_Mest-Populre_fw26.png 801w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/72/b4/83/1788253454/k_mobil.menu_Mest-Populre_fw26.png 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/72/b4/83/1788253454/k_mobil.menu_Mest-Populre_fw26.png 392w" data-sizes="auto" data-aspectratio="2.8" class="frosh-proc lazyload tw-w-32 tw-h-16 tw-object-contain" alt="Mest Populære" title="Mest Populære" style="aspect-ratio:2.8;" /> </li> <li class="tw-flex tw-items-center tw-justify-between 666 tw-bg-grey-300 667 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('01908295ed3575eb83ab28841867094d')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-16 tw-text-lg tw-font-medium tw-leading-6" style="color: #ff0000;" :class="[isActiveLink('https://www.kaufmann.dk/outlet') && 'tw-font-semibold']" href="https://www.kaufmann.dk/outlet" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/outlet') : 'https://www.kaufmann.dk/outlet'" @click.prevent="gotoMenu('01908295ed3575eb83ab28841867094d')" itemprop="url" title="Online Outlet"> <span itemprop="name" class="">Online Outlet</span> </a> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/45/b8/4a/1786952830/K_OUTLET_FW26_web_mobil-menu_840x300.png" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/45/b8/4a/1786952830/K_OUTLET_FW26_web_mobil-menu_840x300.png 801w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/45/b8/4a/1786952830/K_OUTLET_FW26_web_mobil-menu_840x300.png 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/45/b8/4a/1786952830/K_OUTLET_FW26_web_mobil-menu_840x300.png 392w" data-sizes="auto" data-aspectratio="2.8" class="frosh-proc lazyload tw-w-32 tw-h-16 tw-object-contain" alt="Outlet" title="Outlet" style="aspect-ratio:2.8;" /> </li> </ul> <ul class="tw-flex tw-flex-col tw-gap-2 tw-mt-6"> <li class="tw-flex tw-items-center tw-justify-between 668 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('01944584732474a9aedf790c33067a06')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-6 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/kun
668deservice') && 'tw-font-semibold']" href="https://www.kaufmann.dk/kundeservice" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/kundeservice') : 'https://www.kaufmann.dk/kundeservice'" @click.prevent="gotoMenu('01944584732474a9aedf790c33067a06')" itemprop="url" title="Hjælp og kontakt"> <span itemprop="name" >Hjælp og kontakt</span> </a> </li> <li class="tw-flex tw-items-center tw-justify-between 669 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('019d9a022df27d518c44c247b09167f3')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-6 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/toej/jakkesaet/made-to-measure/') && 'tw-font-semibold']" href="https://www.kaufmann.dk/toej/jakkesaet/made-to-measure/" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/toej/jakkesaet/made-to-measure/') : 'https://www.kaufmann.dk/toej/jakkesaet/made-to-measure/'" itemprop="url" title="Made to measure"> <span itemprop="name" >Made to measure</span> </a> </li> <li class="tw-flex tw-items-center tw-justify-between 670 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('01958fa106337c908f4343323f9c40b2')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-6 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/om-kaufmann') && 'tw-font-semibold']" href="https://www.kaufmann.dk/om-kaufmann" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/om-kaufmann') : 'https://www.kaufmann.dk/om-kaufmann'" @click.prevent="gotoMenu('01958fa106337c908f4343323f9c40b2')" itemprop="url" title="Om KAUFMANN"> <span itemprop="name" >Om KAUFMANN</span> </a> </li> <li class="tw-flex tw-items-center tw-justify-between 671 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('01908295e2167028b0340f8e9db948b6')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-6 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/the-journal') && 'tw-font-semibold']" href="https://www.kaufmann.dk/the-journal" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/the-journal') : 'https://www.kaufmann.dk/the-journal'" @click.prevent="gotoMenu('01908295e2167028b0340f8e9db948b6')" itemprop="url" title="The Journal"> <span itemprop="name" >
671The Journal</span> </a> </li> <li class="tw-flex tw-items-center tw-justify-between 672 " x-show="shouldHideCategories === false || categoryUuidsToDisplay.includes('0192af5cc0137a3894b12f25520046b0')" > <a class="tw-flex tw-items-center tw-justify-between tw-px-5 tw-w-full tw-h-6 tw-text-lg tw-font-medium tw-leading-6" :class="[isActiveLink('https://www.kaufmann.dk/trends') && 'tw-font-semibold']" href="https://www.kaufmann.dk/trends" :href="isOnOriginalStartPage ? $store.urlParamStore.addCurrentSearchFilterQueryToUrl('https://www.kaufmann.dk/trends') : 'https://www.kaufmann.dk/trends'" @click.prevent="gotoMenu('0192af5cc0137a3894b12f25520046b0')" itemprop="url" title="Trends"> <span itemprop="name" >Trends</span> </a> </li> </ul> <div class="tw-px-5 tw-mt-8 tw-flex tw-flex-col tw-gap-3 tw-text-black tw-text-md tw-leading-3.75"> <a href="/butikker"> Find butik </a> <a href="/kundeservice"> Hjælp? </a> <a href="https://www.kaufmann-business.dk"> Business </a> </div> </div> </div> </div> </div> <div id="mobileNavigationCategories"> </div> </div> <main class=" "> <div data-relewise-tracking data-relewise-tracking-options="{"trackingUrl":"https://www.kaufmann.dk/\/relewise\/track\/category-view","navigationId":"9760a2f3aeb94cd8ae7b29a0d908a129","cmsType":"page"}"> </div> <div class="cms-page"> <div class="cms-sections"> <div class="cms-section hidden-mobile pos-0 cms-section-default" style=""> <div class="tw-max-w-screen-3xl tw-w-full tw-mx-auto"> <div class="hidden-mobile pos-0 cms-block-image-text-slider" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="tw-grow cms-image-text-slider" data-cms-element-id="01a03dcc905e72ffac833eafa7847f51"> <div x-data="{ 673 slides: [ 674 { 675 mediaUrl: 'https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/ac/05/ac/1787742821/K_web_hero_1680x660_PJS_u36.jpg', 676 mediaAlt: 'Parajumpers', 677 mobileMediaUrl: '', 678 mobileMediaAlt: '', 679 slideItemSettingsUrl: 'https://www.kaufmann.dk/brands/parajumpers', 680 slideItemSettingsContentText: "<p class=\"tw-fontSize-sm\">Fall '26 nyheder<br><\/p><h2>PARAJUMPERS<\/h2><p>Se de eksklusive nyheder fra det popul\u00e6re brand<br><\/p> ", 681 slideItemSettingsTwoColumns: false, 682 slideItemSettingsReverseColumns: false, 683 slideItemSettingsTextColor: '#000000', 684 slideItemSettingsBackgroundColor: '#000000', 685 slideItemSettingsButtonText: 'Shop her', 686 slideItemSettingsButtonStyle: 'transparent', 687 slideItemSettingsVerticalAlign: 'center', 688 slideItemSettingsHorizontalAlign: 'flex-start' 689 }, 690 ], 691 isMobile: window.matchMedia('(max-width: 768px)').matches, 692 currentSlideIndex: 1, 693 slidesLength: 1, 694 isDragging: false, 695 startX: 0, 696 startY: 0, 697 currentX: 0, 698 currentY: 0, 699 dragThreshold: 50, 700 isHorizontalDrag: false, 701 702 previous() { 703 if (this.currentSlideIndex > 1) { 704 this.currentSlideIndex = this.currentSlideIndex - 1 705 } else { 706 // If it's the first slide, go to the last slide 707 this.currentSlideIndex = this.slidesLength 708 } 709 }, 710 next() { 711 if (this.currentSlideIndex < this.slidesLength) { 712 this.currentSlideIndex = this.currentSlideIndex + 1 713 } else { 714 // If it's the last slide, go to the first slide 715 this.currentSlideIndex = 1 716 } 717 }, 718 719 handleDragStart(e) { 720 if (this.slidesLength <= 1) return; 721 this.isDragging = true; 722 this.startX = e.touches[0].clientX; 723 this.startY = e.touches[0].clientY; 724 this.currentX = this.startX; 725 this.currentY = this.startY; 726 this.isHorizontalDrag = false;
727 }, 728 729 handleDragMove(e) { 730 if (!this.isDragging || this.slidesLength <= 1) return; 731 732 this.currentX = e.touches[0].clientX; 733 this.currentY = e.touches[0].clientY; 734 735 const deltaX = Math.abs(this.currentX - this.startX); 736 const deltaY = Math.abs(this.currentY - this.startY); 737 738 if (deltaX > 10 || deltaY > 10) { 739 this.isHorizontalDrag = deltaX > deltaY; 740 } 741 742 if (this.isHorizontalDrag) { 743 e.preventDefault(); 744 } 745 }, 746 747 handleDragEnd() { 748 if (!this.isDragging || this.slidesLength <= 1) return; 749 this.isDragging = false; 750 751 if (this.isHorizontalDrag) { 752 const deltaX = this.currentX - this.startX; 753 754 if (Math.abs(deltaX) > this.dragThreshold) { 755 if (deltaX > 0) { 756 this.previous(); 757 } else { 758 this.next(); 759 } 760 } 761 } 762 763 this.startX = 0; 764 this.startY = 0; 765 this.currentX = 0; 766 this.currentY = 0; 767 this.isHorizontalDrag = false; 768 }, 769 }" class="tw-relative tw-w-full tw-min-h-[500px] tw-h-full md:tw-min-h-[660px]" @touchstart="handleDragStart($event)" @touchmove="handleDragMove($event)" @touchend="handleDragEnd()"> <template x-if="slidesLength > 1"> <div class="tw-group"> <button class="tw-text-white tw-rounded-full group-hover:tw-bg-white group-hover:tw-transition group-hover:tw-duration-700 group-hover:tw-ease-in-out tw-border-1.5 tw-border-white tw-size-[38px] md:tw-size-12 tw-left-2 md:tw-left-10 tw-top-[211px] md:tw-top-[305px] tw-absolute tw-z-10 tw-group" aria-label="Forrige" @click="previous()"> <span class="tw-top-[6px] md:tw-top-[11px] tw-right-[6px] md:tw-right-[11px] tw-absolute"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_3430_3041)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.46967 12.5303C4.46914 12.5298 4.46861 12.5293 4.46808 12.5287C4.39696 12.4572 4.34324 12.3749 4.30691 12.2871C4.27253 12.2042 4.25259 12.1138 4.25023 12.019C4.25008 12.0127 4.25 12.0064 4.25 12C4.25 11.8983 4.27024 11.8013 4.30691 11.7129C4.34324 11.6251 4.39696 11.5428 4.46808 11.4713C4.46861 11.4707 4.46914 11.4702 4.46967 11.4697L4.47126 11.4681L10.4697 5.46967C10.7626 5.17678 11.2374 5.17678 11.5303 5.46967C11.8232 5.76256 11.8232 6.23744 11.5303 6.53033L6.81066 11.25L19 11.25C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75L6.81066 12.75L11.5303 17.4697C11.8232 17.7626 11.8232 18.2374 11.5303 18.5303C11.2374 18.8232 10.7626 18.8232 10.4697 18.5303L4.46997 12.5306C4.46987 12.5305 4.46977 12.5304 4.46967 12.5303Z" fill="white" class="group-hover:tw-fill-black group-hover:tw-transition group-hover:tw-duration-700 group-hover:tw-ease-in-out"/> </g> <defs> <clipPath id="clip0_3430_3041"> <rect width="24" height="24" fill="white" transform="matrix(-1 0 0 -1 24 24)"/> </clipPath> </defs> </svg> </span> </button> </div> </template> <template x-if="slidesLength > 1"> <div class="tw-group"> <button class="tw-text-white tw-rounded-full group-hover:tw-bg-white group-hover:tw-transition group-hover:tw-duration-700 group-hover:tw-ease-in-out tw-border-1.5 tw-border-white tw-size-[38px] md:tw-size-12 tw-right-2 md:tw-right-10 tw-top-[211px] md:tw-top-[305px] tw-z-10 tw-absolute" aria-label="Næste" @click="next()"> <span class="tw-top-[6px] tw-left-[6px] md:tw-top-[11px] md:tw-left-[11px] tw-absolute"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_3430_3033)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5303 11.4697C19.5309 11.4702 19.5314 11.4707 19.5319 11.4713C19.603 11.5428 19.6568 11.6251 19.6931 11.7129C19.7275 11.7958 19.7474 11.8862 19.7498 11.981C19.7499 11.9873 19.75 11.9936 19.75 12C19.75 12.1017 19.7298 12.1987 19.6931 12.2871C19.6568 12.3749 19.603 12.4572 19.5319 12.5287C19.5314 12.5293 19.5309 12.5298 19.5303 12.5303L19.5287 12.5319L13.5303 18.5303C13.2374 18.8232 12.7626 18.8232 12.4697 18.5303C12.1768 18.2374 12.1768 17.7626 12.4697 17.4697L17.1893 12.75H5C4.58579 12.75 4.25 12.4142 4.25 12C4.25 11.5858 4.58579 11.25 5 11.25H17.1893L12.4697 6.53033C12.1768 6.23744 12.1768 5.76256 12.4697 5.46967C12.7626 5.17678 13.2374 5.17678 13.5303 5.46967L19.53 11.4694C19.5301 11.4695 19.5302 11.4696 19.5303 11.4697Z" fill="white" class="group-hover:tw-fill-black group-hover:tw-transition group-hover:tw-duration-700 group-hover:tw-ease-in-out"/> </g> <defs> <clipPath id="clip0_3430_3033"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </button> </div> </template> <!-- slides --> <template x-for="(slide, index) in slides"> <div x-cloak x-show="currentSlideIndex == index + 1" class="tw-relative tw-inset-0 tw-min-h-[500px] tw-h-full md:tw-min-h-[660px]"> <!-- Two grid --> <template x-if="slide.slideItemSettingsTwoColumns == true">
769 <div class="tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-min-h-[500px] sm:tw-min-h-[660px]" :class="{'sm:tw-min-h-[500px] tw-min-h-[660px]': slidesLength === 1}" > <div :class="{ 770 'md:!tw-order-1': slide.slideItemSettingsReverseColumns === false, 771 'md:!tw-order-0': slide.slideItemSettingsReverseColumns === true 772 }" class="tw-order-1" :style="{background: slide.slideItemSettingsBackgroundColor}" > <a class="md:tw-ps-20 tw-flex tw-h-full tw-items-center tw-justify-center tw-relative tw-no-underline hover:tw-no-underline md:tw-py-20 tw-inset-0 flex-col tw-gap-2 tw-px-2.5 md:tw-px-16 tw-py-12" :href="slide.slideItemSettingsUrl" :class="{ 773 'tw-items-center': slide.slideItemSettingsVerticalAlign === 'center', 774 'tw-items-start': slide.slideItemSettingsVerticalAlign === 'flex-start', 775 'tw-items-end': slide.slideItemSettingsVerticalAlign === 'flex-end', 776 'tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 777 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 778 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 779 'lg:tw-ps-[120px]': slide.slideItemSettingsHorizontalAlign !== 'flex-start' && slidesLength > 1 780 }" > <div class="tw-flex-1 tw-h-full tw-flex " :style="{borderColor: slide.slideItemSettingsTextColor, color: slide.slideItemSettingsTextColor}" :id="'slide' + (index + 1) + 'contentText'" :class="{ 781 'tw-items-center': slide.slideItemSettingsVerticalAlign === 'center', 782 'tw-items-start': slide.slideItemSettingsVerticalAlign === 'flex-start', 783 'tw-items-end': slide.slideItemSettingsVerticalAlign === 'flex-end', 784 'tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 785 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 786 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 787 }"> <template x-if="slidesLength > 1"> <div class="tw-flex tw-flex-col tw-gap-5" :class="{ 788 'tw-justify-center tw-text-center': slide.slideItemSettingsHorizontalAlign === 'center', 789 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 790 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 791 'tw-justify-center tw-text-center': window.innerWidth <= '768' 792 }"> <div :class="{'tw-justify-center tw-text-center': slide.slideItemSettingsHorizontalAlign === 'center'}" x-html="slide.slideItemSettingsContentText" x-show="slide.slideItemSettingsContentText"></div> <template x-if="slide.slideItemSettingsButtonText?.length > 0"> <div class="tw-flex" :class="{ 793 'lg:tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 794 'tw-justify-center tw-text-center': window.innerWidth <= '768', 795 'tw-items-center': window.innerWidth <= '768 && slidesLength > 1' 796 }"> <div class="tw-group" :style="{borderColor: slide.slideItemSettingsTextColor, color: slide.slideItemSettingsTextColor}" > <span class="tw-flex tw-gap-2 tw-items-center tw-uppercase tw-justify-center tw-h-12 tw-transition-translate tw-duration-700 tw-ease-in-out tw-border-1.5 tw-z-20 tw-py-4 tw-px-7 tw-text-center" :class="{ 797 'tw-bg-transparent group-hover:tw-bg-white group-hover:tw-border-white hover:!tw-text-black': slide.slideItemSettingsButtonStyle == 'transparent', 798 'tw-bg-white !tw-text-black group-hover:tw-opacity-90 tw-border-white': slide.slideItemSettingsButtonStyle == 'white', 799 'tw-bg-outlet-red group-hover:tw-opacity-90 tw-border-outlet-red': slide.slideItemSettingsButtonStyle == 'red' 800 }" > <div x-text="slide.slideItemSettingsButtonText" class="tw-font-medium tw-leading-4 tw-text-sm tw-pt-px" x-show="slide.slideItemSettingsButtonText"></div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 801 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </div> </template> </div> </template> <template x-if="slidesLength == 1"> <div class="tw-flex tw-flex-col tw-gap-5 tw-max-w-[380px]" :class="{ 802 'tw-justify-center tw-text-center': slide.slideItemSettingsHorizontalAlign === 'center', 803 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 804 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 805 }"> <div class="tw-gap-y-6 slider-cms-text tw-grid md:gap-y-8" :class="{'tw-justify-center tw-text-center': slide.slideItemSettingsHorizontalAlign === 'center'}" x-html="slide.slideItemSettingsContentText" x-show="slide.slideItemSettingsContentText"></div> <template x-if="slide.slideItemSettingsButtonText?.length > 0"> <div class="tw-flex" :class="{ 806 'lg:tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 807 }"> <div class="tw-group tw-w-full md:tw-w-auto" :style="{borderColor: slide.slideItemSettingsTextColor, color: slide.slideItemSettingsTextColor}" > <span class="tw-flex tw-gap-2 tw-items-center tw-uppercase tw-justify-center tw-h-12 tw-transition-translate tw-duration-700 tw-ease-in-out group-hover:tw-bg-white tw-border-1.5 hover:!tw-text-black tw-z-20 tw-bg-transparent tw-py-4 tw-px-7 tw-text-center"> <div x-text="slide.slideItemSettingsButtonText" class="tw-font-medium tw-leading-4 tw-text-sm" x-show="slide.slideItemSettingsButtonText"></div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 808 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </div> </template> </div> </template> </div> </a> </div> <div class="img-wrapper" :class="{ 809 'md:!tw-order-0': slide.slideItemSettingsReverseColumns === false, 810 'md:!tw-order-1': slide.slideItemSettingsReverseColumns === true 811 }"> <div class="tw-h-full tw-min-h-[350px]" :class="{ 812 'tw-bg-cover tw-bg-no-repeat tw-bg-center': slide.mediaUrl !== '' && slide.mediaUrl, 813 }" :style="{ backgroundImage: `url(${isMobile && slide.mobileMediaUrl ? slide.mobileMediaUrl : slide.mediaUrl })` }"> </div> </div> </div> </template> <!-- Single Grid --> <template x-if="slide.slideItemSettingsTwoColumns == false">
813 <div class="tw-grid tw-grid-cols-1 tw-w-full tw-min-h-[500px] md:tw-min-h-[660px]"> <a :href="slide.slideItemSettingsUrl" class="tw-no-underline hover:tw-no-underline le tw-inset-0 flex-col tw-gap-2" :class="{ 814 'tw-items-center': slide.slideItemSettingsVerticalAlign === 'center', 815 'tw-items-start': slide.slideItemSettingsVerticalAlign === 'flex-start', 816 'tw-items-end': slide.slideItemSettingsVerticalAlign === 'flex-end', 817 'tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 818 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 819 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 820 'tw-bg-cover tw-bg-no-repeat tw-bg-center': slide.mediaUrl !== '' && slide.mediaUrl 821 }" :style="{ backgroundImage: `url(${isMobile && slide.mobileMediaUrl ? slide.mobileMediaUrl : slide.mediaUrl })` }"> <div class="tw-flex lg:tw-py-20 tw-absolute tw-inset-0 tw-z-1 tw-px-2.5 md:tw-px-16 tw-py-12 " :class="{ 822 'tw-items-center tw-text-center': slide.slideItemSettingsHorizontalAlign === 'center', 823 'lg:tw-ps-[160px]': slide.slideItemSettingsHorizontalAlign !== 'center' 824 }"> <div class="tw-flex-1 tw-h-full tw-flex tw-justify-center" :style="{borderColor: slide.slideItemSettingsTextColor, color: slide.slideItemSettingsTextColor}" :id="'slide' + (index + 1) + 'contentText'" :class="{ 825 'tw-items-center': slide.slideItemSettingsVerticalAlign === 'center', 826 'tw-items-start': slide.slideItemSettingsVerticalAlign === 'flex-start', 827 'tw-items-end': slide.slideItemSettingsVerticalAlign === 'flex-end', 828 'md:tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 829 'md:tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end' 830 }"> <div class="tw-flex tw-flex-col tw-gap-5" :class="{ 831 'tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 832 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 833 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 834 '!tw-items-center': window.innerWidth <= '768' 835 }"> <div x-html="slide.slideItemSettingsContentText" x-show="slide.slideItemSettingsContentText" :class="{'tw-text-center': window.innerWidth <= '768'}"></div> <template x-if="slide.slideItemSettingsButtonText?.length > 0"> <div class="tw-flex" :class="{'tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center'}"> <div class="tw-group" :style="{borderColor: slide.slideItemSettingsTextColor, color: slide.slideItemSettingsTextColor}" > <span class="tw-flex tw-gap-2 tw-items-center tw-uppercase tw-justify-center tw-h-12 tw-transition-translate tw-duration-700 tw-ease-in-out tw-border-1.5 tw-z-20 tw-py-4 tw-px-7 tw-text-center" :class="{ 836 'tw-bg-transparent group-hover:tw-bg-white group-hover:tw-border-white hover:!tw-text-black': slide.slideItemSettingsButtonStyle == 'transparent', 837 'tw-bg-white tw-text-black group-hover:tw-opacity-90 tw-border-white': slide.slideItemSettingsButtonStyle == 'white', 838 'tw-bg-outlet-red group-hover:tw-opacity-90 tw-border-outlet-red': slide.slideItemSettingsButtonStyle == 'red' 839 }" > <div x-text="slide.slideItemSettingsButtonText" class="tw-font-medium tw-leading-4 tw-text-sm" x-show="slide.slideItemSettingsButtonText"></div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 840 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </div> </template> </div> </div> </div> </a> </div> </template> </div> </template> <!-- indicators --> <template x-if="slidesLength > 1"> <div class="tw-absolute tw-flex tw-bottom-3 tw-md:bottom-10 tw-w-full tw-z-20 tw-justify-center tw-gap-1 tw-py-1" role="group" aria-label="slides"> <template x-for="(slide, index) in slides"> <button class="tw-h-[2px] tw-cursor-pointe tw-transition tw-w-[27px] lg:tw-w-11 tw-bg-white" x-on:click="currentSlideIndex = index + 1" :class="[currentSlideIndex === index + 1 ? 'tw-opacity-100' : 'tw-opacity-50']" :aria-label="'slide ' + (index + 1)"></button> </template> </div> </template> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section hidden-desktop hidden-tablet pos-1 cms-section-default" style=""> <div class="tw-max-w-screen-3xl md:tw-px-10 tw-mx-auto tw-w-full"> <div class="hidden-desktop hidden-tablet pos-0 cms-block-image-text-slider" style=""> <div style="padding: 0 0 20px 0;"> <div class="tw-flex tw-flex-wrap "> <div class="tw-grow cms-image-text-slider" data-cms-element-id="01a03dcc905e72ffac833eafa9b059bd"> <div x-data="{ 841 slides: [ 842 { 843 mediaUrl: 'https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/48/f5/7c/1787742821/K_
843web_mobilhero_1290x1730_PJS_u36.jpg', 844 mediaAlt: 'Parajumpers', 845 mobileMediaUrl: 'https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/48/f5/7c/1787742821/K_web_mobilhero_1290x1730_PJS_u36.jpg', 846 mobileMediaAlt: 'Parajumpers', 847 slideItemSettingsUrl: 'https://www.kaufmann.dk/brands/parajumpers', 848 slideItemSettingsContentText: "<p class=\"tw-fontSize-sm\">Fall '26 nyheder<br><\/p><h2>PARAJUMPERS<\/h2><p>Se de eksklusive nyheder fra det popul\u00e6re brand<br><\/p> ", 849 slideItemSettingsTwoColumns: false, 850 slideItemSettingsReverseColumns: false, 851 slideItemSettingsTextColor: '#ffffff', 852 slideItemSettingsBackgroundColor: '#000000', 853 slideItemSettingsButtonText: 'Shop nu', 854 slideItemSettingsButtonStyle: 'transparent', 855 slideItemSettingsVerticalAlign: 'center', 856 slideItemSettingsHorizontalAlign: 'center' 857 }, 858 ], 859 isMobile: window.matchMedia('(max-width: 768px)').matches, 860 currentSlideIndex: 1, 861 slidesLength: 1, 862 isDragging: false, 863 startX: 0, 864 startY: 0, 865 currentX: 0, 866 currentY: 0, 867 dragThreshold: 50, 868 isHorizontalDrag: false, 869 870 previous() { 871 if (this.currentSlideIndex > 1) { 872 this.currentSlideIndex = this.currentSlideIndex - 1 873 } else { 874 // If it's the first slide, go to the last slide 875 this.currentSlideIndex = this.slidesLength 876 } 877 }, 878 next() { 879 if (this.currentSlideIndex < this.slidesLength) { 880 this.currentSlideIndex = this.currentSlideIndex + 1 881 } else { 882 // If it's the last slide, go to the first slide 883 this.currentSlideIndex = 1 884 } 885 }, 886 887 handleDragStart(e) { 888 if (this.slidesLength <= 1) return; 889 this.isDragging = true; 890 this.startX = e.touches[0].clientX; 891 this.startY = e.touches[0].clientY; 892 this.currentX = this.startX; 893 this.currentY = this.startY; 894 this.isHorizontalDrag = false; 895 }, 896 897 handleDragMove(e) { 898 if (!this.isDragging || this.slidesLength <= 1) return; 899 900 this.currentX = e.touches[0].clientX; 901 this.currentY = e.touches[0].clientY; 902 903 const deltaX = Math.abs(this.currentX - this.startX); 904 const deltaY = Math.abs(this.currentY - this.startY); 905 906 if (deltaX > 10 || deltaY > 10) { 907 this.isHorizontalDrag = deltaX > deltaY; 908 } 909 910 if (this.isHorizontalDrag) { 911 e.preventDefault(); 912 } 913 }, 914 915 handleDragEnd() { 916 if (!this.isDragging || this.slidesLength <= 1) return; 917 this.isDragging = false; 918 919 if (this.isHorizontalDrag) { 920 const deltaX = this.currentX - this.startX; 921 922 if (Math.abs(deltaX) > this.dragThreshold) { 923 if (deltaX > 0) { 924 this.previous(); 925 } else { 926 this.next(); 927 } 928 } 929 } 930 931 this.startX = 0; 932 this.startY = 0; 933 this.currentX = 0; 934 this.currentY = 0; 935 this.isHorizontalDrag = false; 936 }, 937 }" class="tw-relative tw-w-full tw-min-h-[500px] tw-h-full md:tw-min-h-[660px]" @touchstart="handleDragStart($event)" @touchmove="handleDragMove($event)" @touchend="handleDragEnd()"> <template x-if="slidesLength > 1"> <div class="tw-group"> <button class="tw-text-white tw-rounded-full group-hover:tw-bg-white group-hover:tw-transition group-hover:tw-duration-700 group-hover:tw-ease-in-out tw-border-1.5 tw-border-white tw-size-[38px] md:tw-size-12 tw-left-2 md:tw-left-10 tw-top-[211px] md:tw-top-[305px] tw-absolute tw-z-10 tw-group" aria-label="Forrige" @click="previous()"> <span class="tw-top-[6px] md:tw-top-[11px] tw-right-[6px] md:tw-right-[11px] tw-absolute"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_3430_3041)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.46967 12.5303C4.46914 12.5298 4.46861 12.5293 4.46808 12.5287C4.39696 12.4572 4.34324 12.3749 4.30691 12.2871C4.27253 12.2042 4.25259 12.1138 4.25023 12.019C4.25008 12.0127 4.25 12.0064 4.25 12C4.25 11.8983 4.27024 11.8013 4.30691 11.7129C4.34324 11.6251 4.39696 11.5428 4.46808 11.4713C4.46861 11.4707 4.46914 11.4702 4.46967 11.4697L4.47126 11.4681L10.4697 5.46967C10.7626 5.17678 11.2374 5.17678 11.5303 5.46967C11.8232 5.76256 11.8232 6.23744 11.5303 6.53033L6.81066 11.25L19 11.25C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75L6.81066 12.75L11.5303 17.4697C11.8232 17.7626 11.8232 18.2374 11.5303 18.5303C11.2374 18.8232 10.7626 18.8232 10.4697 18.5303L4.46997 12.5306C4.46987 12.5305 4.46977 12.5304 4.46967 12.5303Z" fill="white" class="group-hover:tw-fill-black group-hover:tw-transition group-hover:tw-duration-700 group-hover:tw-ease-in-out"/> </g> <defs> <clipPath id="clip0_3430_3041"> <rect width="24" height="24" fill="white" transform="matrix(-1 0 0 -1 24 24)"/> </clipPath> </defs> </svg> </span> </button> </div> </template> <template x-if="slidesLength > 1"> <div class="tw-group"> <button class="tw-text-white tw-rounded-full group-hover:tw-bg-white group-hover:tw-transition group-hover:tw-duration-700 group-hover:tw-ease-in-out tw-border-1.5 tw-border-white tw-size-[38px] md:tw-size-12 tw-right-2 md:tw-right-10 tw-top-[211px] md:tw-top-[305px] tw-z-10 tw-absolute" aria-label="Næste" @click="next()"> <span class="tw-top-[6px] tw-left-[6px] md:tw-top-[11px] md:tw-left-[11px] tw-absolute"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_3430_3033)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5303 11.4697C19.5309 11.4702 19.5314 11.4707 19.5319 11.4713C19.603 11.5428 19.6568 11.6251 19.6931 11.7129C19.7275 11.7958 19.7474 11.8862 19.7498 11.981C19.7499 11.9873 19.75 11.9936 19.75 12C19.75 12.1017 19.7298 12.1987 19.6931 12.2871C19.6568 12.3749 19.603 12.4572 19.5319 12.5287C19.5314 12.5293 19.5309 12.5298 19.5303 12.5303L19.5287 12.5319L13.5303 18.5303C13.2374 18.8232 12.7626 18.8232 12.4697 18.5303C12.1768 18.2374 12.1768 17.7626 12.4697 17.4697L17.1893 12.75H5C4.58579 12.75 4.25 12.4142 4.25 12C4.25 11.5858 4.58579 11.25 5 11.25H17.1893L12.4697 6.53033C12.1768 6.23744 12.1768 5.76256 12.4697 5.46967C12.7626 5.17678 13.2374 5.17678 13.5303 5.46967L19.53 11.4694C19.5301 11.4695 19.5302 11.4696 19.5303 11.4697Z" fill="white" class="group-hover:tw-fill-black group-hover:tw-transition group-hover:tw-duration-700 group-hover:tw-ease-in-out"/> </g> <defs> <clipPath id="clip0_3430_3033"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> </button> </div> </template> <!-- slides --> <template x-for="(slide, index) in slides"> <div x-cloak x-show="currentSlideIndex == index + 1" class="tw-relative tw-inset-0 tw-min-h-[500px] tw-h-full md:tw-min-h-[660px]"> <!-- Two grid --> <template x-if="slide.slideItemSettingsTwoColumns == true">
937 <div class="tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-min-h-[500px] sm:tw-min-h-[660px]" :class="{'sm:tw-min-h-[500px] tw-min-h-[660px]': slidesLength === 1}" > <div :class="{ 938 'md:!tw-order-1': slide.slideItemSettingsReverseColumns === false, 939 'md:!tw-order-0': slide.slideItemSettingsReverseColumns === true 940 }" class="tw-order-1" :style="{background: slide.slideItemSettingsBackgroundColor}" > <a class="md:tw-ps-20 tw-flex tw-h-full tw-items-center tw-justify-center tw-relative tw-no-underline hover:tw-no-underline md:tw-py-20 tw-inset-0 flex-col tw-gap-2 tw-px-2.5 md:tw-px-16 tw-py-12" :href="slide.slideItemSettingsUrl" :class="{ 941 'tw-items-center': slide.slideItemSettingsVerticalAlign === 'center', 942 'tw-items-start': slide.slideItemSettingsVerticalAlign === 'flex-start', 943 'tw-items-end': slide.slideItemSettingsVerticalAlign === 'flex-end', 944 'tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 945 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 946 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 947 'lg:tw-ps-[120px]': slide.slideItemSettingsHorizontalAlign !== 'flex-start' && slidesLength > 1 948 }" > <div class="tw-flex-1 tw-h-full tw-flex " :style="{borderColor: slide.slideItemSettingsTextColor, color: slide.slideItemSettingsTextColor}" :id="'slide' + (index + 1) + 'contentText'" :class="{ 949 'tw-items-center': slide.slideItemSettingsVerticalAlign === 'center', 950 'tw-items-start': slide.slideItemSettingsVerticalAlign === 'flex-start', 951 'tw-items-end': slide.slideItemSettingsVerticalAlign === 'flex-end', 952 'tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 953 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 954 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 955 }"> <template x-if="slidesLength > 1"> <div class="tw-flex tw-flex-col tw-gap-5" :class="{ 956 'tw-justify-center tw-text-center': slide.slideItemSettingsHorizontalAlign === 'center', 957 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 958 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 959 'tw-justify-center tw-text-center': window.innerWidth <= '768' 960 }"> <div :class="{'tw-justify-center tw-text-center': slide.slideItemSettingsHorizontalAlign === 'center'}" x-html="slide.slideItemSettingsContentText" x-show="slide.slideItemSettingsContentText"></div> <template x-if="slide.slideItemSettingsButtonText?.length > 0"> <div class="tw-flex" :class="{ 961 'lg:tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 962 'tw-justify-center tw-text-center': window.innerWidth <= '768', 963 'tw-items-center': window.innerWidth <= '768 && slidesLength > 1' 964 }"> <div class="tw-group" :style="{borderColor: slide.slideItemSettingsTextColor, color: slide.slideItemSettingsTextColor}" > <span class="tw-flex tw-gap-2 tw-items-center tw-uppercase tw-justify-center tw-h-12 tw-transition-translate tw-duration-700 tw-ease-in-out tw-border-1.5 tw-z-20 tw-py-4 tw-px-7 tw-text-center" :class="{ 965 'tw-bg-transparent group-hover:tw-bg-white group-hover:tw-border-white hover:!tw-text-black': slide.slideItemSettingsButtonStyle == 'transparent', 966 'tw-bg-white !tw-text-black group-hover:tw-opacity-90 tw-border-white': slide.slideItemSettingsButtonStyle == 'white', 967 'tw-bg-outlet-red group-hover:tw-opacity-90 tw-border-outlet-red': slide.slideItemSettingsButtonStyle == 'red' 968 }" > <div x-text="slide.slideItemSettingsButtonText" class="tw-font-medium tw-leading-4 tw-text-sm tw-pt-px" x-show="slide.slideItemSettingsButtonText"></div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 969 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </div> </template> </div> </template> <template x-if="slidesLength == 1"> <div class="tw-flex tw-flex-col tw-gap-5 tw-max-w-[380px]" :class="{ 970 'tw-justify-center tw-text-center': slide.slideItemSettingsHorizontalAlign === 'center', 971 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 972 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 973 }"> <div class="tw-gap-y-6 slider-cms-text tw-grid md:gap-y-8" :class="{'tw-justify-center tw-text-center': slide.slideItemSettingsHorizontalAlign === 'center'}" x-html="slide.slideItemSettingsContentText" x-show="slide.slideItemSettingsContentText"></div> <template x-if="slide.slideItemSettingsButtonText?.length > 0"> <div class="tw-flex" :class="{ 974 'lg:tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 975 }"> <div class="tw-group tw-w-full md:tw-w-auto" :style="{borderColor: slide.slideItemSettingsTextColor, color: slide.slideItemSettingsTextColor}" > <span class="tw-flex tw-gap-2 tw-items-center tw-uppercase tw-justify-center tw-h-12 tw-transition-translate tw-duration-700 tw-ease-in-out group-hover:tw-bg-white tw-border-1.5 hover:!tw-text-black tw-z-20 tw-bg-transparent tw-py-4 tw-px-7 tw-text-center"> <div x-text="slide.slideItemSettingsButtonText" class="tw-font-medium tw-leading-4 tw-text-sm" x-show="slide.slideItemSettingsButtonText"></div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 976 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </div> </template> </div> </template> </div> </a> </div> <div class="img-wrapper" :class="{ 977 'md:!tw-order-0': slide.slideItemSettingsReverseColumns === false, 978 'md:!tw-order-1': slide.slideItemSettingsReverseColumns === true 979 }"> <div class="tw-h-full tw-min-h-[350px]" :class="{ 980 'tw-bg-cover tw-bg-no-repeat tw-bg-center': slide.mediaUrl !== '' && slide.mediaUrl, 981 }" :style="{ backgroundImage: `url(${isMobile && slide.mobileMediaUrl ? slide.mobileMediaUrl : slide.mediaUrl })` }"> </div> </div> </div> </template> <!-- Single Grid --> <template x-if="slide.slideItemSettingsTwoColumns == false">
981 <div class="tw-grid tw-grid-cols-1 tw-w-full tw-min-h-[500px] md:tw-min-h-[660px]"> <a :href="slide.slideItemSettingsUrl" class="tw-no-underline hover:tw-no-underline le tw-inset-0 flex-col tw-gap-2" :class="{ 982 'tw-items-center': slide.slideItemSettingsVerticalAlign === 'center', 983 'tw-items-start': slide.slideItemSettingsVerticalAlign === 'flex-start', 984 'tw-items-end': slide.slideItemSettingsVerticalAlign === 'flex-end', 985 'tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 986 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 987 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 988 'tw-bg-cover tw-bg-no-repeat tw-bg-center': slide.mediaUrl !== '' && slide.mediaUrl 989 }" :style="{ backgroundImage: `url(${isMobile && slide.mobileMediaUrl ? slide.mobileMediaUrl : slide.mediaUrl })` }"> <div class="tw-flex lg:tw-py-20 tw-absolute tw-inset-0 tw-z-1 tw-px-2.5 md:tw-px-16 tw-py-12 " :class="{ 990 'tw-items-center tw-text-center': slide.slideItemSettingsHorizontalAlign === 'center', 991 'lg:tw-ps-[160px]': slide.slideItemSettingsHorizontalAlign !== 'center' 992 }"> <div class="tw-flex-1 tw-h-full tw-flex tw-justify-center" :style="{borderColor: slide.slideItemSettingsTextColor, color: slide.slideItemSettingsTextColor}" :id="'slide' + (index + 1) + 'contentText'" :class="{ 993 'tw-items-center': slide.slideItemSettingsVerticalAlign === 'center', 994 'tw-items-start': slide.slideItemSettingsVerticalAlign === 'flex-start', 995 'tw-items-end': slide.slideItemSettingsVerticalAlign === 'flex-end', 996 'md:tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 997 'md:tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end' 998 }"> <div class="tw-flex tw-flex-col tw-gap-5" :class="{ 999 'tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center', 1000 'tw-justify-start': slide.slideItemSettingsHorizontalAlign === 'flex-start', 1001 'tw-justify-end': slide.slideItemSettingsHorizontalAlign === 'flex-end', 1002 '!tw-items-center': window.innerWidth <= '768' 1003 }"> <div x-html="slide.slideItemSettingsContentText" x-show="slide.slideItemSettingsContentText" :class="{'tw-text-center': window.innerWidth <= '768'}"></div> <template x-if="slide.slideItemSettingsButtonText?.length > 0"> <div class="tw-flex" :class="{'tw-justify-center': slide.slideItemSettingsHorizontalAlign === 'center'}"> <div class="tw-group" :style="{borderColor: slide.slideItemSettingsTextColor, color: slide.slideItemSettingsTextColor}" > <span class="tw-flex tw-gap-2 tw-items-center tw-uppercase tw-justify-center tw-h-12 tw-transition-translate tw-duration-700 tw-ease-in-out tw-border-1.5 tw-z-20 tw-py-4 tw-px-7 tw-text-center" :class="{ 1004 'tw-bg-transparent group-hover:tw-bg-white group-hover:tw-border-white hover:!tw-text-black': slide.slideItemSettingsButtonStyle == 'transparent', 1005 'tw-bg-white tw-text-black group-hover:tw-opacity-90 tw-border-white': slide.slideItemSettingsButtonStyle == 'white', 1006 'tw-bg-outlet-red group-hover:tw-opacity-90 tw-border-outlet-red': slide.slideItemSettingsButtonStyle == 'red' 1007 }" > <div x-text="slide.slideItemSettingsButtonText" class="tw-font-medium tw-leading-4 tw-text-sm" x-show="slide.slideItemSettingsButtonText"></div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1008 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </div> </template> </div> </div> </div> </a> </div> </template> </div> </template> <!-- indicators --> <template x-if="slidesLength > 1"> <div class="tw-absolute tw-flex tw-bottom-3 tw-md:bottom-10 tw-w-full tw-z-20 tw-justify-center tw-gap-1 tw-py-1" role="group" aria-label="slides"> <template x-for="(slide, index) in slides"> <button class="tw-h-[2px] tw-cursor-pointe tw-transition tw-w-[27px] lg:tw-w-11 tw-bg-white" x-on:click="currentSlideIndex = index + 1" :class="[currentSlideIndex === index + 1 ? 'tw-opacity-100' : 'tw-opacity-50']" :aria-label="'slide ' + (index + 1)"></button> </template> </div> </template> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section pos-2 cms-section-default" style=""> <div class="tw-max-w-screen-3xl md:tw-px-10 tw-mx-auto tw-w-full"> <div class=" pos-0 cms-block-product-slider-small" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="lg:tw-flex tw-items-end tw-w-full tw-mt-6 lg:tw-mt-10 tw-mb-2 lg:tw-mb-12 tw-ml-2.5 lg:tw-mx-10 tw-pb-8 lg:tw-pb-12 lg:tw-border-b tw-border-ui-divider"> <div class="lg:tw-w-[12.5rem] tw-flex tw-items-end tw-mb-4 lg:tw-mb-0"> <div class="lg:tw-pb-[33px] lg:tw-mb-1"> <div class=""> <h2 class="tw-text-[1.375rem] lg:tw-text-2xl tw-leading-6.5 lg:tw-leading-7 header"> Udvalgte kategorier </h2> </div> </div> </div> <div class="tw-w-full tw-min-h-[146px] lg:tw-min-h-[188px]">
1008 <div x-data="recommendCarouselLazyLoader(false)" x-init="setupLazyLoading()" @lazyload:trigger.window="triggerLoad($event)"> <template x-if="shouldLoad"> <div x-data="recommendCarousel('popularProductCategories', 16, false, false)" x-resize="setIsScrollable" class="tw-group/scrollbar tw-relative tw-overflow-y-auto lg:tw-scrollbar-hide [contain:inline-size] lg:tw-max-w-[1270px]" data-product-id="" data-product-number="" data-categori-id="" data-product-numbers='' data-filter-brand-id="" data-filter-category-id="" > <div class="tw-flex tw-flex-row tw-space-x-1 lg:tw-space-x-2 tw-overflow-x-auto lg:tw-scrollbar-hide tw-mb-2 tw-pb-2 lg:tw-pb-4 lg:tw-mb-1 lg:tw-ml-[170px] tw-max-w-[58rem] tw-custom-scroll" x-ref="carouselContainer" > <template x-for="categoryHit in recommendHits" hidden :key="categoryHit.categoryId"> <div class="carouselItem tw-group tw-min-w-[6.125rem] lg:tw-min-w-[7.875rem] "> <a :href="(WexoKaufmannRelewise.basePath+categoryHit.data?.seoUrls?.value?.data[window.salesChannelId]?.value).replace(/\/\//g, '/')" class="tw-text-black hover:tw-no-underline tw-inline-block tw-w-full"> <div class="tw-relative"> <div class="tw-image-background-gradient tw-overflow-x-auto tw-flex lg:tw-scrollbar-hide tw-snap-x tw-snap-mandatory" > <div class="mediaGalleryNode tw-snap-center tw-justify-center tw-items-center tw-flex tw-min-w-full"> <div class="tw-flex tw-justify-center tw-items-center tw-min-w-full tw-image-background-gradient tw-p-2 tw-pb-2.5 lg:tw-p-2.5 lg:tw-pb-3.5 tw-w-[5.17294rem] tw-h-[4.97775rem] lg:tw-w-[6.625rem] tw-min-h-[6.125rem] lg:tw-min-h-[7.875rem]"> <img :src="categoryHit.data?.searchImage?.value?.data?.mediaUrl?.value" :srcset="categoryHit.data?.searchImage?.value?.data?.mediaSrcset?.value" :alt="categoryHit.displayName" class="tw-object-contain tw-max-h-full tw-max-w-full tw-h-[150px] lg:tw-h-[373px]" loading="lazy" sizes="(max-width: 1023px) 80px, 105px" > </div> </div> </div> </div> <div class="tw-text-sm tw-leading-3.5 lg:tw-leading-5 tw-text-center tw-mx-auto tw-w-fit tw-animated-underline-single" x-text="categoryHit.displayName"></div> </a> </div> </template> </div> <div class="tw-absolute tw-top-[48px] tw-left-[35px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" x-show="currentPos > 0 && isScrollable"> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center" @click.prevent.stop="decrementPos"> <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-absolute tw-top-[48px] tw-right-[35px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" @click.prevent.stop="incrementPos" x-show="isScrollable"> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center"> <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div x-show="isScrollable" class="[contain:layout]"> <div x-ref="scrollbarTrack" class="scrollbar-track lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-ease-in-out lg:tw-ml-[170px] tw-max-w-[58rem]"></div> <div x-ref="thumb" class="scrollbar-thumb lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-ease-in-out lg:tw-ml-[170px] tw-max-w-[58rem]"></div> </div> </div> </template> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section pos-3 cms-section-default" style=""> <div class="tw-max-w-screen-3xl tw-w-full tw-mx-auto"> <div class=" pos-0 cms-block-product-slider-header" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="tw-w-full tw-mb-20 lg:tw-pl-10"> <div class="tw-flex tw-justify-between tw-items-end tw-mb-4 lg:tw-mb-8"> <div class="tw-flex tw-flex-col tw-gap-2 tw-px-2.5 md:tw-px-10 lg:tw-px-0"> <p class="tw-text-xs tw-font-medium tw-leading-4.25 tw-tracking-[0.02438rem] tw-uppercase tw-text-black"> Populære styles fra </p> <h4 class="tw-font-heading tw-text-[1.6875rem] lg:tw-text-[2.5rem] tw-leading-8.5 lg:tw-leading-11.5 lg:tw-tracking-[-0.05rem]"> Parajumpers </h4> </div> <div class="tw-hidden md:tw-block md:tw-mr-2.5 lg:tw-mr-10"> <a class="tw-group tw-flex tw-items-center tw-pr-7 tw-pl-7.5 tw-text-sm tw-uppercase tw-font-medium tw-mt-6 lg:tw-mt-10 tw-border-1.5 tw-border-black tw-h-12 !tw-no-underline hover:tw-no-underline hover:tw-ease-out tw-duration-500 tw-text-black hover:tw-bg-black hover:tw-text-white tw-w-full md:tw-w-max" href="https://www.kaufmann.dk/brands/parajumpers" > <span class="tw-flex tw-items-center tw-mx-auto">
1008 <div class="tw-mr-1.5 tw-leading-3.5">Se hele kollektionen</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1009 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-black icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-black icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> </div> <div x-data="recommendCarouselLazyLoader(false)" x-init="setupLazyLoading()" @lazyload:trigger.window="triggerLoad($event)"> <template x-if="shouldLoad"> <div x-data="recommendCarousel('personalProductRecommendation', 16, false, false)" x-resize="setIsScrollable" class="tw-group/scrollbar tw-relative tw-overflow-y-auto lg:tw-scrollbar-hide [contain:inline-size]" data-displayed-at-location="Frontpage" data-product-id="" data-product-number="" data-categori-id="" data-product-numbers='' data-filter-brand-id="" data-filter-category-id="0195650a9ced72d3beaad25babf47184" > <div class="tw-flex tw-flex-row tw-space-x-1 lg:tw-space-x-2 tw-overflow-x-auto lg:tw-scrollbar-hide tw-mb-2 tw-pb-2 lg:tw-pb-4 lg:tw-mb-1 tw-max-w-[100vw] tw-custom-scroll" x-ref="carouselContainer" > <template x-for="productHit in recommendHits" hidden :key="productHit.variant.variantId"> <div class="carouselItem tw-min-w-[170px] lg:tw-min-w-[394px]"> <div x-data="productSearchHit(productHit,{},null)" class="tw-group tw-z-30 hover:lg:tw-z-20" > <a href="/detail/" :href="getUrl()" class="tw-text-black hover:tw-no-underline tw-inline-block tw-w-full lg:group-hover:tw-shadow-[0px_0px_50px_rgba(0,0,0,0.1)] lg:tw-pb-5" > <div class="tw-relative"> <div class="tw-left-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="previousGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-right-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="nextGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="mediaGalleryContainer tw-image-background-gradient tw-overflow-x-auto tw-flex tw-custom-scroll tw-snap-x tw-snap-mandatory" x-ref="carouselContainer" x-on:scroll.throttle.150ms="onMediaScroll" > <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden> <div class="mediaGalleryNode tw-snap-center tw-justify-center tw-items-center tw-flex tw-min-w-full"> <div class="tw-flex tw-justify-center tw-items-center tw-min-w-full tw-image-background-gradient tw-px-2.5 tw-pt-2.5 lg:tw-px-6 lg:tw-pt-8 lg:tw-pb-5"> <img src="" srcset="" alt="" :src="chosenColorMedia.data?.mediaUrl?.value" :srcset="wexoMediaSrcset(chosenColorMedia)" :alt="productData?.brand?.displayName" class="tw-object-contain tw-max-h-full tw-max-w-full tw-h-[230px] lg:tw-h-[373px]" loading="lazy" sizes="(max-width: 1023px) 230px, 373px" > </div> </div> </template> <div class="tw-flex tw-justify-center tw-items-center tw-min-w-full tw-image-background-gradient tw-px-2.5 tw-pt-2.5 lg:tw-px-6 lg:tw-pt-8 lg:tw-pb-5" x-data="destroyOnInit" x-init="destroy()"> <img src="" srcset="" alt="" class="tw-object-contain tw-max-h-full tw-max-w-full tw-h-[150px] lg:tw-h-[373px]" loading="lazy" sizes="(max-width: 1023px) 150px, 373px" > </div> </div> <button class="tw-absolute tw-right-2 tw-top-2 lg:tw-right-2.5 tw-ease-out tw-duration-300 lg:tw-top-2.5" @mouseleave="activateFavoriteHover = true" :class="[ 1010 isFavorite ? 'tw-text-black' : 'tw-text-transparent', 1011 activateFavoriteHover ? 1012 (isFavorite ? 'lg:hover:tw-text-transparent' : 'lg:hover:tw-text-black') 1013 : '' 1014 ]" @click.prevent.stop="toggleFavorite()" > <span class="icon icon-favourites icon-favourites !tw-h-5 !tw-w-5 lg:!tw-h-6 lg:!tw-w-6"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5037 12.5834-7.5 7.428-7.49998-7.428c-.4947-.4814-.88436-1.06-1.14445-1.6994-.2601-.6393-.38499-1.32564-.36681-2.01566.01817-.69002.17902-1.3688.47242-1.9936.29339-.6248.71297-1.18208 1.23233-1.63675.51935-.45468 1.12721-.79689 1.78532-1.0051s1.35219-.2779 2.03856-.20468c.68636.07322 1.35013.28775 1.94951.6301.5994.34235 1.1214.8051 1.5331 1.3591.4136-.54998.9362-1.00868 1.5351-1.3474.599-.33871 1.2614-.55015 1.9458-.62108.6845-.07093 1.3762.00018 2.0319.20887s1.2612.55048 1.7788 1.00397c.5175.45349.9358 1.00892 1.2288 1.63153s.4544 1.29899.4739 1.98682c.0196.68782-.103 1.37228-.3601 2.01058-.2572.6382-.6433 1.2165-1.1342 1.6987" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg> </span> </button> <template x-if="chosenColor?.labels?.length"> <div class="tw-absolute tw-left-0 tw-top-0 tw-flex" > <template x-for="label in chosenColor.labels"> <div class="tw-text-2xs tw-p-1 tw-text-white tw-bg-black" x-text="label.data.content.value" :style="label.data.style.value" ></div> </template> </div> </template> </div> <div class="lg:tw-hidden tw-flex tw-items-center tw-justify-center tw-px-1 tw-h-1 tw-mt-0.5" :class="(chosenColor?.mediaGallery?.length ?? 0) < 2 ? 'tw-invisible' : ''"> <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden>
1014 <div class="tw-mr-2 tw-border-b-1 tw-h-px" :class="chosenColor.currentMediaPos === chosenColorMediaIndex ? 'tw-w-[1.5625rem] tw-bg-black' : 'tw-w-6 tw-bg-ui-divider'" ></div> </template> </div> <div class="tw-px-2.5 lg:tw-px-5"> <div class="tw-flex tw-justify-between tw-items-center tw-mt-2.5 lg:tw-mt-4"> <div class="tw-font-medium lg:tw-text-lg tw-leading-5.5 tw-max-w-[73%] tw-line-clamp-1" x-text="productData.brand?.displayName ?? productData.displayName"> </div> <div class="tw-hidden lg:tw-block"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 1015 'background-color': color.hexCode ?? 'black', 1016 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 1017 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> </div> <div class="tw-text-xs lg:tw-text-md tw-font-light tw-leading-5 tw-text-ui-text-grey tw-h-5 tw-line-clamp-1"> <span x-text="productFitValue"></span> <span x-show="productData.displayName && productFitValue">/</span> <span x-text="productData.displayName"></span> <span x-show="chosenColor.label && (productData.displayName || productFitValue)">/</span> <span x-text="chosenColor.label"></span> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6 tw-flex tw-text-nowrap" x-show="!isGiftCard()"> <div x-show="chosenColor.pricing?.formattedListPrice" x-cloak x-text="chosenColor.pricing?.formattedListPrice" class="tw-text-ui-text-grey tw-line-through tw-mr-2.5"></div> <div x-text="chosenColor.pricing?.formattedSalesPrice">DKK 0</div> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6" x-cloak x-show="isGiftCard"> <div>Vælg beløb</div> </div> <div class="tw-py-[3px] lg:tw-hidden"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 1018 'background-color': color.hexCode ?? 'black', 1019 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 1020 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> <div class="tw-rel-size"> <template x-if="shouldDisplaySizeAttribute()"> <template x-for="size in chosenColor.availableSizes"> <span x-text="size.label" class="tw-pr-1"></span> </template> </template> <div x-show="!shouldDisplaySizeAttribute()" x-cloak> <span>Findes i mange størrelser</span> </div> </div> </div> </a> </div> </div> </template> </div> <div class="tw-absolute tw-top-[192px] tw-left-[48px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" x-show="currentPos > 0 && isScrollable"> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center" @click.prevent.stop="decrementPos"> <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-absolute tw-top-[192px] tw-right-[48px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" @click.prevent.stop="incrementPos" x-show="isScrollable"> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center"> <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div x-show="isScrollable" class="[contain:layout]"> <div x-ref="scrollbarTrack" class="scrollbar-track lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 t
1020w-transition-opacity tw-duration-500 tw-ease-in-out"></div> <div x-ref="thumb" class="scrollbar-thumb lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-ease-in-out"></div> </div> </div> </template> </div> <div class="md:tw-hidden tw-mx-2.5"> <a class="tw-group tw-flex tw-items-center tw-pr-7 tw-pl-7.5 tw-text-sm tw-uppercase tw-font-medium tw-mt-6 lg:tw-mt-10 tw-border-1.5 tw-border-black tw-h-12 !tw-no-underline hover:tw-no-underline hover:tw-ease-out tw-duration-500 tw-text-black hover:tw-bg-black hover:tw-text-white tw-w-full md:tw-w-max" href="https://www.kaufmann.dk/brands/parajumpers" > <span class="tw-flex tw-items-center tw-mx-auto"> <div class="tw-mr-1.5 tw-leading-3.5">Se hele kollektionen</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1021 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-black icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-black icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section pos-4 cms-section-default" style=""> <div class="tw-max-w-screen-3xl tw-w-full tw-mx-auto"> <div class=" pos-0 cms-block-image-text-box-product-slider" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="tw-w-full tw-mb-20 tw-flex tw-flex-col tw-gap-1 lg:tw-gap-2"> <div class="tw-grid-cols-2 md:tw-grid"> <div class="tw-overflow-hidden"> <a href="https://www.kaufmann.dk/new-arrivals" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/bd/7d/0d/1787742821/K_web_fokus-spot_1290x1040_NA_u36.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/bd/7d/0d/1787742821/K_web_fokus-spot_1290x1040_NA_u36.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/bd/7d/0d/1787742821/K_web_fokus-spot_1290x1040_NA_u36.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/bd/7d/0d/1787742821/K_web_fokus-spot_1290x1040_NA_u36.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/bd/7d/0d/1787742821/K_web_fokus-spot_1290x1040_NA_u36.jpg 392w" data-sizes="auto" data-aspectratio="1.2403846153846" class="frosh-proc lazyload md:tw-hidden" alt="New Arrivals" title="New Arrivals" loading="lazy" style="aspect-ratio:1.2403846153846;" /> </a> <a href="https://www.kaufmann.dk/new-arrivals" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/bd/7d/0d/1787742821/K_web_fokus-spot_1290x1040_NA_u36.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/bd/7d/0d/1787742821/K_web_fokus-spot_1290x1040_NA_u36.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/bd/7d/0d/1787742821/K_web_fokus-spot_1290x1040_NA_u36.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/bd/7d/0d/1787742821/K_web_fokus-spot_1290x1040_NA_u36.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/bd/7d/0d/1787742821/K_
1021web_fokus-spot_1290x1040_NA_u36.jpg 392w" data-sizes="auto" data-aspectratio="1.2403846153846" data-parent-fit="cover" class="frosh-proc lazyload tw-hidden md:tw-block tw-w-full tw-h-full tw-object-cover tw-object-center" alt="New Arrivals" title="New Arrivals" loading="lazy" data-object-fit="cover" style="aspect-ratio:1.2403846153846;" /> </a> </div> <div class="tw-flex tw-flex-col tw-justify-end tw-px-2.5 tw-py-12 lg:tw-px-12 2xl:tw-p-20 tw-text-white " style="background-color: #534a42"> <div class="tw-text-white"> <div class="tw-text-xs lg:tw-text-sm tw-font-medium tw-leading-4.25 lg:tw-leading-4.25 tw-tracking-[0.02438rem] lg:tw-tracking-[0.035rem] tw-uppercase tw-mb-2 lg:tw-mb-6"> Efterår 2026 </div> <h2 class="tw-font-heading tw-font-normal tw-text-[1.6875rem] lg:tw-text-5xl tw-leading-8.5 lg:tw-leading-13.5 header"> NEW ARRIVALS </h2> </div> <div class="tw-mt-4 lg:tw-mt-8 tw-text-md tw-font-normal tw-leading-6 tw-max-w-[32.875rem]"> Gå på opdagelse i de nyeste styles, hvor efterårets farver, teksturer og silhuetter begynder at finde vej til garderoben. Fra bløde strik og klassiske blazere til nye favoritter, der gør overgangen til en ny sæson nem og stilfuld. </div> <a class="tw-group tw-flex tw-items-center tw-pr-7 tw-pl-7.5 tw-text-sm tw-uppercase tw-font-medium tw-mt-6 lg:tw-mt-10 tw-border-1.5 tw-border-white tw-h-12 !tw-no-underline hover:tw-no-underline hover:tw-ease-out tw-duration-500 tw-text-white hover:tw-bg-white hover:tw-text-black tw-w-full md:tw-w-max" href="https://www.kaufmann.dk/new-arrivals" > <span class="tw-flex tw-items-center tw-mx-auto"> <div class="tw-mr-1.5 tw-leading-3.5">Se alle nyhederne</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1022 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-white icon- tw-text-white group-hover:tw-text-black group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-white icon- tw-text-white group-hover:tw-text-black group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> </div> <div x-data="recommendCarouselLazyLoader(false)" x-init="setupLazyLoading()" @lazyload:trigger.window="triggerLoad($event)"> <template x-if="shouldLoad"> <div x-data="recommendCarousel('personalProductRecommendation', 16, false, false)" x-resize="setIsScrollable" class="tw-group/scrollbar tw-relative tw-overflow-y-auto lg:tw-scrollbar-hide [contain:inline-size]" data-displayed-at-location="Frontpage" data-product-id="" data-product-number="" data-categori-id="" data-product-numbers='' data-filter-brand-id="" data-filter-category-id="01908295b67a7157bef71b9465f37b83" > <div class="tw-flex tw-flex-row tw-space-x-1 lg:tw-space-x-2 tw-overflow-x-auto lg:tw-scrollbar-hide tw-mb-2 tw-pb-2 lg:tw-pb-4 lg:tw-mb-1 tw-max-w-[100vw] tw-custom-scroll" x-ref="carouselContainer" > <template x-for="productHit in recommendHits" hidden :key="productHit.variant.variantId"> <div class="carouselItem tw-min-w-[170px] lg:tw-min-w-[382px]"> <div x-data="productSearchHit(productHit,{},null)" class="tw-group tw-z-30 hover:lg:tw-z-20" > <a href="/detail/" :href="getUrl()" class="tw-text-black hover:tw-no-underline tw-inline-block tw-w-full lg:group-hover:tw-shadow-[0px_0px_50px_rgba(0,0,0,0.1)] lg:tw-pb-5" > <div class="tw-relative"> <div class="tw-left-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="previousGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-right-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="nextGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="mediaGalleryContainer tw-image-background-gradient tw-overflow-x-auto tw-flex tw-custom-scroll tw-snap-x tw-snap-mandatory" x-ref="carouselContainer" x-on:scroll.throttle.150ms="onMediaScroll" > <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden> <div class="mediaGalleryNode tw-snap-center tw-justify-center tw-items-center tw-flex tw-min-w-full"> <div class="tw-flex tw-justify-center tw-items-center tw-min-w-full tw-image-background-gradient tw-px-2.5 tw-pt-2.5 lg:tw-px-6 lg:tw-pt-8 lg:tw-pb-5"> <img src="" srcset="" alt="" :src="chosenColorMedia.data?.mediaUrl?.value" :srcset="wexoMediaSrcset(chosenColorMedia)" :alt="productData?.brand?.displayName" class="tw-object-contain tw-max-h-full tw-max-w-full tw-h-[230px] lg:tw-h-[373px]" loading="lazy" sizes="(max-width: 1023px) 230px, 373px" > </div> </div> </template> <div class="tw-flex tw-justify-center tw-items-center tw-min-w-full tw-image-background-gradient tw-px-2.5 tw-pt-2.5 lg:tw-px-6 lg:tw-pt-8 lg:tw-pb-5" x-data="destroyOnInit" x-init="destroy()"> <img src="" srcset="" alt="" class="tw-object-contain tw-max-h-full tw-max-w-full tw-h-[150px] lg:tw-h-[373px]" loading="lazy" sizes="(max-width: 1023px) 150px, 373px" > </div> </div> <button class="tw-absolute tw-right-2 tw-top-2 lg:tw-right-2.5 tw-ease-out tw-duration-300 lg:tw-top-2.5" @mouseleave="activateFavoriteHover = true" :class="[ 1023 isFavorite ? 'tw-text-black' : 'tw-text-transparent', 1024 activateFavoriteHover ? 1025 (isFavorite ? 'lg:hover:tw-text-transparent' : 'lg:hover:tw-text-black') 1026 : '' 1027 ]" @click.prevent.stop="toggleFavorite()" > <span class="icon icon-favourites icon-favourites !tw-h-5 !tw-w-5 lg:!tw-h-6 lg:!tw-w-6"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5037 12.5834-7.5 7.428-7.49998-7.428c-.4947-.4814-.88436-1.06-1.14445-1.6994-.2601-.6393-.38499-1.32564-.36681-2.01566.01817-.69002.17902-1.3688.47242-1.9936.29339-.6248.71297-1.18208 1.23233-1.63675.51935-.45468 1.12721-.79689 1.78532-1.0051s1.35219-.2779 2.03856-.20468c.68636.07322 1.35013.28775 1.94951.6301.5994.34235 1.1214.8051 1.5331 1.3591.4136-.54998.9362-1.00868 1.5351-1.3474.599-.33871 1.2614-.55015 1.9458-.62108.6845-.07093 1.3762.00018 2.0319.20887s1.2612.55048 1.7788 1.00397c.5175.45349.9358 1.00892 1.2288 1.63153s.4544 1.29899.4739 1.98682c.0196.68782-.103 1.37228-.3601 2.01058-.2572.6382-.6433 1.2165-1.1342 1.6987" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg> </span> </button> <template x-if="chosenColor?.labels?.length"> <div class="tw-absolute tw-left-0 tw-top-0 tw-flex" > <template x-for="label in chosenColor.labels"> <div class="tw-text-2xs tw-p-1 tw-text-white tw-bg-black" x-text="label.data.content.value" :style="label.data.style.value" ></div> </template> </div> </template> </div> <div class="lg:tw-hidden tw-flex tw-items-center tw-justify-center tw-px-1 tw-h-1 tw-mt-0.5" :class="(chosenColor?.mediaGallery?.length ?? 0) < 2 ? 'tw-invisible' : ''"> <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden>
1027 <div class="tw-mr-2 tw-border-b-1 tw-h-px" :class="chosenColor.currentMediaPos === chosenColorMediaIndex ? 'tw-w-[1.5625rem] tw-bg-black' : 'tw-w-6 tw-bg-ui-divider'" ></div> </template> </div> <div class="tw-px-2.5 lg:tw-px-5"> <div class="tw-flex tw-justify-between tw-items-center tw-mt-2.5 lg:tw-mt-4"> <div class="tw-font-medium lg:tw-text-lg tw-leading-5.5 tw-max-w-[73%] tw-line-clamp-1" x-text="productData.brand?.displayName ?? productData.displayName"> </div> <div class="tw-hidden lg:tw-block"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 1028 'background-color': color.hexCode ?? 'black', 1029 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 1030 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> </div> <div class="tw-text-xs lg:tw-text-md tw-font-light tw-leading-5 tw-text-ui-text-grey tw-h-5 tw-line-clamp-1"> <span x-text="productFitValue"></span> <span x-show="productData.displayName && productFitValue">/</span> <span x-text="productData.displayName"></span> <span x-show="chosenColor.label && (productData.displayName || productFitValue)">/</span> <span x-text="chosenColor.label"></span> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6 tw-flex tw-text-nowrap" x-show="!isGiftCard()"> <div x-show="chosenColor.pricing?.formattedListPrice" x-cloak x-text="chosenColor.pricing?.formattedListPrice" class="tw-text-ui-text-grey tw-line-through tw-mr-2.5"></div> <div x-text="chosenColor.pricing?.formattedSalesPrice">DKK 0</div> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6" x-cloak x-show="isGiftCard"> <div>Vælg beløb</div> </div> <div class="tw-py-[3px] lg:tw-hidden"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 1031 'background-color': color.hexCode ?? 'black', 1032 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 1033 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> <div class="tw-rel-size"> <template x-if="shouldDisplaySizeAttribute()"> <template x-for="size in chosenColor.availableSizes"> <span x-text="size.label" class="tw-pr-1"></span> </template> </template> <div x-show="!shouldDisplaySizeAttribute()" x-cloak> <span>Findes i mange størrelser</span> </div> </div> </div> </a> </div> </div> </template> </div> <div class="tw-absolute tw-top-[192px] tw-left-[48px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" x-show="currentPos > 0 && isScrollable"> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center" @click.prevent.stop="decrementPos"> <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-absolute tw-top-[192px] tw-right-[48px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" @click.prevent.stop="incrementPos" x-show="isScrollable"> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center"> <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div x-show="isScrollable" class="[contain:layout]"> <div x-ref="scrollbarTrack" class="scrollbar-track lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 t
1033w-transition-opacity tw-duration-500 tw-ease-in-out"></div> <div x-ref="thumb" class="scrollbar-thumb lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-ease-in-out"></div> </div> </div> </template> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section pos-5 cms-section-default" style=""> <div class="tw-max-w-screen-3xl tw-w-full tw-mx-auto"> <div class=" pos-0 cms-block-categories-gallery-slider" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="tw-w-full tw-px-2.5 lg:tw-px-10 lg:tw-pt-12 lg:tw-pb-4 tw-mb-20"> <div class="cms-element-category-name-selector-el"> <p class="tw-text-xs lg:tw-text-sm tw-leading-4.25 lg:tw-leading-4.5 tw-tracking-[0.02438rem] lg:tw-tracking-[0.035rem] tw-font-medium tw-uppercase tw-mb-4"> POPULÃRE MÃRKER </p> <div class="tw-flex tw-flex-wrap tw-flex-row tw-gap-x-4 lg:tw-gap-x-7.5 tw-relative lg:tw-leading-14.5"> <a href="https://www.kaufmann.dk/brands/boss" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">BOSS</div> </div> </a> <a href="https://www.kaufmann.dk/brands/polo-ralph-lauren" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">POLO RALPH LAUREN</div> </div> </a> <a href="https://www.kaufmann.dk/brands/tommy-hilfiger" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">TOMMY HILFIGER</div> </div> </a> <a href="https://www.kaufmann.dk/brands/cp-company/" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">C.P. COMPANY</div> </div> </a> <a href="https://www.kaufmann.dk/brands/eton" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">ETON</div> </div> </a> <a href="https://www.kaufmann.dk/brands/signal" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">SIGNAL</div> </div> </a> <a href="https://www.kaufmann.dk/brands/hugo" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">HUGO</div> </div> </a> <a href="https://www.kaufmann.dk/brands/les-deux" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">LES DEUX</div> </div> </a> <a href="https://www.kaufmann.dk/brands/handpicked" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">HANDPICKED</div> </div> </a> <a href="https://www.kaufmann.dk/brands/gant" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">GANT</div> </div> </a> <a href="https://www.kaufmann.dk/brands/new-balance" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">NEW BALANCE</div> </div> </a> <a href="https://www.kaufmann.dk/brands/parajumpers" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">PARAJUMPERS</div> </div> </a> <a href="https://www.kaufmann.dk/brands/iceland" class="tw-font-heading tw-leading-8.5 lg:tw-leading-14.5 tw-uppercase tw-text-2xl lg:tw-text-[48px] tw-group hover:tw-no-underline"> <div class="tw-relative lg:tw-leading-14.5"> <div class="tw-animated-underline-single thick">ICELAND</div> </div> </a> </div> <a class="tw-group tw-flex tw-items-center tw-pr-7 tw-pl-7.5 tw-text-sm tw-uppercase tw-font-medium tw-mt-6 lg:tw-mt-10 tw-border-1.5 tw-border-black tw-h-12 !tw-no-underline hover:tw-no-underline hover:tw-ease-out tw-duration-500 tw-text-black hover:tw-bg-black hover:tw-text-white tw-w-full md:tw-w-max" href="https://www.kaufmann.dk/brands" > <span class="tw-flex tw-items-center tw-mx-auto">
1033 <div class="tw-mr-1.5 tw-leading-3.5">SE ALLE MÃRKER</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1034 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> <div x-data="horizontalScrollbar()" class="tw-mt-8 lg:tw-mt-12 tw-relative tw-overflow-y-auto"> <div x-ref="carouselContainer" class="tw-flex tw-flex-row tw-gap-x-5 lg:tw-gap-x-10 tw-overflow-x-auto tw-mb-2 tw-pb-6 tw-custom-scroll tw-snap-x tw-snap-mandatory"> <div class="tw-w-1/3 tw-min-w-[13.75rem] tw-group tw-snap-center"> <a class="tw-cursor-default" href="https://www.kaufmann.dk/brands/cp-company/" > <div class="tw-relative tw-mb-4 lg:tw-mb-6 lg:tw-max-h-[42.5rem]"> <a href="https://www.kaufmann.dk/brands/cp-company/" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/65/82/00/1788254269/K_brand-web_CP_1290x1700_FW26.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/65/82/00/1788254269/K_brand-web_CP_1290x1700_FW26.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/65/82/00/1788254269/K_brand-web_CP_1290x1700_FW26.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/65/82/00/1788254269/K_brand-web_CP_1290x1700_FW26.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/65/82/00/1788254269/K_brand-web_CP_1290x1700_FW26.jpg 392w" data-sizes="auto" data-aspectratio="1" class="frosh-proc lazyload tw-min-h-[17rem] tw-h-auto tw-w-full lg:tw-max-h-[42.5rem]" alt="C.P. Company" title="C.P. Company" loading="lazy" style="aspect-ratio:0.75882352941176;" /> </a> <div class="tw-absolute tw-bottom-4 tw-right-4 tw-hidden group-hover:lg:tw-flex tw-justify-center tw-items-center"> <a class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center hover:tw-cursor-pointer" href="https://www.kaufmann.dk/brands/cp-company/" > <svg width="48" height="48" class="icon--circle-arrow no-shadow"> <use xlink:href="#circle-arrow"></use> </svg> </a> </div> </div> </a> <div class="tw-flex tw-justify-center tw-h-8 lg:tw-h-14 tw-max-h-8 lg:tw-max-h-14 tw-mt-2 lg:tw-mt-4"> <a href="https://www.kaufmann.dk/brands/cp-company/" class="tw-w-full tw-flex tw-justify-center" > <img src="https://www.kaufmann.dk/media/29/e6/f7/1743592101/CP-Company_logo.svg?ts=1745915524" class="tw-w-full tw-h-full tw-max-h-14" loading="lazy" alt="C.P. Company" /> </a> </div> </div> <div class="tw-w-1/3 tw-min-w-[13.75rem] tw-group tw-snap-center"> <a class="tw-cursor-default" href="https://www.kaufmann.dk/brands/boss" > <div class="tw-relative tw-mb-4 lg:tw-mb-6 lg:tw-max-h-[42.5rem]"> <a href="https://www.kaufmann.dk/brands/boss" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/c2/71/f7/1788947758/K_brand-web_BOSS_alle_1290x1700_fw26.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/c2/71/f7/1788947758/K_brand-web_BOSS_alle_1290x1700_fw26.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/c2/71/f7/1788947758/K_brand-web_BOSS_alle_1290x1700_fw26.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/c2/71/f7/1788947758/K_brand-web_BOSS_alle_1290x1700_fw26.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/c2/71/f7/1788947758/K_brand-web_BOSS_alle_1290x1700_fw26.jpg 392w" data-sizes="auto" data-aspectratio="1" class="frosh-proc lazyload tw-min-h-[17rem] tw-h-auto tw-w-full lg:tw-max-h-[42.5rem]" alt="" title="" loading="lazy" style="aspect-ratio:0.75882352941176;" /> </a> <div class="tw-absolute tw-bottom-4 tw-right-4 tw-hidden group-hover:lg:tw-flex tw-justify-center tw-items-center"> <a class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center hover:tw-cursor-pointer" href="https://www.kaufmann.dk/brands/boss" > <svg width="48" height="48" class="icon--circle-arrow no-shadow"> <use xlink:href="#circle-arrow"></use> </svg> </a> </div> </div> </a> <div class="tw-flex tw-justify-center tw-h-8 lg:tw-h-14 tw-max-h-8 lg:tw-max-h-14 tw-mt-2 lg:tw-mt-4"> <a href="https://www.kaufmann.dk/brands/boss" class="tw-w-full tw-flex tw-justify-center" > <img src="https://www.kaufmann.dk/media/1a/c7/83/1743592101/BOSS_logo.svg?ts=1745915524" class="tw-w-full tw-h-full tw-max-h-10" loading="lazy" alt="BOSS" /> </a> </div> </div> <div class="tw-w-1/3 tw-min-w-[13.75rem] tw-group tw-snap-center"> <a class="tw-cursor-default" href="https://www.kaufmann.dk/brands/polo-ralph-lauren" > <div class="tw-relative tw-mb-4 lg:tw-mb-6 lg:tw-max-h-[42.5rem]"> <a href="https://www.kaufmann.dk/brands/polo-ralph-lauren" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/95/e6/36/1788948065/K_brand-web_Polo-Ralph-Lauren_1290x1700_fw26.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/95/e6/36/1788948065/K_brand-web_Polo-Ralph-Lauren_1290x1700_fw26.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/95/e6/36/1788948065/K_brand-web_Polo-Ralph-Lauren_1290x1700_fw26.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/95/e6/36/1788948065/K_brand-web_Polo-Ralph-Lauren_1290x1700_fw26.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/95/e6/36/1788948065/K_brand-web_Polo-Ralph-Lauren_1290x1700_fw26.jpg 392w" data-sizes="auto" data-aspectratio="1" class="frosh-proc lazyload tw-min-h-[17rem] tw-h-auto tw-w-full lg:tw-max-h-[42.5rem]" alt="" title="" loading="lazy" style="aspect-ratio:0.75882352941176;" /> </a> <div class="tw-absolute tw-bottom-4 tw-right-4 tw-hidden group-hover:lg:tw-flex tw-justify-center tw-items-center"> <a class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center hover:tw-cursor-pointer" href="https://www.kaufmann.dk/brands/polo-ralph-lauren" > <svg width="48" height="48" class="icon--circle-arrow no-shadow"> <use xlink:href="#circle-arrow"></use> </svg> </a> </div> </div> </a> <div class="tw-flex tw-justify-center tw-h-8 lg:tw-h-14 tw-max-h-8 lg:tw-max-h-14 tw-mt-2 lg:tw-mt-4"> <a href="https://www.kaufmann.dk/brands/polo-ralph-lauren" class="tw-w-full tw-flex tw-justify-center" > <img src="https://www.kaufmann.dk/media/72/4f/aa/1743592103/Polo-Ralph-Lauren_logo.svg?ts=1745915524" class="tw-w-full tw-h-full tw-max-h-10" loading="lazy" alt="Polo Ralph Lauren" />
1034 </a> </div> </div> </div> <div x-ref="scrollbarTrack" class="scrollbar-track lg:tw-hidden"></div> <div x-ref="thumb" class="scrollbar-thumb lg:tw-hidden"></div> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section pos-6 cms-section-default" style=""> <div class="tw-max-w-screen-3xl tw-w-full tw-mx-auto"> <div class=" pos-0 cms-block-image-text-box-product-slider" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="tw-w-full tw-mb-20 tw-flex tw-flex-col tw-gap-1 lg:tw-gap-2"> <div class="tw-grid-cols-2 md:tw-grid"> <div class="tw-overflow-hidden"> <a href="https://www.kaufmann.dk/mest-populaere" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/d9/69/f6/1787742821/K_web_fokus-spot_1290x1040_MP_u36.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/d9/69/f6/1787742821/K_web_fokus-spot_1290x1040_MP_u36.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/d9/69/f6/1787742821/K_web_fokus-spot_1290x1040_MP_u36.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/d9/69/f6/1787742821/K_web_fokus-spot_1290x1040_MP_u36.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/d9/69/f6/1787742821/K_web_fokus-spot_1290x1040_MP_u36.jpg 392w" data-sizes="auto" data-aspectratio="1.2403846153846" class="frosh-proc lazyload md:tw-hidden" alt="Mest Populære" title="Mest Populære" loading="lazy" style="aspect-ratio:1.2403846153846;" /> </a> <a href="https://www.kaufmann.dk/mest-populaere" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/d9/69/f6/1787742821/K_web_fokus-spot_1290x1040_MP_u36.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/d9/69/f6/1787742821/K_web_fokus-spot_1290x1040_MP_u36.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/d9/69/f6/1787742821/K_web_fokus-spot_1290x1040_MP_u36.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/d9/69/f6/1787742821/K_web_fokus-spot_1290x1040_MP_u36.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/d9/69/f6/1787742821/K_web_fokus-spot_1290x1040_MP_u36.jpg 392w" data-sizes="auto" data-aspectratio="1.2403846153846" data-parent-fit="cover" class="frosh-proc lazyload tw-hidden md:tw-block tw-w-full tw-h-full tw-object-cover tw-object-center" alt="Mest Populære" title="Mest Populære" loading="lazy" data-object-fit="cover" style="aspect-ratio:1.2403846153846;" /> </a> </div> <div class="tw-flex tw-flex-col tw-justify-end tw-px-2.5 tw-py-12 lg:tw-px-12 2xl:tw-p-20 tw-text-white tw-order-first" style="background-color: #252629"> <div class="tw-text-white"> <div class="tw-text-xs lg:tw-text-sm tw-font-medium tw-leading-4.25 lg:tw-leading-4.25 tw-tracking-[0.02438rem] lg:tw-tracking-[0.035rem] tw-uppercase tw-mb-2 lg:tw-mb-6"> Trending </div> <h2 class="tw-font-heading tw-font-normal tw-text-[1.6875rem] lg:tw-text-5xl tw-leading-8.5 lg:tw-leading-13.5 header"> MEST POPULÃRE </h2> </div> <div class="tw-mt-4 lg:tw-mt-8 tw-text-md tw-font-normal tw-leading-6 tw-max-w-[32.875rem]"> GÃ¥ pÃ¥ opdagelse blandt favoritter fra brands som Bareen, Polo Ralph Lauren, BLS, Parajumpers og mange flere. </div> <a class="tw-group tw-flex tw-items-center tw-pr-7 tw-pl-7.5 tw-text-sm tw-uppercase tw-font-medium tw-mt-6 lg:tw-mt-10 tw-border-1.5 tw-border-white tw-h-12 !tw-no-underline hover:tw-no-underline hover:tw-ease-out tw-duration-500 tw-text-white hover:tw-bg-white hover:tw-text-black tw-w-full md:tw-w-max" href="https://www.kaufmann.dk/mest-populaere" > <span class="tw-flex tw-items-center tw-mx-auto">
1034 <div class="tw-mr-1.5 tw-leading-3.5">Se de mest populære styles</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1035 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-white icon- tw-text-white group-hover:tw-text-black group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-white icon- tw-text-white group-hover:tw-text-black group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> </div> <div x-data="recommendCarouselLazyLoader(false)" x-init="setupLazyLoading()" @lazyload:trigger.window="triggerLoad($event)"> <template x-if="shouldLoad"> <div x-data="recommendCarousel('personalProductRecommendation', 16, false, false)" x-resize="setIsScrollable" class="tw-group/scrollbar tw-relative tw-overflow-y-auto lg:tw-scrollbar-hide [contain:inline-size]" data-displayed-at-location="Frontpage" data-product-id="" data-product-number="" data-categori-id="" data-product-numbers='' data-filter-brand-id="" data-filter-category-id="01908295d2b17f8db348ee9a5149ba2e" > <div class="tw-flex tw-flex-row tw-space-x-1 lg:tw-space-x-2 tw-overflow-x-auto lg:tw-scrollbar-hide tw-mb-2 tw-pb-2 lg:tw-pb-4 lg:tw-mb-1 tw-max-w-[100vw] tw-custom-scroll" x-ref="carouselContainer" > <template x-for="productHit in recommendHits" hidden :key="productHit.variant.variantId"> <div class="carouselItem tw-min-w-[170px] lg:tw-min-w-[382px]"> <div x-data="productSearchHit(productHit,{},null)" class="tw-group tw-z-30 hover:lg:tw-z-20" > <a href="/detail/" :href="getUrl()" class="tw-text-black hover:tw-no-underline tw-inline-block tw-w-full lg:group-hover:tw-shadow-[0px_0px_50px_rgba(0,0,0,0.1)] lg:tw-pb-5" > <div class="tw-relative"> <div class="tw-left-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="previousGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-right-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="nextGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="mediaGalleryContainer tw-image-background-gradient tw-overflow-x-auto tw-flex tw-custom-scroll tw-snap-x tw-snap-mandatory" x-ref="carouselContainer" x-on:scroll.throttle.150ms="onMediaScroll" > <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden> <div class="mediaGalleryNode tw-snap-center tw-justify-center tw-items-center tw-flex tw-min-w-full"> <div class="tw-flex tw-justify-center tw-items-center tw-min-w-full tw-image-background-gradient tw-px-2.5 tw-pt-2.5 lg:tw-px-6 lg:tw-pt-8 lg:tw-pb-5"> <img src="" srcset="" alt="" :src="chosenColorMedia.data?.mediaUrl?.value" :srcset="wexoMediaSrcset(chosenColorMedia)" :alt="productData?.brand?.displayName" class="tw-object-contain tw-max-h-full tw-max-w-full tw-h-[230px] lg:tw-h-[373px]" loading="lazy" sizes="(max-width: 1023px) 230px, 373px" > </div> </div> </template> <div class="tw-flex tw-justify-center tw-items-center tw-min-w-full tw-image-background-gradient tw-px-2.5 tw-pt-2.5 lg:tw-px-6 lg:tw-pt-8 lg:tw-pb-5" x-data="destroyOnInit" x-init="destroy()"> <img src="" srcset="" alt="" class="tw-object-contain tw-max-h-full tw-max-w-full tw-h-[150px] lg:tw-h-[373px]" loading="lazy" sizes="(max-width: 1023px) 150px, 373px" > </div> </div> <button class="tw-absolute tw-right-2 tw-top-2 lg:tw-right-2.5 tw-ease-out tw-duration-300 lg:tw-top-2.5" @mouseleave="activateFavoriteHover = true" :class="[ 1036 isFavorite ? 'tw-text-black' : 'tw-text-transparent', 1037 activateFavoriteHover ? 1038 (isFavorite ? 'lg:hover:tw-text-transparent' : 'lg:hover:tw-text-black') 1039 : '' 1040 ]" @click.prevent.stop="toggleFavorite()" > <span class="icon icon-favourites icon-favourites !tw-h-5 !tw-w-5 lg:!tw-h-6 lg:!tw-w-6"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5037 12.5834-7.5 7.428-7.49998-7.428c-.4947-.4814-.88436-1.06-1.14445-1.6994-.2601-.6393-.38499-1.32564-.36681-2.01566.01817-.69002.17902-1.3688.47242-1.9936.29339-.6248.71297-1.18208 1.23233-1.63675.51935-.45468 1.12721-.79689 1.78532-1.0051s1.35219-.2779 2.03856-.20468c.68636.07322 1.35013.28775 1.94951.6301.5994.34235 1.1214.8051 1.5331 1.3591.4136-.54998.9362-1.00868 1.5351-1.3474.599-.33871 1.2614-.55015 1.9458-.62108.6845-.07093 1.3762.00018 2.0319.20887s1.2612.55048 1.7788 1.00397c.5175.45349.9358 1.00892 1.2288 1.63153s.4544 1.29899.4739 1.98682c.0196.68782-.103 1.37228-.3601 2.01058-.2572.6382-.6433 1.2165-1.1342 1.6987" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg> </span> </button> <template x-if="chosenColor?.labels?.length"> <div class="tw-absolute tw-left-0 tw-top-0 tw-flex" > <template x-for="label in chosenColor.labels"> <div class="tw-text-2xs tw-p-1 tw-text-white tw-bg-black" x-text="label.data.content.value" :style="label.data.style.value" ></div> </template> </div> </template> </div> <div class="lg:tw-hidden tw-flex tw-items-center tw-justify-center tw-px-1 tw-h-1 tw-mt-0.5" :class="(chosenColor?.mediaGallery?.length ?? 0) < 2 ? 'tw-invisible' : ''"> <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden>
1040 <div class="tw-mr-2 tw-border-b-1 tw-h-px" :class="chosenColor.currentMediaPos === chosenColorMediaIndex ? 'tw-w-[1.5625rem] tw-bg-black' : 'tw-w-6 tw-bg-ui-divider'" ></div> </template> </div> <div class="tw-px-2.5 lg:tw-px-5"> <div class="tw-flex tw-justify-between tw-items-center tw-mt-2.5 lg:tw-mt-4"> <div class="tw-font-medium lg:tw-text-lg tw-leading-5.5 tw-max-w-[73%] tw-line-clamp-1" x-text="productData.brand?.displayName ?? productData.displayName"> </div> <div class="tw-hidden lg:tw-block"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 1041 'background-color': color.hexCode ?? 'black', 1042 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 1043 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> </div> <div class="tw-text-xs lg:tw-text-md tw-font-light tw-leading-5 tw-text-ui-text-grey tw-h-5 tw-line-clamp-1"> <span x-text="productFitValue"></span> <span x-show="productData.displayName && productFitValue">/</span> <span x-text="productData.displayName"></span> <span x-show="chosenColor.label && (productData.displayName || productFitValue)">/</span> <span x-text="chosenColor.label"></span> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6 tw-flex tw-text-nowrap" x-show="!isGiftCard()"> <div x-show="chosenColor.pricing?.formattedListPrice" x-cloak x-text="chosenColor.pricing?.formattedListPrice" class="tw-text-ui-text-grey tw-line-through tw-mr-2.5"></div> <div x-text="chosenColor.pricing?.formattedSalesPrice">DKK 0</div> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6" x-cloak x-show="isGiftCard"> <div>Vælg beløb</div> </div> <div class="tw-py-[3px] lg:tw-hidden"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 1044 'background-color': color.hexCode ?? 'black', 1045 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 1046 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> <div class="tw-rel-size"> <template x-if="shouldDisplaySizeAttribute()"> <template x-for="size in chosenColor.availableSizes"> <span x-text="size.label" class="tw-pr-1"></span> </template> </template> <div x-show="!shouldDisplaySizeAttribute()" x-cloak> <span>Findes i mange størrelser</span> </div> </div> </div> </a> </div> </div> </template> </div> <div class="tw-absolute tw-top-[192px] tw-left-[48px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" x-show="currentPos > 0 && isScrollable"> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center" @click.prevent.stop="decrementPos"> <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-absolute tw-top-[192px] tw-right-[48px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" @click.prevent.stop="incrementPos" x-show="isScrollable"> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center"> <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div x-show="isScrollable" class="[contain:layout]"> <div x-ref="scrollbarTrack" class="scrollbar-track lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 t
1046w-transition-opacity tw-duration-500 tw-ease-in-out"></div> <div x-ref="thumb" class="scrollbar-thumb lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-ease-in-out"></div> </div> </div> </template> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section pos-7 cms-section-default" style=""> <div class="tw-max-w-screen-3xl tw-w-full tw-mx-auto"> <div class=" pos-0 cms-block-text-cta-image" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="tw-w-full md:tw-grid tw-grid-cols-2 tw-mb-8 md:tw-mb-10" style="background-color: #e0e1e3"> <div class="md:tw-h-full "> <a href="https://www.kaufmann.dk/the-journal" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/01/cb/48/1789714933/K_web_fokus-spot_1290x1040_magasin_FW26_u38.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/01/cb/48/1789714933/K_web_fokus-spot_1290x1040_magasin_FW26_u38.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/01/cb/48/1789714933/K_web_fokus-spot_1290x1040_magasin_FW26_u38.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/01/cb/48/1789714933/K_web_fokus-spot_1290x1040_magasin_FW26_u38.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/01/cb/48/1789714933/K_web_fokus-spot_1290x1040_magasin_FW26_u38.jpg 392w" data-sizes="auto" data-aspectratio="1.2403846153846" class="frosh-proc lazyload md:tw-hidden tw-w-full md:tw-h-full tw-object-cover tw-object-center" alt="KAUFMANN Journal FW26" title="KAUFMANN Journal FW26" loading="lazy" style="aspect-ratio:1.2403846153846;" /> </a> <a href="https://www.kaufmann.dk/the-journal" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/01/cb/48/1789714933/K_web_fokus-spot_1290x1040_magasin_FW26_u38.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/01/cb/48/1789714933/K_web_fokus-spot_1290x1040_magasin_FW26_u38.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/01/cb/48/1789714933/K_web_fokus-spot_1290x1040_magasin_FW26_u38.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/01/cb/48/1789714933/K_web_fokus-spot_1290x1040_magasin_FW26_u38.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/01/cb/48/1789714933/K_web_fokus-spot_1290x1040_magasin_FW26_u38.jpg 392w" data-sizes="auto" data-aspectratio="1.2403846153846" data-parent-fit="cover" class="frosh-proc lazyload tw-hidden md:tw-block tw-w-full tw-h-full tw-object-cover tw-object-center" alt="KAUFMANN Journal FW26" title="KAUFMANN Journal FW26" loading="lazy" data-object-fit="cover" style="aspect-ratio:1.2403846153846;" /> </a> </div> <div class="tw-px-2.5 md:tw-px-4 tw-py-8 3xl:tw-p-14 tw-flex tw-flex-col tw-justify-end tw-order-first"> <div class="tw-mb-10 md:tw-mt-10 lg:tw-mt-0 xl:tw-mt-10 2xl:tw-mt-20 3xl:tw-mt-36"> <div class="tw-flex tw-flex-col tw-gap-2"> <p class="tw-text-xs lg:tw-text-sm tw-font-medium tw-leading-4.25 lg:tw-leading-4.5 tw-tracking-wide tw-uppercase"> Netop udkommet </p> <h2 class="tw-text-2.5xl lg:tw-text-3xl 2xl:tw-text-4xl 3xl:tw-text-5xl tw-leading-8.5 lg:tw-leading-11.5 xl:tw-leading-13.5 tw-tracking-normal tw-font-heading header"> KAUFMANN JOURNAL </h2> </div> </div> <div class="cms-element-text tw-font-light tw-items-start tw-leading-6.5 tw-text-base"> <p>Vi er meget glade for at kunne præsentere denne sæsons nye KAUFMANN magasin, som endnu engang er spækket med spændende artikler og masser af læsestof til efterårs- og vintersæsonen</p><br/><p>Du kan hente et gratis eksemplar i en af vores butikker, læse populære artikler her i vores webshop, eller læse et digitalt eksemplar.</p> </div> <div> <a class="tw-group tw-flex tw-items-center tw-pr-7 tw-pl-7.5 tw-text-sm tw-uppercase tw-font-medium tw-mt-6 lg:tw-mt-10 tw-border-1.5 tw-border-black tw-h-12 !tw-no-underline hover:tw-no-underline hover:tw-ease-out tw-duration-500 tw-text-black hover:tw-bg-black hover:tw-text-white tw-w-full md:tw-w-max" href="https://www.kaufmann.dk/the-journal" > <span class="tw-flex tw-items-center tw-mx-auto">
1046 <div class="tw-mr-1.5 tw-leading-3.5">Læs mere</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1047 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-black icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-black icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section pos-8 cms-section-default" style=""> <div class="tw-max-w-screen-3xl tw-w-full tw-mx-auto"> <div class="hidden-desktop hidden-tablet hidden-mobile pos-0 cms-block-image-text-gallery-slider" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="tw-w-full tw-px-2.5 lg:tw-px-10 tw-bg-grey-300 tw-py-12 lg:tw-pt-20 lg:tw-pb-14 tw-mb-20"> <div class=""> <div class="tw-text-xs lg:tw-text-sm tw-font-medium tw-leading-4.25 lg:tw-leading-4.25 tw-tracking-[0.02438rem] lg:tw-tracking-[0.035rem] tw-uppercase tw-mb-2"> Populære </div> <h2 class="tw-text-[1.6875rem] lg:tw-text-[2.5rem] tw-leading-8.5 lg:tw-leading-11.5 tw-tracking-[-0.05rem] header"> Trends </h2> </div> <div x-data="horizontalScrollbar()" class="tw-mt-2 lg:tw-mt-8 tw-relative tw-overflow-y-auto"> <div x-ref="carouselContainer" class="tw-flex tw-flex-row tw-gap-x-[1.125rem] lg:tw-justify-between lg:tw-gap-x-10 tw-overflow-x-auto tw-pb-6 tw-max-w-[100vw] tw-custom-scroll tw-snap-x tw-snap-mandatory"> <div class="tw-w-1/4 tw-min-w-[18.4375rem] lg:tw-min-w-[15rem] lg:tw-w-1/3 2xl:tw-w-1/4 tw-snap-center"> <div class="tw-mb-4 lg:tw-mb-6"> <a href="https://www.kaufmann.dk/trends/autumn-essentials" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/70/1c/7d/1787829600/K_web_trends_1290x1430_Autumn%20Essentials.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/70/1c/7d/1787829600/K_web_trends_1290x1430_Autumn%20Essentials.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/70/1c/7d/1787829600/K_web_trends_1290x1430_Autumn%20Essentials.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/70/1c/7d/1787829600/K_web_trends_1290x1430_Autumn%20Essentials.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/70/1c/7d/1787829600/K_web_trends_1290x1430_Autumn%20Essentials.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-w-full" alt="Autumn Essentials" title="Autumn Essentials" loading="lazy" data-object-fit="cover" style="aspect-ratio:0.9020979020979;" /> </a> </div> <div class=""> <h3 class="tw-text-[1.375rem] lg:tw-text-2xl tw-leading-6.5 lg:tw-leading-7 header"> Autumn Essentials </h3> <a href="https://www.kaufmann.dk/trends/autumn-essentials" class="tw-group tw-flex tw-items-center tw-text-sm tw-mt-4"> <div class="tw-font-medium tw-leading-4 tw-tracking-[0.035rem] tw-uppercase tw-animated-underline-single"> Shop trend </div> <div class="tw-ml-1 tw-w-4 tw-overflow-hidden"> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1048 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </div> </a> </div> </div> <div class="tw-w-1/4 tw-min-w-[18.4375rem] lg:tw-min-w-[15rem] lg:tw-w-1/3 2xl:tw-w-1/4 tw-snap-center"> <div class="tw-mb-4 lg:tw-mb-6"> <a href="https://www.kaufmann.dk/trends/essentials" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/4a/43/3e/1787829711/K_web_trends_1290x1430_Autumn%20Essentials_%281%29.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/4a/43/3e/1787829711/K_web_trends_1290x1430_Autumn%20Essentials_%281%29.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/4a/43/3e/1787829711/K_web_trends_1290x1430_Autumn%20Essentials_%281%29.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/4a/43/3e/1787829711/K_web_trends_1290x1430_Autumn%20Essentials_%281%29.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/4a/43/3e/1787829711/K_web_trends_1290x1430_Autumn%20Essentials_%281%29.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-w-full" alt="Everyday Essentials" title="Everyday Essentials" loading="lazy" data-object-fit="cover" style="aspect-ratio:0.9020979020979;" /> </a> </div> <div class=""> <h3 class="tw-text-[1.375rem] lg:tw-text-2xl tw-leading-6.5 lg:tw-leading-7 header"> Everyday Essentials </h3> <a href="https://www.kaufmann.dk/trends/essentials" class="tw-group tw-flex tw-items-center tw-text-sm tw-mt-4"> <div class="tw-font-medium tw-leading-4 tw-tracking-[0.035rem] tw-uppercase tw-animated-underline-single"> Shop trend </div> <div class="tw-ml-1 tw-w-4 tw-overflow-hidden"> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1049 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </div> </a> </div> </div> <div class="tw-w-1/4 tw-min-w-[18.4375rem] lg:tw-min-w-[15rem] lg:tw-w-1/3 2xl:tw-w-1/4 tw-snap-center"> <div class="tw-mb-4 lg:tw-mb-6"> <a href="https://www.kaufmann.dk/shop-the-look" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/59/4b/25/1787821669/K_web_trends_1290x1430_shopthelook_u35.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/59/4b/25/1787821669/K_web_trends_1290x1430_shopthelook_u35.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/59/4b/25/1787821669/K_web_trends_1290x1430_shopthelook_u35.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/59/4b/25/1787821669/K_web_trends_1290x1430_shopthelook_u35.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/59/4b/25/1787821669/K_web_trends_1290x1430_shopthelook_u35.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-w-full" alt="Shop the look - FW26" title="Shop the look - FW26" loading="lazy" data-object-fit="cover" style="aspect-ratio:0.9020979020979;" /> </a> </div> <div class=""> <h3 class="tw-text-[1.375rem] lg:tw-text-2xl tw-leading-6.5 lg:tw-leading-7 header"> Fall/Winter looks </h3> <a href="https://www.kaufmann.dk/shop-the-look" class="tw-group tw-flex tw-items-center tw-text-sm tw-mt-4"> <div class="tw-font-medium tw-leading-4 tw-tracking-[0.035rem] tw-uppercase tw-animated-underline-single"> Shop the look </div> <div class="tw-ml-1 tw-w-4 tw-overflow-hidden"> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1050 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </div> </a> </div> </div> <div class="tw-w-1/4 tw-min-w-[18.4375rem] lg:tw-min-w-[15rem] lg:tw-w-1/3 2xl:tw-w-1/4 lg:tw-hidden 2xl:tw-block tw-snap-center"> <div class="tw-mb-4 lg:tw-mb-6"> <a href="https://www.kaufmann.dk/trends/business-casual" class=""> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/1c/39/8c/1787829668/K_web_trends_1290x1430_Business%20Casual_%281%29.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/1c/39/8c/1787829668/K_web_trends_1290x1430_Business%20Casual_%281%29.jpg 1081w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/1c/39/8c/1787829668/K_web_trends_1290x1430_Business%20Casual_%281%29.jpg 1080w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/1c/39/8c/1787829668/K_web_trends_1290x1430_Business%20Casual_%281%29.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D392%2Cheight%3D392%2Cformat%3Dauto/media/1c/39/8c/1787829668/K_web_trends_1290x1430_Business%20Casual_%281%29.jpg 392w" data-sizes="auto" data-aspectratio="1" data-parent-fit="cover" class="frosh-proc lazyload tw-w-full" alt="Bu
1050siness Casual" title="Business Casual" loading="lazy" data-object-fit="cover" style="aspect-ratio:0.9020979020979;" /> </a> </div> <div class=""> <h3 class="tw-text-[1.375rem] lg:tw-text-2xl tw-leading-6.5 lg:tw-leading-7 header"> Business Casual </h3> <a href="https://www.kaufmann.dk/trends/business-casual" class="tw-group tw-flex tw-items-center tw-text-sm tw-mt-4"> <div class="tw-font-medium tw-leading-4 tw-tracking-[0.035rem] tw-uppercase tw-animated-underline-single"> Shop trend </div> <div class="tw-ml-1 tw-w-4 tw-overflow-hidden"> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1051 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </div> </a> </div> </div> </div> <div x-ref="scrollbarTrack" class="scrollbar-track lg:tw-hidden"></div> <div x-ref="thumb" class="scrollbar-thumb lg:tw-hidden"></div> </div> </div> </div> </div> </div> <div class=" pos-1 cms-block-shop-the-look-slider" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="cms-block-shop-the-look-slider tw-w-full tw-px-2.5 lg:tw-px-10 lg:tw-pt-12 lg:tw-pb-4 tw-mb-20"> <div class="tw-flex tw-justify-between tw-items-end tw-mb-4 lg:tw-mb-8"> <div class="tw-flex tw-flex-col tw-gap-2 tw-px-2.5 md:tw-px-10 lg:tw-px-0"> <h4 class="tw-font-heading tw-text-lg lg:tw-text-[1.875rem] tw-leading-5 lg:tw-leading-8.75"> Nyeste looks </h4> </div> <div class="tw-hidden md:tw-block md:tw-mr-2.5 lg:tw-mr-10"> <a class="tw-group tw-flex tw-items-center tw-pr-7 tw-pl-7.5 tw-text-sm tw-uppercase tw-font-medium tw-mt-6 lg:tw-mt-10 tw-border-1.5 tw-border-black tw-h-12 !tw-no-underline hover:tw-no-underline hover:tw-ease-out tw-duration-500 tw-text-black hover:tw-bg-black hover:tw-text-white tw-w-full md:tw-w-max" href="https://www.kaufmann.dk/shop-the-look" > <span class="tw-flex tw-items-center tw-mx-auto"> <div class="tw-mr-1.5 tw-leading-3.5">Se alle looks</div> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1052 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-black icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-black icon- tw-text-black group-hover:tw-text-white group-hover:tw-ease-out tw-duration-500 "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </a> </div> </div> <div id="shopTheLookSlider" class="cms-element-shop-the-look-slider" x-data="{ 1053 isScrollable: false, 1054 currentPos: 0, 1055 container: null, 1056 incrementPos() { 1057 if (!this.container) return; 1058 const itemWidth = this.container.querySelector('.tw-snap-center').offsetWidth; 1059 const gap = 18; 1060 this.container.scrollBy({ left: itemWidth + gap, behavior: 'smooth' }); 1061 this.updateCurrentPos(); 1062 }, 1063 decrementPos() { 1064 if (!this.container) return; 1065 const itemWidth = this.container.querySelector('.tw-snap-center').offsetWidth; 1066 const gap = 18; 1067 this.container.scrollBy({ left: -(itemWidth + gap), behavior: 'smooth' }); 1068 this.updateCurrentPos(); 1069 }, 1070 updateCurrentPos() { 1071 if (!this.container) return; 1072 this.currentPos = this.container.scrollLeft; 1073 }, 1074 setIsScrollable() { 1075 if (!this.container) return; 1076 this.isScrollable = this.container.scrollWidth > (this.container.clientWidth + 2); 1077 }, 1078 init() { 1079 this.$nextTick(() => { 1080 const container = this.$el.querySelector('[x-ref=carouselContainer]'); 1081 if (!container) return; 1082 this.container = container; 1083 container.addEventListener('scroll', () => this.updateCurrentPos()); 1084 window.addEventListener('resize', () => this.setIsScrollable()); 1085 this.setIsScrollable(); 1086 setTimeout(() => this.setIsScrollable(), 50); 1087 setTimeout(() => this.setIsScrollable(), 150); 1088 setTimeout(() => this.setIsScrollable(), 500); 1089 const images = container.querySelectorAll('img');
1090 images.forEach(img => { if (!img.complete) { img.addEventListener('load', () => this.setIsScrollable()); } }); 1091 }); 1092 } 1093 }" x-init="init()" > <div x-data="horizontalScrollbar()" class="tw-group/scrollbar tw-relative tw-overflow-y-auto lg:tw-scrollbar-hide [contain:inline-size]"> <div x-ref="carouselContainer" class="tw-flex tw-flex-row tw-gap-x-4.5 tw-overflow-x-auto tw-mb-2 tw-pb-6 tw-custom-scroll tw-snap-x tw-snap-mandatory"> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/fw26-look-8"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/2b/f4/d4/1787821605/K_web_Shop-the-look_1990x1680_Look_08-01_AC-strik.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/2b/f4/d4/1787821605/K_web_Shop-the-look_1990x1680_Look_08-01_AC-strik.jpg 614w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/2b/f4/d4/1787821605/K_web_Shop-the-look_1990x1680_Look_08-01_AC-strik.jpg 829w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/2b/f4/d4/1787821605/K_web_Shop-the-look_1990x1680_Look_08-01_AC-strik.jpg 992w" sizes="(max-width: 460px) 800px, 1200px" alt="Et velklædt look til efteråret" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Et velklædt look til efteråret </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1094 tw-leading-4 tw-relative tw-uppercase 1095 after:tw-h-[1px] 1096 after:tw-bg-black 1097 after:tw-block 1098 after:tw-w-0 1099 after:tw-left-0 1100 after:tw-absolute 1101 group-hover:after:tw-w-full 1102 group-hover:after:tw-left-0 1103 after:tw-transition-width 1104 after:tw-duration-700 1105 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1106 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/fw26-look-7"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/28/23/b7/1787821586/K_web_Shop-the-look_1990x1680_Look_07-01_sand-blazer.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/28/23/b7/1787821586/K_web_Shop-the-look_1990x1680_Look_07-01_sand-blazer.jpg 614w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/28/23/b7/1787821586/K_
1106web_Shop-the-look_1990x1680_Look_07-01_sand-blazer.jpg 829w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/28/23/b7/1787821586/K_web_Shop-the-look_1990x1680_Look_07-01_sand-blazer.jpg 992w" sizes="(max-width: 460px) 800px, 1200px" alt="Klassisk blazer møder afslappet denim" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Klassisk blazer møder afslappet denim </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1107 tw-leading-4 tw-relative tw-uppercase 1108 after:tw-h-[1px] 1109 after:tw-bg-black 1110 after:tw-block 1111 after:tw-w-0 1112 after:tw-left-0 1113 after:tw-absolute 1114 group-hover:after:tw-w-full 1115 group-hover:after:tw-left-0 1116 after:tw-transition-width 1117 after:tw-duration-700 1118 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1119 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/fw26-look-6"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/27/73/c0/1787821563/K_web_Shop-the-look_1990x1680_Look_06-01_boss-st.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/27/73/c0/1787821563/K_web_Shop-the-look_1990x1680_Look_06-01_boss-st.jpg 614w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/27/73/c0/1787821563/K_web_Shop-the-look_1990x1680_Look_06-01_boss-st.jpg 829w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/27/73/c0/1787821563/K_web_Shop-the-look_1990x1680_Look_06-01_boss-st.jpg 992w" sizes="(max-width: 460px) 800px, 1200px" alt="Et stilrent sæt til efteråret" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Et stilrent sæt til efteråret </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1120 tw-leading-4 tw-relative tw-uppercase 1121 after:tw-h-[1px] 1122 after:tw-bg-black 1123 after:tw-block 1124 after:tw-w-0 1125 after:tw-left-0 1126 after:tw-absolute 1127 group-hover:after:tw-w-full 1128 group-hover:after:tw-left-0 1129 after:tw-transition-width 1130 after:tw-duration-700 1131 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1132 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/fw26-look-5"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/11/b3/4a/1787821541/K_web_Shop-the-look_1990x1680_L
1132ook_05-01_sand-overshirt.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/11/b3/4a/1787821541/K_web_Shop-the-look_1990x1680_Look_05-01_sand-overshirt.jpg 614w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/11/b3/4a/1787821541/K_web_Shop-the-look_1990x1680_Look_05-01_sand-overshirt.jpg 829w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/11/b3/4a/1787821541/K_web_Shop-the-look_1990x1680_Look_05-01_sand-overshirt.jpg 992w" sizes="(max-width: 460px) 800px, 1200px" alt="Efterårslook i afdæmpede nuancer" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Efterårslook i afdæmpede nuancer </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1133 tw-leading-4 tw-relative tw-uppercase 1134 after:tw-h-[1px] 1135 after:tw-bg-black 1136 after:tw-block 1137 after:tw-w-0 1138 after:tw-left-0 1139 after:tw-absolute 1140 group-hover:after:tw-w-full 1141 group-hover:after:tw-left-0 1142 after:tw-transition-width 1143 after:tw-duration-700 1144 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1145 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/fw26-look-4"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/69/41/d1/1787821521/K_web_Shop-the-look_1990x1680_Look_04-01_M-vest.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/69/41/d1/1787821521/K_web_Shop-the-look_1990x1680_Look_04-01_M-vest.jpg 614w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/69/41/d1/1787821521/K_web_Shop-the-look_1990x1680_Look_04-01_M-vest.jpg 829w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/69/41/d1/1787821521/K_web_Shop-the-look_1990x1680_Look_04-01_M-vest.jpg 992w" sizes="(max-width: 460px) 800px, 1200px" alt="Et moderne efterårslook med funktionelle lag" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Et moderne efterårslook med funktionelle lag </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1146 tw-leading-4 tw-relative tw-uppercase 1147 after:tw-h-[1px] 1148 after:tw-bg-black 1149 after:tw-block 1150 after:tw-w-0 1151 after:tw-left-0 1152 after:tw-absolute 1153 group-hover:after:tw-w-full 1154 group-hover:after:tw-left-0 1155 after:tw-transition-width 1156 after:tw-duration-700 1157 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1158 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/fw26-look-3"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/6c/26/9a/1787821495/K_web_Shop-the-look_1990x1680_L
1158ook_03-01_bl-blazer.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/6c/26/9a/1787821495/K_web_Shop-the-look_1990x1680_Look_03-01_bl-blazer.jpg 614w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/6c/26/9a/1787821495/K_web_Shop-the-look_1990x1680_Look_03-01_bl-blazer.jpg 829w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/6c/26/9a/1787821495/K_web_Shop-the-look_1990x1680_Look_03-01_bl-blazer.jpg 992w" sizes="(max-width: 460px) 800px, 1200px" alt="Et elegant efterårslook med klassiske lag" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Et elegant efterårslook med klassiske lag </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1159 tw-leading-4 tw-relative tw-uppercase 1160 after:tw-h-[1px] 1161 after:tw-bg-black 1162 after:tw-block 1163 after:tw-w-0 1164 after:tw-left-0 1165 after:tw-absolute 1166 group-hover:after:tw-w-full 1167 group-hover:after:tw-left-0 1168 after:tw-transition-width 1169 after:tw-duration-700 1170 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1171 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/fw26-look-2"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/19/54/03/1787821457/K_web_Shop-the-look_1990x1680_Look_02-01_cp.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/19/54/03/1787821457/K_web_Shop-the-look_1990x1680_Look_02-01_cp.jpg 614w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/19/54/03/1787821457/K_web_Shop-the-look_1990x1680_Look_02-01_cp.jpg 829w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/19/54/03/1787821457/K_web_Shop-the-look_1990x1680_Look_02-01_cp.jpg 992w" sizes="(max-width: 460px) 800px, 1200px" alt="Afslappet efterårslook i klassiske nuancer" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Afslappet efterårslook i klassiske nuancer </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1172 tw-leading-4 tw-relative tw-uppercase 1173 after:tw-h-[1px] 1174 after:tw-bg-black 1175 after:tw-block 1176 after:tw-w-0 1177 after:tw-left-0 1178 after:tw-absolute 1179 group-hover:after:tw-w-full 1180 group-hover:after:tw-left-0 1181 after:tw-transition-width 1182 after:tw-duration-700 1183 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1184 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/fw26-look-1"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/f8/e6/4a/1787314744/K_web_Shop-the-look_1990x1680_L
1184ook-01-01.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/f8/e6/4a/1787314744/K_web_Shop-the-look_1990x1680_Look-01-01.jpg 614w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/f8/e6/4a/1787314744/K_web_Shop-the-look_1990x1680_Look-01-01.jpg 829w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/f8/e6/4a/1787314744/K_web_Shop-the-look_1990x1680_Look-01-01.jpg 992w" sizes="(max-width: 460px) 800px, 1200px" alt="Et klassisk efterårslook i varme nuancer" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Et klassisk efterårslook i varme nuancer </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1185 tw-leading-4 tw-relative tw-uppercase 1186 after:tw-h-[1px] 1187 after:tw-bg-black 1188 after:tw-block 1189 after:tw-w-0 1190 after:tw-left-0 1191 after:tw-absolute 1192 group-hover:after:tw-w-full 1193 group-hover:after:tw-left-0 1194 after:tw-transition-width 1195 after:tw-duration-700 1196 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1197 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/ss26-look-13"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/b4/a6/e1/1778661597/K_web_Shop-the-look_1990x1430_ST--13_01.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/b4/a6/e1/1778661597/K_web_Shop-the-look_1990x1430_ST--13_01.jpg 721w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/b4/a6/e1/1778661597/K_web_Shop-the-look_1990x1430_ST--13_01.jpg 974w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/b4/a6/e1/1778661597/K_web_Shop-the-look_1990x1430_ST--13_01.jpg 1165w" sizes="(max-width: 460px) 800px, 1200px" alt="Skarpt sommerlook i lyse nuancer" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Skarpt sommerlook i lyse nuancer </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1198 tw-leading-4 tw-relative tw-uppercase 1199 after:tw-h-[1px] 1200 after:tw-bg-black 1201 after:tw-block 1202 after:tw-w-0 1203 after:tw-left-0 1204 after:tw-absolute 1205 group-hover:after:tw-w-full 1206 group-hover:after:tw-left-0 1207 after:tw-transition-width 1208 after:tw-duration-700 1209 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1210 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/ss26-look-10"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/6a/26/8e/1778661521/K_web_Shop-the-look_1990x1430_ST--10_01.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/6a/26/8e/1778661521/K_web_Shop-the-look_1990x1430_ST--10_01.jpg 721w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/6a/26/8e/1778661521/K_web_Shop-the-look_1990x1430_ST--10_01.jpg 974w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/6a/26/8e/1778661521/K_web_Shop-the-look_1990x1430_ST--10_01.jpg 1165w" sizes="(max-width: 460px) 800px, 1200px" alt="Let sommerstil i neutrale nuancer" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1">
1210 Let sommerstil i neutrale nuancer </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1211 tw-leading-4 tw-relative tw-uppercase 1212 after:tw-h-[1px] 1213 after:tw-bg-black 1214 after:tw-block 1215 after:tw-w-0 1216 after:tw-left-0 1217 after:tw-absolute 1218 group-hover:after:tw-w-full 1219 group-hover:after:tw-left-0 1220 after:tw-transition-width 1221 after:tw-duration-700 1222 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1223 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/ss26-look-9"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/af/16/5c/1779089410/K_web_Shop-the-look_1990x1430_ST--09_00_ny.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/af/16/5c/1779089410/K_web_Shop-the-look_1990x1430_ST--09_00_ny.jpg 721w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/af/16/5c/1779089410/K_web_Shop-the-look_1990x1430_ST--09_00_ny.jpg 974w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/af/16/5c/1779089410/K_web_Shop-the-look_1990x1430_ST--09_00_ny.jpg 1165w" sizes="(max-width: 460px) 800px, 1200px" alt="Lyse sommerstyles med afslappet attitude" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Lyse sommerstyles med afslappet attitude </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1224 tw-leading-4 tw-relative tw-uppercase 1225 after:tw-h-[1px] 1226 after:tw-bg-black 1227 after:tw-block 1228 after:tw-w-0 1229 after:tw-left-0 1230 after:tw-absolute 1231 group-hover:after:tw-w-full 1232 group-hover:after:tw-left-0 1233 after:tw-transition-width 1234 after:tw-duration-700 1235 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1236 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/ss26-look-8"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/67/33/d6/1778661461/K_web_Shop-the-look_1990x1430_ST--08_01.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/67/33/d6/1778661461/K_web_Shop-the-look_1990x1430_ST--08_01.jpg 721w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/67/33/d6/1778661461/K_web_Shop-the-look_1990x1430_ST--08_01.jpg 974w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/67/33/d6/1778661461/K_web_Shop-the-look_1990x1430_ST--08_01.jpg 1165w" sizes="(max-width: 460px) 800px, 1200px" alt="Afslappet sommerlook i mørke nuancer" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1">
1236 Afslappet sommerlook i mørke nuancer </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1237 tw-leading-4 tw-relative tw-uppercase 1238 after:tw-h-[1px] 1239 after:tw-bg-black 1240 after:tw-block 1241 after:tw-w-0 1242 after:tw-left-0 1243 after:tw-absolute 1244 group-hover:after:tw-w-full 1245 group-hover:after:tw-left-0 1246 after:tw-transition-width 1247 after:tw-duration-700 1248 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1249 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/ss26-look-7"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/ee/31/b1/1777535239/K_web_Shop-the-look_1990x1430_ST--07_01.png" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/ee/31/b1/1777535239/K_web_Shop-the-look_1990x1430_ST--07_01.png 721w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/ee/31/b1/1777535239/K_web_Shop-the-look_1990x1430_ST--07_01.png 974w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/ee/31/b1/1777535239/K_web_Shop-the-look_1990x1430_ST--07_01.png 1165w" sizes="(max-width: 460px) 800px, 1200px" alt="Afslappet sommerlook med striber" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Afslappet sommerlook med striber </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1250 tw-leading-4 tw-relative tw-uppercase 1251 after:tw-h-[1px] 1252 after:tw-bg-black 1253 after:tw-block 1254 after:tw-w-0 1255 after:tw-left-0 1256 after:tw-absolute 1257 group-hover:after:tw-w-full 1258 group-hover:after:tw-left-0 1259 after:tw-transition-width 1260 after:tw-duration-700 1261 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1262 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/ss26-look-1"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/a6/50/70/1776171546/K_web_Shop-the-look_1990x1430_ST--01_01.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/a6/50/70/1776171546/K_web_Shop-the-look_1990x1430_ST--01_01.jpg 721w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/a6/50/70/1776171546/K_web_Shop-the-look_1990x1430_ST--01_01.jpg 974w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/a6/50/70/1776171546/K_web_Shop-the-look_1990x1430_ST--01_01.jpg 1165w" sizes="(max-width: 460px) 800px, 1200px" alt="Det perfekte lag-på-lag forårssæt" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Det perfekte lag-på-lag forårssæt </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1263 tw-leading-4 tw-relative tw-uppercase 1264 after:tw-h-[1px] 1265 after:tw-bg-black 1266 after:tw-block 1267 after:tw-w-0 1268 after:tw-left-0 1269 after:tw-absolute 1270 group-hover:after:tw-w-full 1271 group-hover:after:tw-left-0 1272 after:tw-transition-width 1273 after:tw-duration-700 1274 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1275 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/ss26-look-2"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/1d/be/22/1776171538/K_web_Shop-the-look_1990x1430_ST--02_01.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/1d/be/22/1776171538/K_web_Shop-the-look_1990x1430_ST--02_01.jpg 721w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/1d/be/22/1776171538/K_web_Shop-the-look_1990x1430_ST--02_01.jpg 974w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/1d/be/22/1776171538/K_web_Shop-the-look_1990x1430_ST--02_01.jpg 1165w" sizes="(max-width: 460px) 800px, 1200px" alt="Enkelt lag-på-lag med stil" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1"> Enkelt lag-på-lag med stil </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1276 tw-leading-4 tw-relative tw-uppercase 1277 after:tw-h-[1px] 1278 after:tw-bg-black 1279 after:tw-block 1280 after:tw-w-0 1281 after:tw-left-0 1282 after:tw-absolute 1283 group-hover:after:tw-w-full 1284 group-hover:after:tw-left-0 1285 after:tw-transition-width 1286 after:tw-duration-700 1287 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1288 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> <div class="tw-min-w-[13.75rem] tw-w-[13.75rem] lg:tw-min-w-[28.75rem] lg:tw-w-[28.75rem] tw-aspect-[460/600] tw-h-auto tw-group tw-snap-center"> <a href="https://www.kaufmann.dk/shop-the-look/ss26-look-6"> <div class="tw-relative tw-mb-4 lg:tw-mb-6"> <img src="https://www.kaufmann.dk/cdn-cgi/image/width=3360,height=3360,format=auto/media/6f/ca/37/1776335970/K_web_Shop-the-look_1990x1430_ST--06_01.jpg" srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/6f/ca/37/1776335970/K_web_Shop-the-look_1990x1430_ST--06_01.jpg 721w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1080%2Cheight%3D1080%2Cformat%3Dauto/media/6f/ca/37/1776335970/K_web_Shop-the-look_1990x1430_ST--06_01.jpg 974w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/6f/ca/37/1776335970/K_web_Shop-the-look_1990x1430_ST--06_01.jpg 1165w" sizes="(max-width: 460px) 800px, 1200px" alt="Casual look med kant" class="tw-aspect-[460/600] tw-w-full tw-object-cover"> </div> <div class="tw-mt-6"> <div class="tw-text-base lg:tw-text-2xl tw-leading-7 tw-text-black tw-mb-1">
1288 Casual look med kant </div> <span class="tw-flex tw-gap-2 tw-items-center"> <p class="tw-text-sm 1289 tw-leading-4 tw-relative tw-uppercase 1290 after:tw-h-[1px] 1291 after:tw-bg-black 1292 after:tw-block 1293 after:tw-w-0 1294 after:tw-left-0 1295 after:tw-absolute 1296 group-hover:after:tw-w-full 1297 group-hover:after:tw-left-0 1298 after:tw-transition-width 1299 after:tw-duration-700 1300 after:tw-ease-in-out" > Udforsk </p> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1301 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </div> </a> </div> </div> <div class="tw-absolute tw-top-[264px] tw-left-[48px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" x-show="currentPos > 0 && isScrollable" x-cloak> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center" @click.prevent.stop="decrementPos"> <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-absolute tw-top-[264px] tw-right-[48px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" x-show="isScrollable" x-cloak> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center" @click.prevent.stop="incrementPos"> <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div x-ref="scrollbarTrack" class="scrollbar-track lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-ease-in-out"></div> <div x-ref="thumb" class="scrollbar-thumb lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-ease-in-out"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section pos-9 cms-section-default" style=""> <div class="tw-max-w-screen-3xl tw-w-full tw-mx-auto"> <div class="hide-carousel-without-hits pos-0 cms-block-product-slider-header" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="tw-w-full tw-mb-20 lg:tw-pl-10"> <div class="tw-flex tw-justify-between tw-items-end tw-mb-4 lg:tw-mb-8"> <div class="tw-flex tw-flex-col tw-gap-2 tw-px-2.5 md:tw-px-10 lg:tw-px-0"> <p class="tw-text-xs tw-font-medium tw-leading-4.25 tw-tracking-[0.02438rem] tw-uppercase tw-text-black"> Du har senest kigget på </p> <h4 class="tw-font-heading tw-text-[1.6875rem] lg:tw-text-[2.5rem] tw-leading-8.5 lg:tw-leading-11.5 lg:tw-tracking-[-0.05rem]"> Shop videre </h4> </div> </div> <div x-data="recommendCarouselLazyLoader(false)" x-init="setupLazyLoading()" @lazyload:trigger.window="triggerLoad($event)"> <template x-if="shouldLoad"> <div x-data="recommendCarousel('recentlyViewedProducts', 16, false, false)" x-resize="setIsScrollable" class="tw-group/scrollbar tw-relative tw-overflow-y-auto lg:tw-scrollbar-hide [contain:inline-size]" data-displayed-at-location="Frontpage" data-product-id="" data-product-number="" data-categori-id="" data-product-numbers='' data-filter-brand-id="" data-filter-category-id="" > <div class="tw-flex tw-flex-row tw-space-x-1 lg:tw-space-x-2 tw-overflow-x-auto lg:tw-scrollbar-hide tw-mb-2 tw-pb-2 lg:tw-pb-4 lg:tw-mb-1 tw-max-w-[100vw] tw-custom-scroll" x-ref="carouselContainer" > <template x-for="productHit in recommendHits" hidden :key="productHit.variant.variantId"> <div class="carouselItem tw-min-w-[170px] lg:tw-min-w-[394px]"> <div x-data="productSearchHit(productHit,{},null)" class="tw-group tw-z-30 hover:lg:tw-z-20" > <a href="/detail/" :href="getUrl()" class="tw-text-black hover:tw-no-underline tw-inline-block tw-w-full lg:group-hover:tw-shadow-[0px_0px_50px_rgba(0,0,0,0.1)] lg:tw-pb-5" > <div class="tw-relative"> <div class="tw-left-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="previousGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-right-[20px] rel-gal-arrow" x-show="(chosenColor?.mediaGallery?.length ?? 0) > 1"> <button @click.prevent.stop="nextGalleryMedia" class="rel-gal-arrow-btn" > <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="mediaGalleryContainer tw-image-background-gradient tw-overflow-x-auto tw-flex tw-custom-scroll tw-snap-x tw-snap-mandatory" x-ref="carouselContainer" x-on:scroll.throttle.150ms="onMediaScroll" > <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden> <div class="mediaGalleryNode tw-snap-center tw-justify-center tw-items-center tw-flex tw-min-w-full"> <div class="tw-flex tw-justify-center tw-items-center tw-min-w-full tw-image-background-gradient tw-px-2.5 tw-pt-2.5 lg:tw-px-6 lg:tw-pt-8 lg:tw-pb-5"> <img src="" srcset="" alt="" :src="chosenColorMedia.data?.mediaUrl?.value" :srcset="wexoMediaSrcset(chosenColorMedia)" :alt="productData?.brand?.displayName" class="tw-object-contain tw-max-h-full tw-max-w-full tw-h-[230px] lg:tw-h-[373px]" loading="lazy" sizes="(max-width: 1023px) 230px, 373px" > </div> </div> </template> <div class="tw-flex tw-justify-center tw-items-center tw-min-w-full tw-image-background-gradient tw-px-2.5 tw-pt-2.5 lg:tw-px-6 lg:tw-pt-8 lg:tw-pb-5" x-data="destroyOnInit" x-init="destroy()"> <img src="" srcset="" alt="" class="tw-object-contain tw-max-h-full tw-max-w-full tw-h-[150px] lg:tw-h-[373px]" loading="lazy" sizes="(max-width: 1023px) 150px, 373px" > </div> </div> <button class="tw-absolute tw-right-2 tw-top-2 lg:tw-right-2.5 tw-ease-out tw-duration-300 lg:tw-top-2.5" @mouseleave="activateFavoriteHover = true" :class="[ 1302 isFavorite ? 'tw-text-black' : 'tw-text-transparent', 1303 activateFavoriteHover ? 1304 (isFavorite ? 'lg:hover:tw-text-transparent' : 'lg:hover:tw-text-black') 1305 : '' 1306 ]" @click.prevent.stop="toggleFavorite()" > <span class="icon icon-favourites icon-favourites !tw-h-5 !tw-w-5 lg:!tw-h-6 lg:!tw-w-6"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5037 12.5834-7.5 7.428-7.49998-7.428c-.4947-.4814-.88436-1.06-1.14445-1.6994-.2601-.6393-.38499-1.32564-.36681-2.01566.01817-.69002.17902-1.3688.47242-1.9936.29339-.6248.71297-1.18208 1.23233-1.63675.51935-.45468 1.12721-.79689 1.78532-1.0051s1.35219-.2779 2.03856-.20468c.68636.07322 1.35013.28775 1.94951.6301.5994.34235 1.1214.8051 1.5331 1.3591.4136-.54998.9362-1.00868 1.5351-1.3474.599-.33871 1.2614-.55015 1.9458-.62108.6845-.07093 1.3762.00018 2.0319.20887s1.2612.55048 1.7788 1.00397c.5175.45349.9358 1.00892 1.2288 1.63153s.4544 1.29899.4739 1.98682c.0196.68782-.103 1.37228-.3601 2.01058-.2572.6382-.6433 1.2165-1.1342 1.6987" stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg> </span> </button> <template x-if="chosenColor?.labels?.length"> <div class="tw-absolute tw-left-0 tw-top-0 tw-flex" > <template x-for="label in chosenColor.labels"> <div class="tw-text-2xs tw-p-1 tw-text-white tw-bg-black" x-text="label.data.content.value" :style="label.data.style.value" ></div> </template> </div> </template> </div> <div class="lg:tw-hidden tw-flex tw-items-center tw-justify-center tw-px-1 tw-h-1 tw-mt-0.5" :class="(chosenColor?.mediaGallery?.length ?? 0) < 2 ? 'tw-invisible' : ''"> <template x-for="(chosenColorMedia,chosenColorMediaIndex) in chosenColor?.mediaGallery ?? []" x-key="chosenColorMedia.data.mediaId.value" hidden>
1306 <div class="tw-mr-2 tw-border-b-1 tw-h-px" :class="chosenColor.currentMediaPos === chosenColorMediaIndex ? 'tw-w-[1.5625rem] tw-bg-black' : 'tw-w-6 tw-bg-ui-divider'" ></div> </template> </div> <div class="tw-px-2.5 lg:tw-px-5"> <div class="tw-flex tw-justify-between tw-items-center tw-mt-2.5 lg:tw-mt-4"> <div class="tw-font-medium lg:tw-text-lg tw-leading-5.5 tw-max-w-[73%] tw-line-clamp-1" x-text="productData.brand?.displayName ?? productData.displayName"> </div> <div class="tw-hidden lg:tw-block"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 1307 'background-color': color.hexCode ?? 'black', 1308 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 1309 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> </div> <div class="tw-text-xs lg:tw-text-md tw-font-light tw-leading-5 tw-text-ui-text-grey tw-h-5 tw-line-clamp-1"> <span x-text="productFitValue"></span> <span x-show="productData.displayName && productFitValue">/</span> <span x-text="productData.displayName"></span> <span x-show="chosenColor.label && (productData.displayName || productFitValue)">/</span> <span x-text="chosenColor.label"></span> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6 tw-flex tw-text-nowrap" x-show="!isGiftCard()"> <div x-show="chosenColor.pricing?.formattedListPrice" x-cloak x-text="chosenColor.pricing?.formattedListPrice" class="tw-text-ui-text-grey tw-line-through tw-mr-2.5"></div> <div x-text="chosenColor.pricing?.formattedSalesPrice">DKK 0</div> </div> <div class="tw-mt-1.5 tw-text-md lg:tw-text-base tw-font-medium tw-leading-6" x-cloak x-show="isGiftCard"> <div>Vælg beløb</div> </div> <div class="tw-py-[3px] lg:tw-hidden"> <div @click.prevent.stop="" class="lg:tw-pl-2 tw-cursor-default"> <template x-if="colorAttributeWithStock.length"> <template x-for="(color, index) in colorAttributeWithStock"> <button x-show="index < maxColorAttributeToShow" @click.prevent.stop="choseColor(color)" class="tw-mr-1 tw-h-[21px] lg:tw-h-[22px]" :class="{'tw-border-b': color.label === chosenColor.label}"> <span class="tw-inline-block tw-w-2.5 tw-h-2.5 lg:tw-w-3 lg:tw-h-3 tw-rounded-full tw-bg-black" :class="color.gradientClass ?? ''" :style="{ 1310 'background-color': color.hexCode ?? 'black', 1311 'border': (color.hexCode?.toLowerCase() === '#ffffff' ? '1px solid #000000' : 'none') 1312 }" > </span> </button> </template> </template> <template x-if="colorAttributeWithStock.length > maxColorAttributeToShow"> <span class="tw-text-xs tw-font-normal" x-text="'+' + (colorAttributeWithStock.length - maxColorAttributeToShow)"></span> </template> </div> </div> <div class="tw-rel-size"> <template x-if="shouldDisplaySizeAttribute()"> <template x-for="size in chosenColor.availableSizes"> <span x-text="size.label" class="tw-pr-1"></span> </template> </template> <div x-show="!shouldDisplaySizeAttribute()" x-cloak> <span>Findes i mange størrelser</span> </div> </div> </div> </a> </div> </div> </template> </div> <div class="tw-absolute tw-top-[192px] tw-left-[48px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" x-show="currentPos > 0 && isScrollable"> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center" @click.prevent.stop="decrementPos"> <svg width="48" height="48" class="icon--circle-arrow tw-rotate-180"> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div class="tw-absolute tw-top-[192px] tw-right-[48px] tw-hidden lg:tw-flex tw-justify-center tw-items-center" @click.prevent.stop="incrementPos" x-show="isScrollable"> <button class="tw-bg-white tw-rounded-full tw-h-12 tw-w-12 tw-flex tw-justify-center tw-items-center"> <svg width="48" height="48" class="icon--circle-arrow "> <use xlink:href="#circle-arrow"></use> </svg> </button> </div> <div x-show="isScrollable" class="[contain:layout]"> <div x-ref="scrollbarTrack" class="scrollbar-track lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 t
1312w-transition-opacity tw-duration-500 tw-ease-in-out"></div> <div x-ref="thumb" class="scrollbar-thumb lg:tw-opacity-0 group-hover/scrollbar:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-ease-in-out"></div> </div> </div> </template> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section pos-10 cms-section-default" style=""> <div class="tw-max-w-screen-3xl md:tw-px-10 tw-mx-auto tw-w-full"> <div class=" pos-0 cms-block-header-two-column-text" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="tw-w-full lg:tw-border-t tw-border-ui-divider"> <div class="tw-grid lg:tw-grid-cols-2 tw-px-2.5 lg:tw-mx-0 tw-max-w-[1360px] tw-w-full tw-gap-x-[8.75rem] tw-gap-y-20 lg:tw-pt-20 tw-mb-20" data-cms-element-id=""> <div class="tw-full lg:stw-w-1/2 tw-max-w-[37.5rem]"> <div x-data="{ open: false }" class="cms-element-header-text-clamp tw-text-base tw-font-light tw-leading-6.5 "> <p class="tw-mb-2 tw-font-medium tw-text-xs lg:tw-text-sm tw-leading-4.25 lg:tw-leading-4.5 tw-tracking-[0.02438rem] lg:tw-tracking-[0.035rem] tw-uppercase"> Om </p> <h2 class="tw-font-heading tw-font-normal tw-text-[1.6875rem] lg:tw-text-5xl tw-leading-8.5 lg:tw-leading-13.5 tw-mb-8 lg:tw-mb-10"> KAUFMANN </h2> <div class="tw-hidden tw-line-clamp-[7] tw-line-clamp-[8] tw-line-clamp-[9] tw-line-clamp-[10] tw-line-clamp-[11] tw-line-clamp-[12]"></div> <div class="cms-element-text tw-line-clamp-[10]" :class="open ? 'tw-line-clamp-none' : ''"> <h2>God service, som du kender fra butikkerne</h2> <p>Selvom vi nu også sælger herremode online, skal du ikke snydes for den gode service, der kendetegner vores fysiske butikker rundt om i landet. Vi vil nemlig gerne påtage os ekspertrollen og formidle den viden vi besidder om tøj til mænd. Det er en ekspertviden, som bygger på mere end 100 års erfaring. Derfor er vi i stand til at give dig den bedste service og vejledning inden for klassisk og moderigtigt herretøj.</p> <p>Herudover tilbyder vi dig hurtig levering lige til døren samt fordelagtige bytte- og returforhold, når du vælger at købe herretøj online hos os. Vi garanterer dig desuden en sikker nethandel, så du altid er i trygge hænder, når du handler herremode online i vores webshop.</p> <h2>Noget for enhver smag, når du køber herretøj online</h2> <p> Vi sætter en stor ære i at kunne tilbyde vores kunder et bredt udvalg af herretøj online, så der er noget at finde for enhver smag. Derfor finder du her på siden såvel som i vores mange butikker tøj i forskellige stilarter og til forskellige lejligheder. Det betyder, at du i vores sortiment blandt andet kan købe herremode online til det klassiske, elegante look, den sporty stil, et afslappet eller råt udtryk og meget, meget mere. Fælles for alt tøjet er, at vores dygtige personale har håndplukket det ud fra kravene om høj kvalitet, lækre materialer, flot design, tidens trends og god komfort. Du finder b.la. herremode online fra altid populære Lacoste, der om nogen formår at kombinere sport og mode i en klassisk elegant stil, og det danske modehus Sand, hvor kvalitet og design er i højsædet. Uanset hvad du leder efter, har vi et stort udvalg af herretøj online, som vi håber du vil blive inspireret af.</p> </div> <button class="tw-group tw-flex tw-items-center tw-mt-8" @click="open = ! open"> <span x-text="open ? 'Skjul' : 'Læs mere'" class="tw-text-sm tw-font-medium tw-leading-4 tw-uppercase tw-tracking-[0.035rem] tw-animated-underline-single "> </span> <span class="tw-h-4 tw-w-4 tw-ml-1 tw-pt-px tw-overflow-hidden" :class="open ? '-tw-rotate-90' : ''"> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1313 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </button> </div> </div> <div class="tw-full lg:ttw-w-1/2 tw-max-w-[37.5rem]"> <div x-data="{ open: false }" class="cms-element-header-text-clamp tw-text-base tw-font-light tw-leading-6.5 "> <p class="tw-mb-2 tw-font-medium tw-text-xs lg:tw-text-sm tw-leading-4.25 lg:tw-leading-4.5 tw-tracking-[0.02438rem] lg:tw-tracking-[0.035rem] tw-uppercase"> Bredt udvalg af </p> <h1 class="tw-font-heading tw-font-normal tw-text-[1.6875rem] lg:tw-text-5xl tw-leading-8.5 lg:tw-leading-13.5 tw-mb-8 lg:tw-mb-10"> Herretøj </h1> <div class="tw-hidden tw-line-clamp-[7] tw-line-clamp-[8] tw-line-clamp-[9] tw-line-clamp-[10] tw-line-clamp-[11] tw-line-clamp-[12]"></div> <div class="cms-element-text tw-line-clamp-[10]" :class="open ? 'tw-line-clamp-none' : ''"> <h2>Herremode online<br></h2> <p>Velkommen til Kaufmann.dk. Vi er stolte over at kunne præsentere dig for vores store og eksklusive udvalg af herretøj online. Her finder du sko, tilbehør og herretøj online fra alle de kendte og populære mærker fra hele verden som Hugo Boss, Tommy Hilfiger, Hugo Boss Athleisure, Gant og Polo Ralph Lauren.</p> <p>Vi udvælger vores sortiment nøje, så du her på siden finder en håndplukket samling af det allerbedste herremode online fra de allerdygtigste og allerstørste. Det betyder, at kvalitet og design er i højsædet, hvorfor du blot skal bekymre dig om at gå efter lige netop dét, der falder i din smag. Vi håber, du vil lade dig inspirere, fascinere og måske endda friste af det store udvalg af herremode online, som du finder i vores webshop.</p> <h2>Køb herretøj online hos Kaufmann</h2> <p>Kaufmann er en traditionsrig kæde af herretøjsbutikker, som efterhånden findes i det meste af landet og kendetegnes ved kun at forhandle tøj i højeste kvalitet og i de lækreste designs, og nu også ved at sælge herretøj online. Lige siden Axel Kaufmann i 1908 åbnede sin første butik i Aarhus, har kæden både udviklet og formeret sig, men har dog altid haft en finger på pulsen, hvad angår mode og trends til mænd i alle aldre. Vi har altid sat en stor ære i at bevare de traditioner og den store respekt for faget, som Kaufmann beror på samt at holde liv i den dedikation og passion, som går igen hos de tre generationer, der gennem tiden har stået i spidsen for Kaufmann. Det samme gælder, når du handler herretøj online hos Kaufmann - her er stadig samme fokus på god kvalitet, og vi står til rådighed med vores ekstraordinære kundeservice, hvis du får brug for det.</p> </div> <button class="tw-group tw-flex tw-items-center tw-mt-8" @click="open = ! open"> <span x-text="open ? 'Skjul' : 'Læs mere'" class="tw-text-sm tw-font-medium tw-leading-4 tw-uppercase tw-tracking-[0.035rem] tw-animated-underline-single "> </span> <span class="tw-h-4 tw-w-4 tw-ml-1 tw-pt-px tw-overflow-hidden" :class="open ? '-tw-rotate-90' : ''"> <div class="tw-w-4 tw-overflow-hidden "> <div class="tw-flex tw-justify-between tw-w-8 -tw-ml-4 tw-transition-translate 1314 tw-duration-700 tw-ease-in-out group-hover group-hover:tw-translate-x-4"> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> <span class="icon icon-arrow-right icon-sm "> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </div> </div> </span> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cms-section pos-11 cms-section-default" style=""> <div class="tw-max-w-screen-3xl tw-w-full tw-mx-auto"> <div class="hidden-mobile pos-0 cms-block-image-cover" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="col-12" data-cms-element-id="01a03dcc905d71b9a25b91059605d4d4"> <div class="cms-element-image 1315 tw-flex tw-h-full tw-items-center tw-justify-center"> <div class="cms-element-alignment 1316 tw-self-center 1317 "> <div class="tw-w-full cms-image-container is-stretch" > <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/d5/93/81/1741120297/butik.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/d5/93/81/1741120297/butik.jpg 1921w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1920%2
1317Cheight%3D1920%2Cformat%3Dauto/media/d5/93/81/1741120297/butik.jpg 1920w, https://www.kaufmann.dk/cdn-cgi/image/width%3D1292%2Cheight%3D1292%2Cformat%3Dauto/media/d5/93/81/1741120297/butik.jpg 1292w, https://www.kaufmann.dk/cdn-cgi/image/width%3D920%2Cheight%3D920%2Cformat%3Dauto/media/d5/93/81/1741120297/butik.jpg 920w, https://www.kaufmann.dk/cdn-cgi/image/width%3D800%2Cheight%3D800%2Cformat%3Dauto/media/d5/93/81/1741120297/butik.jpg 800w, https://www.kaufmann.dk/cdn-cgi/image/width%3D400%2Cheight%3D400%2Cformat%3Dauto/media/d5/93/81/1741120297/butik.jpg 400w" data-sizes="auto" data-aspectratio="2.9370629370629" class="frosh-proc lazyload cms-image" alt="" title="" loading="lazy" style="aspect-ratio:2.9370629370629;" /> </div> </div> </div> </div> </div> </div> </div> <div class="hidden-desktop hidden-tablet pos-1 cms-block-image-cover" style=""> <div style=""> <div class="tw-flex tw-flex-wrap "> <div class="col-12" data-cms-element-id="01a03dcc905e72ffac833eafa69abee5"> <div class="cms-element-image 1318 tw-flex tw-h-full tw-items-center tw-justify-center"> <div class="cms-element-alignment 1319 tw-self-center 1320 "> <div class="tw-w-full cms-image-container is-standard" > <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/1b/87/26/1741815560/butik-mobil.jpg" data-srcset="https://www.kaufmann.dk/cdn-cgi/image/width%3D3360%2Cheight%3D3360%2Cformat%3Dauto/media/1b/87/26/1741815560/butik-mobil.jpg 401w, https://www.kaufmann.dk/cdn-cgi/image/width%3D400%2Cheight%3D400%2Cformat%3Dauto/media/1b/87/26/1741815560/butik-mobil.jpg 400w" data-sizes="auto" data-aspectratio="1.6268980477223" class="frosh-proc lazyload cms-image" alt="" title="" loading="lazy" style="aspect-ratio:1.6268980477223;" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="tw-bg-black"> <div x-data="{ width: 0 }" x-resize="width = $width;" class="tw-max-w-screen-3xl tw-mx-auto tw-pt-14 lg:tw-pt-[7.5rem] tw-px-2.5 md:tw-px-10 tw-pb-6 lg:tw-pb-10 tw-text-white"> <div x-data="{ active: null }" class="lg:tw-flex lg:tw-flex-col lg:tw-flex-wrap lg:tw-content-between lg:tw-max-h-[52rem] 2xl:tw-max-h-[38rem] tw-gap-x-7.5 lg:tw-gap-x-0 lg:tw-gap-y-14 lg:tw-items-start lg:tw-order-last tw-content-start" role="list"> <div class="tw-flex tw-flex-col tw-gap-4 tw-text-white tw-mb-14 lg:tw-hidden"> <div class="tw-w-[150px]"> <svg viewBox="0 0 200 24"> <use xlink:href="#logo"></use> </svg> </div> <p class="tw-text-3xs tw-leading-2.5 tw-tracking-[0.0125rem] tw-uppercase"> 2026 @Axel Kaufmann ApS<span class="tw-px-2"></span>CVR-NR. 19 09 81 92 </p> </div> <div class="tw-text-md tw-leading-4.5 lg:tw-w-[calc((100%-3rem)/3)] 2xl:tw-w-[calc((100%-3rem)/4)] lg:tw-order-first" role="list"> <h5 class="tw-text-md lg:tw-text-sm tw-font-sans tw-font-semibold tw-leading-4.5 tw-text-white tw-uppercase tw-mb-4">Kontakt os</h5> <div class="tw-font-light tw-mb-14 lg:tw-mb-0 tw-space-y-1.5"> <p class="tw-opacity-90" role="listitem"> Telefon: <a class="hover:tw-cursor-pointer" href="tel:+4587304647">87 30 46 47</a> </p> <p class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-tracking-[0.00875rem]" role="listitem"> <a class="hover:tw-cursor-pointer" href="mailto:[email protected]">Mail: [email protected]</a> </p> <p class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-tracking-[0.00875rem]" role="listitem"> <a href="/butikker"> Find butik og åbningstider </a> </p> </div> </div> <div class="tw-text-md tw-leading-4.5 tw-mb-10 lg:tw-mb-0 lg:tw-w-[calc((100%-3rem)/3)] 2xl:tw-w-[calc((100%-3rem)/4)] lg:tw-order-first" role="list"> <h5 class="tw-text-md lg:tw-text-sm tw-font-sans tw-font-semibold tw-text-white tw-leading-4.5 tw-uppercase tw-mb-4">à bningstider for kundeservice</h5> <div class="tw-font-light tw-space-y-1.5 tw-opacity-90"> <p role="listitem">Mandag - torsdag: 08:30 - 15:30</p> <p role="listitem">Fredag: 08:30 - 14:30</p> <p role="listitem">Lørdag - søndag: Lukket</p> <p role="listitem">Helligdage: Lukket</p> </div> </div> <div x-data="{ 1321 id: 1, 1322 get expanded() { 1323 return this.active === this.id 1324 }, 1325 set expanded(value) { 1326 this.active = value ? this.id : null 1327 }, 1328 }" id="footer-accordion-1" role="region" class="tw-block tw-py-4 lg:tw-pt-0 tw-first:pt-0 tw-last:border-b-0 tw-last:pb-0 lg:tw-w-[calc((100%-3rem)/3)] 2xl:tw-w-[calc((100%-3rem)/4)] tw-border-b tw-border-white tw-border-opacity-40 lg:tw-border-b-0 lg:tw-order-1" > <h5 class="tw-text-md lg:tw-text-sm tw-font-sans tw-font-semibold tw-leading-4.5 tw-text-white tw-uppercase"> <button type="button" x-on:click="expanded = !expanded" x-show="width < 1009" :aria-expanded="expanded" class="tw-group tw-flex tw-w-full tw-items-center tw-justify-between tw-text-left tw-font-medium tw-text-white" > <span class="tw-uppercase">Online rådgivning</span>
1328 <svg x-show="expanded" x-cloak fill="none" height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)" style="transform-origin: 8px 8px;" transform="matrix(-1, 0, 0, -1, 0, 0)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> <svg x-show="!expanded" fill="none" height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> </button> <span class="tw-hidden lg:tw-block tw-uppercase">Online rådgivning</span> </h5> <div x-show="expanded || width >= 1009" x-collapse class="tw-mt-4"> <ul class="tw-font-light tw-space-y-1.5 tw-text-white tw-opacity-90"> <li> <a href="https://www.kaufmann.dk/kundeservice/stoerrelsesguide/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Størrelsesguide" > Størrelsesguide </a> </li> <li> <a href="https://www.kaufmann.dk/shop-the-look" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Shop the look" > Shop the look </a> </li> <li> <a href="https://www.kaufmann.dk/guides" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Stilguides" > Stilguides </a> </li> </ul> </div> </div> <div x-data="{ 1329 id: 2, 1330 get expanded() { 1331 return this.active === this.id 1332 }, 1333 set expanded(value) { 1334 this.active = value ? this.id : null 1335 }, 1336 }" id="footer-accordion-2" role="region" class="tw-block tw-py-4 lg:tw-pt-0 tw-first:pt-0 tw-last:border-b-0 tw-last:pb-0 lg:tw-w-[calc((100%-3rem)/3)] 2xl:tw-w-[calc((100%-3rem)/4)] tw-border-b tw-border-white tw-border-opacity-40 lg:tw-border-b-0 lg:tw-order-2" > <h5 class="tw-text-md lg:tw-text-sm tw-font-sans tw-font-semibold tw-leading-4.5 tw-text-white tw-uppercase"> <button type="button" x-on:click="expanded = !expanded" x-show="width < 1009" :aria-expanded="expanded" class="tw-group tw-flex tw-w-full tw-items-center tw-justify-between tw-text-left tw-font-medium tw-text-white" > <span class="tw-uppercase">Hjælp</span> <svg x-show="expanded" x-cloak fill="none" height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)" style="transform-origin: 8px 8px;" transform="matrix(-1, 0, 0, -1, 0, 0)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> <svg x-show="!expanded" fill="none" height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> </button> <span class="tw-hidden lg:tw-block tw-uppercase">Hjælp</span> </h5> <div x-show="expanded || width >= 1009" x-collapse class="tw-mt-4"> <ul class="tw-font-light tw-space-y-1.5 tw-text-white tw-opacity-90"> <li> <a href="https://www.kaufmann.dk/afmeld-nyhedsbrev-eller-sms" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Afmeld nyhedsbrev eller SMS" > Afmeld nyhedsbrev eller SMS </a> </li> <li> <a href="https://www.kaufmann.dk/kundeservice/cookiepolitik/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Cookiepolitik" > Cookiepolitik </a> </li> <li> <a href="/butikker" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Find butik" > Find butik </a> </li> <li> <a href="/fortryd-koeb" class="tw-opacity-70 hover:tw-opacity-100 t
1336w-transition-opacity tw-duration-500" title="Fortryd køb" > Fortryd køb </a> </li> <li> <a href="https://www.kaufmann.dk/kundeservice/handelsbetingelser/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Handelsbetingelser" > Handelsbetingelser </a> </li> <li> <a href="https://www.kaufmann.dk/kundeservice" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Kontakt os" > Kontakt os </a> </li> <li> <a href="https://www.kaufmann.dk/kundeservice/kundeklubsbetingelser/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Kundeklubsbetingelser" > Kundeklubsbetingelser </a> </li> <li> <a href="https://www.kaufmann.dk/kundeservice/levering-og-betaling/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Levering og betaling" > Levering og betaling </a> </li> <li> <a href="https://support.kaufmann.dk/hc/da" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" target="_blank" title="Ofte stillede spørgsmål" > Ofte stillede spørgsmål </a> </li> <li> <a href="https://www.kaufmann.dk/kundeservice/privatlivspolitik/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Privatlivspolitik" > Privatlivspolitik </a> </li> <li> <a href="https://www.kaufmann.dk/kundeservice/returnering-og-ombytning/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Returnering og ombytning" > Returnering og ombytning </a> </li> </ul> </div> </div> <div x-data="{ 1337 id: 3, 1338 get expanded() { 1339 return this.active === this.id 1340 }, 1341 set expanded(value) { 1342 this.active = value ? this.id : null 1343 }, 1344 }" id="footer-accordion-3" role="region" class="tw-block tw-py-4 lg:tw-pt-0 tw-first:pt-0 tw-last:border-b-0 tw-last:pb-0 lg:tw-w-[calc((100%-3rem)/3)] 2xl:tw-w-[calc((100%-3rem)/4)] tw-border-b tw-border-white tw-border-opacity-40 lg:tw-border-b-0 lg:tw-order-3" > <h5 class="tw-text-md lg:tw-text-sm tw-font-sans tw-font-semibold tw-leading-4.5 tw-text-white tw-uppercase"> <button type="button" x-on:click="expanded = !expanded" x-show="width < 1009" :aria-expanded="expanded" class="tw-group tw-flex tw-w-full tw-items-center tw-justify-between tw-text-left tw-font-medium tw-text-white" > <span class="tw-uppercase">Shopping</span> <svg x-show="expanded" x-cloak fill="none" height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)" style="transform-origin: 8px 8px;" transform="matrix(-1, 0, 0, -1, 0, 0)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> <svg x-show="!expanded" fill="none" height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> </button> <span class="tw-hidden lg:tw-block tw-uppercase">Shopping</span> </h5> <div x-show="expanded || width >= 1009" x-collapse class="tw-mt-4"> <ul class="tw-font-light tw-space-y-1.5 tw-text-white tw-opacity-90"> <li> <a href="https://www.kaufmann.dk/new-arrivals" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="New Arrivals" > New Arrivals </a> </li> <li> <a href="https://www.kaufmann.dk/alle-kategorier" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Kategorier" > Kategorier </a> </li> <li> <a href="https://www.kaufmann.dk/brands" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Brands" > Brands </a> </li> <li> <a href="https://www.kaufmann.dk/trends" class="tw-opacity-70 hover:tw-opacity-100 t
1344w-transition-opacity tw-duration-500" title="Trends" > Trends </a> </li> <li> <a href="https://www.kaufmann.dk/toej/jakkesaet/made-to-measure/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Made to Measure" > Made to Measure </a> </li> <li> <a href="https://www.kaufmann.dk/gaveshop" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Gaver" > Gaver </a> </li> </ul> </div> </div> <div x-data="{ 1345 id: 4, 1346 get expanded() { 1347 return this.active === this.id 1348 }, 1349 set expanded(value) { 1350 this.active = value ? this.id : null 1351 }, 1352 }" id="footer-accordion-4" role="region" class="tw-block tw-py-4 lg:tw-pt-0 tw-first:pt-0 tw-last:border-b-0 tw-last:pb-0 lg:tw-w-[calc((100%-3rem)/3)] 2xl:tw-w-[calc((100%-3rem)/4)] tw-border-b tw-border-white tw-border-opacity-40 lg:tw-border-b-0 lg:tw-order-4" > <h5 class="tw-text-md lg:tw-text-sm tw-font-sans tw-font-semibold tw-leading-4.5 tw-text-white tw-uppercase"> <button type="button" x-on:click="expanded = !expanded" x-show="width < 1009" :aria-expanded="expanded" class="tw-group tw-flex tw-w-full tw-items-center tw-justify-between tw-text-left tw-font-medium tw-text-white" > <span class="tw-uppercase">Om KAUFMANN</span> <svg x-show="expanded" x-cloak fill="none" height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)" style="transform-origin: 8px 8px;" transform="matrix(-1, 0, 0, -1, 0, 0)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> <svg x-show="!expanded" fill="none" height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> </button> <span class="tw-hidden lg:tw-block tw-uppercase">Om KAUFMANN</span> </h5> <div x-show="expanded || width >= 1009" x-collapse class="tw-mt-4"> <ul class="tw-font-light tw-space-y-1.5 tw-text-white tw-opacity-90"> <li> <a href="https://www.kaufmann.dk/om-kaufmann/vores-historie" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Vores historie" > Vores historie </a> </li> <li> <a href="https://www.kaufmann.dk/the-journal" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="The Journal" > The Journal </a> </li> <li> <a href="https://www.kaufmann.dk/ansvarlighed" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Ansvarlighed" > Ansvarlighed </a> </li> <li> <a href="https://job.kaufmann.dk/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" target="_blank" title="Jobs" > Jobs </a> </li> <li> <a href="https://www.kaufmann-business.dk" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" target="_blank" title="B2B" > B2B </a> </li> <li> <a href="https://www.kaufmann.dk/presse" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Presse" > Presse </a> </li> </ul> </div> </div> <div x-data="{ 1353 id: 5, 1354 get expanded() { 1355 return this.active === this.id 1356 }, 1357 set expanded(value) { 1358 this.active = value ? this.id : null 1359 }, 1360 }" id="footer-accordion-5" role="region" class="tw-block tw-py-4 lg:tw-pt-0 tw-first:pt-0 tw-last:border-b-0 tw-last:pb-0 lg:tw-w-[calc((100%-3rem)/3)] 2xl:tw-w-[calc((100%-3rem)/4)] tw-border-b tw-border-white tw-border-opacity-40 lg:tw-border-b-0 lg:tw-order-5" > <h5 class="tw-text-md lg:tw-text-sm tw-font-sans tw-font-semibold tw-leading-4.5 tw-text-white tw-uppercase"> <button type="button" x-on:click="expanded = !expanded" x-show="width < 1009" :aria-expanded="expanded" class="tw-group tw-flex tw-w-full tw-items-center tw-justify-between tw-text-left tw-font-medium tw-text-white" > <span class="tw-uppercase">Mit KAUFMANN</span>
1360 <svg x-show="expanded" x-cloak fill="none" height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)" style="transform-origin: 8px 8px;" transform="matrix(-1, 0, 0, -1, 0, 0)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> <svg x-show="!expanded" fill="none" height="16" viewBox="0 0 13 16" width="13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> </button> <span class="tw-hidden lg:tw-block tw-uppercase">Mit KAUFMANN</span> </h5> <div x-show="expanded || width >= 1009" x-collapse class="tw-mt-4"> <ul class="tw-font-light tw-space-y-1.5 tw-text-white tw-opacity-90"> <li> <a href="https://www.kaufmann.dk/om-kaufmann/klub-kaufmann" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Bliv medlem af KAUFMANNs kundeklub" > Bliv medlem af KAUFMANNs kundeklub </a> </li> <li> <a href="https://www.kaufmann.dk/kundeservice/gavekortssaldo/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500" title="Gavekort saldo" > Gavekort saldo </a> </li> </ul> </div> </div> <div class="tw-hidden lg:tw-order-1 lg:tw-order-2 lg:tw-order-3 lg:tw-order-4 lg:tw-order-5"></div> <div class="tw-flex tw-flex-col tw-gap-10 tw-mt-14 lg:tw-mt-0 lg:tw-gap-14 lg:tw-w-[calc((100%-3rem)/3)] 2xl:tw-w-[calc((100%-3rem)/4)] lg:tw-order-last"> <div class="lg:tw-order-last "> <h5 class="tw-text-md lg:tw-text-sm tw-font-sans tw-font-semibold tw-leading-4.5 tw-text-white tw-uppercase tw-mb-4">Følg os</h5> <div class="tw-flex tw-flex-wrap tw-max-h-16 tw-gap-x-7.5 lg:tw-gap-x-10 lg:tw-gap-y-2 lg:tw-items-start tw-content-start"> <a href="https://www.instagram.com/kaufmannjournal" target="_blank" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-flex tw-items-center tw-h-8 lg:tw-h-6 tw-gap-2 lg:tw-w-[6.5rem]"> <img class="tw-h-8 tw-w-8 lg:tw-h-6 lg:tw-w-6" src="https://www.kaufmann.dk/media/64/99/fd/1736759989/instagram.svg?ts=1736759989" alt="Instagram" title="Instagram" loading="lazy"> <span class="tw-hidden lg:tw-block tw-text-xs tw-leading-5">Instagram</span> </a> <a href="https://www.youtube.com/channel/UCHFkjYeOT_wAl0sZvTY6VVQ" target="_blank" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-flex tw-items-center tw-h-8 lg:tw-h-6 tw-gap-2 lg:tw-w-[6.5rem]"> <img class="tw-h-8 tw-w-8 lg:tw-h-6 lg:tw-w-6" src="https://www.kaufmann.dk/media/a4/8a/aa/1736759989/youtube.svg?ts=1736759989" alt="YouTube" title="YouTube" loading="lazy"> <span class="tw-hidden lg:tw-block tw-text-xs tw-leading-5">YouTube</span> </a> <a href="https://www.facebook.com/kaufmann.dk" target="_blank" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-flex tw-items-center tw-h-8 lg:tw-h-6 tw-gap-2 lg:tw-w-[6.5rem]"> <img class="tw-h-8 tw-w-8 lg:tw-h-6 lg:tw-w-6" src="https://www.kaufmann.dk/media/99/cc/f6/1736759989/facebook.svg?ts=1736759989" alt="Facebook" title="Facebook" loading="lazy"> <span class="tw-hidden lg:tw-block tw-text-xs tw-leading-5">Facebook</span> </a> <a href="https://www.tiktok.com/@kaufmannjournal" target="_blank" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500 tw-flex tw-items-center tw-h-8 lg:tw-h-6 tw-gap-2 lg:tw-w-[6.5rem]"> <img class="tw-h-8 tw-w-8 lg:tw-h-6 lg:tw-w-6" src="https://www.kaufmann.dk/media/af/22/66/1736759989/tiktok.svg?ts=1736759989" alt="TikTok" title="TikTok" loading="lazy"> <span class="tw-hidden lg:tw-block tw-text-xs tw-leading-5">TikTok</span> </a> </div> </div> <div class="tw-text-md tw-leading-4.5 cms"> <h5 class="tw-text-md lg:tw-text-sm tw-font-sans tw-font-semibold tw-leading-4.5 tw-text-white tw-uppercase tw-mb-4">Hold dig ajour</h5> <div class="tw-font-light tw-space-y-1.5 cms-element-form cms-block"> <p class="tw-opacity-70 tw-mb-4"> Tilmeld dig for at få ugentlige opdateringer, nyheder, produktopdateringer og eksklusivt indhold først. </p> <div x-data="customerClubData" id="newsletterWrapperFooter"> <form x-ref="form" class="tw-w-full" action="https://www.kaufmann.dk/email-newsletter/subscribe" data-site-key="6LfzKsorAAAAALoeY8dMnWVpkXiAdaZaf4xuK-b4" data-recaptcha-input-name="_grecaptcha_v3" method="POST" data-error-messages="{"email":{"mustContainAnAtSign":"E-mail mangler et @ - eks. '[email protected]' ","missingDot":"Punktum mangler i e-mail - eks. [email protected]","missingEnding":"Endelsen p\u00e5 e-mail mangler - eks. [email protected]","empty":"Email skal udfyldes"},"tos":{"empty":"Accepter handelsbetingelser &amp; privatlivspolitik"}}"> <!--- Validation message --> <span x-cloak :class="{'!tw-inline-block tw-text-invalid-red tw-font-semibold': Alpine.store('validateInput').errors?.subscribeFooter.email}" x-text="Alpine.store('validateInput').errors?.subscribeFooter.email" x-show="Alpine.store('validateInput').errors?.subscribeFooter.email" class="tw-hidden tw-mb-1 tw-text-xs tw-text-brand-red"> </span> <!-- Email and submit button --> <div class="tw-border tw-border-white tw-border-opacity-60 tw-relative tw-mb-4" x-data="{ isFocused: false }" :class="{'!tw-border': !isFocused}" > <div class="tw-flex tw-justify-between"> <div class="tw-w-full"> <input type="hidden" name="option" value="subscribe"/> <input type="text" class="tw-w-full tw-h-12 tw-text-white tw-bg-transparent tw-border-none tw-pt-3.5 t
1360w-px-4 tw-outline-none no-spinner" id="email" name="email" required="required" x-init="form.subscribeFooter.email = '';" x-model="form.subscribeFooter.email" x-ref="email" @focus="isFocused = true" @blur="isFocused = form?.subscribeFooter.email !== '' ? true : false" > <label for="email" class="tw-pointer-events-none tw-opacity-60 tw-left-4 tw-top-4 tw-absolute tw-text-md tw-transition-all tw-duration-200" :class="{ 1361 'tw-font-normal tw-leading-3 tw-top-1 tw-opacity-60 tw-text-2xs': isFocused || form.subscribeFooter.email, 1362 'tw-top-4 tw-text-md': !isFocused && !form.subscribeFooter.email 1363 }" > E-mail* </label> </div> <div class="tw-px-4 tw-flex tw-justify-center tw-items-center tw-w-16"> <!-- Submit button --> <button type="submit" @click.prevent="subscribeEmail(footerForm=true)" x-show="!isSubmitted" class="tw-flex tw-items-center focus:tw-outline-none submit-hidden" aria-label="Send"> <span class="icon icon-arrow-right icon-small-arrow-left tw-text-white"> <svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><g stroke-linecap="round" stroke-linejoin="round"><path d="m11.667 7h-9.33334"/><path d="m11.667 7-4.00001-4"/><path d="m11.667 7-4.00001 4"/></g></svg> </span> </button> <!-- Loading icon --> <div x-show="isLoading" x-cloak="true"> <div class="tw-flex tw-items-center tw-gap-2"> <span class="icon icon-spinner icon-fill-white icon-lg tw-text-white"> <svg width="48" height="48" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <style>.spinner_OSmW{transform-origin:center;animation:spinner_T6mA 1.25s step-end infinite}@keyframes 1364 spinner_T6mA{8.3%{transform:rotate(30deg)}16.6%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.3%{transform:rotate(120deg)}41.6%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.3%{transform:rotate(210deg)}66.6%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.3%{transform:rotate(300deg)}91.6%{transform:rotate(330deg)}100%{transform:rotate(360deg)}} 1365 </style> <g class="spinner_OSmW"> <rect x="11" y="1" width="1" height="5" opacity=".14"/> <rect x="11" y="1" width="1" height="5" transform="rotate(36 12 12)" opacity=".29"/> <rect x="11" y="1" width="1" height="5" transform="rotate(72 12 12)" opacity=".43"/> <rect x="11" y="1" width="1" height="5" transform="rotate(108 12 12)" opacity=".57"/> <rect x="11" y="1" width="1" height="5" transform="rotate(144 12 12)" opacity=".71"/> <rect x="11" y="1" width="1" height="5" transform="rotate(180 12 12)" opacity=".86"/> </g> </svg> </span> </div> </div> </div> </div> </div> <!-- Tos --> <div x-data="{ checked: false }"> <input x-model="form.subscribeFooter.tos" type="checkbox" class="tw-absolute [clip:rect(0%_0%_0%_0%)]" name="tos" id="newsletterTermsFooter" required/> <div class="tw-flex tw-items-center tw-text-xs tw-leading-4.5 tw-font-light" :class="{'tw-text-invalid-red': errors.subscribeFooter.tos}"> <label class="tw-flex tw-items-center tw-cursor-pointer" for="newsletterTermsFooter"> <div class="tw-w-4 tw-h-4 tw-mr-2.5 tw-border tw-border-opacity-60" :class="{ 1366 '!tw-border-white': !errors.subscribeFooter.tos, 1367 'tw-border-invalid-red': errors.subscribeFooter.tos}"> <span x-show="form.subscribeFooter.tos" x-cloak> <span class="icon icon-check icon-fill-none tw-text-white tw--ml"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.33301 7.99996L6.66634 11.3333L13.333 4.66663" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> </span> </div> Jeg accepterer betingelserne. </label> <span x-data="{}" @mouseover.once='$dispatch("preload-modal",{"id": "01970be3c15f764396ec6440955350fe" })' @click='$dispatch("show-modal",{"id": "01970be3c15f764396ec6440955350fe", "scroll": "true" })' class="hover:tw-underline tw-cursor-pointer tw-ml-2 tw-text-nowrap" > <u>Læs betingelser</u> </span> </div> </div> <div class="tw-flex tw-flex-wrap tw-text-2xs md:tw-text-sm tw-leading-4.5 tw-font-light tw-mt-4 tw-text-white tw-opacity-60">
1367 <span class="tw-mr-1"> Dette websted er beskyttet af reCAPTCHA og Google </span> <a href="https://policies.google.com/privacy" target="_blank" class="tw-underline hover:tw-opacity-100 tw-mr-1"> Privatlivspolitik </a> <span class="tw-mr-1"> og </span> <a href="https://policies.google.com/terms" target="_blank" class="tw-underline hover:tw-opacity-100 tw-mr-1"> Servicevilkår </a> <span class="tw-mr-1"> gælder. </span> </div> </form> <!-- Response message --> <h3 x-text="responseMessage" x-show="responseMessage" class="tw-mt-4"></h3> </div> </div> </div> </div> </div> <div class="tw-flex tw-flex-col tw-gap-y-6 lg:tw-gap-y-16 lg:tw-pt-8 lg:tw-border-t tw-border-white tw-border-opacity-20 tw-my-14 lg:tw-mt-12 lg:tw-mb-16"> <div class="lg:tw-order-last tw-flex tw-flex-col lg:tw-grid lg:tw-grid-cols-[275px_minmax(auto,_500px)_275px] 2xl:tw-grid-cols-[275px_auto_275px] lg:tw-gap-x-8 lg:tw-justify-between tw-w-full tw-text-white lg:tw-items-end "> <div class="tw-py-4 tw-border-b tw-border-white tw-border-opacity-20 lg:tw-border-none lg:tw-py-0"> <a href="https://dk.trustpilot.com/review/www.kaufmann.dk" class="tw-flex tw-items-center tw-gap-5"> <img src="https://www.kaufmann.dk/media/59/06/81/1736342492/trust-pilot-5-stars.svg?ts=1742843337" alt="Trustpilot" title="Trustpilot" loading="lazy"> <img src="https://www.kaufmann.dk/media/b1/c7/a5/1736342544/trustpilot.svg?ts=1742843337" alt="Trustpilot" title="Trustpilot" loading="lazy"> </a> </div> <div class="lg:tw-order-last lg:tw-flex lg:tw-justify-end tw-py-4 tw-border-b tw-border-white tw-border-opacity-20 lg:tw-border-none lg:tw-py-0"> <div class="tw-flex tw-items-center tw-h-6 tw-gap-2.5"> <img src="https://www.kaufmann.dk/media/9e/88/7f/1736340071/dankort.svg?ts=1736340071" alt="Dankort" title="Dankort" loading="lazy"> <img src="https://www.kaufmann.dk/media/97/0a/d9/1736340071/visa.svg?ts=1736340071" alt="Visa" title="Visa" loading="lazy"> <img src="https://www.kaufmann.dk/media/4a/c0/59/1736414962/visa-electron.svg?ts=1736414962" alt="Visa Electron" title="Visa Electron" loading="lazy"> <img src="https://www.kaufmann.dk/media/ef/ee/56/1736340071/mastercard.svg?ts=1736340071" alt="Mastercard" title="Mastercard" loading="lazy"> <img src="https://www.kaufmann.dk/media/7a/17/d1/1736340071/mobilepay-white.svg?ts=1736340071" alt="MobilePay" title="MobilePay" loading="lazy"> </div> </div> <div class="tw-flex tw-flex-wrap tw-items-end tw-gap-x-5 tw-gap-y-6 lg:tw-gap-7.5 lg:tw-justify-center lg:tw-h-auto lg:tw-min-h-[2.375rem] tw-py-4 tw-border-b tw-border-white tw-border-opacity-20 lg:tw-border-none lg:tw-py-0"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/media/95/ce/1b/1736375291/e-maerket.svg?ts=1742843337" class="frosh-proc lazyload" alt="" title="" style="aspect-ratio:0;" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/media/02/45/b0/1767606878/danske-hospitalsklovne-2026-new.svg?ts=1767606878" class="frosh-proc lazyload" alt="" title="" style="aspect-ratio:0;" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/media/ab/7a/25/1736246038/kraeftens-bekaempelse.svg?ts=1742843377" class="frosh-proc lazyload" alt="" title="" style="aspect-ratio:0;" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.kaufmann.dk/media/57/75/20/1776761617/Rode-kors-2026_ny.svg?ts=1776761625" class="frosh-proc lazyload" alt="Røde Kors" title="Røde Kors" style="aspect-ratio:0;" /> </div> </div> <div class="tw-flex tw-flex-col lg:tw-flex-row lg:tw-justify-between tw-gap-8 tw-w-full tw-text-white lg:tw-pt-1"> <div class="tw-flex tw-justify-between lg:tw-justify-start lg:tw-gap-8 tw-w-full lg:tw-w-[calc(50%-200px)] tw-text-sm tw-leading-4.5 tw-font-light"> <a href="https://www.kaufmann.dk/kundeservice/handelsbetingelser/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500"> Handelsbetingelser </a>
1367 <a href="https://www.kaufmann.dk/kundeservice/privatlivspolitik/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500"> Privatlivspolitik </a> <a href="https://www.kaufmann.dk/kundeservice/cookiepolitik/" class="tw-opacity-70 hover:tw-opacity-100 tw-transition-opacity tw-duration-500"> Cookiepolitik </a> </div> <div class="tw-hidden lg:tw-flex tw-flex-col tw-gap-4"> <div class="tw-text-white tw-w-[150px] tw-mx-auto"> <svg viewBox="0 0 200 24"> <use xlink:href="#logo"></use> </svg> </div> <p class="tw-text-3xs tw-leading-2.5 tw-tracking-[0.0125rem] tw-uppercase">2026 @Axel Kaufmann ApS<span class="tw-px-2"></span>CVR-NR. 19 09 81 92</p> </div> <div class="lg:tw-w-[calc(50%-200px)] lg:tw-flex lg:tw-justify-end lg:tw-pt-1"> <div x-data="{ 1368 open: false, 1369 toggle() { 1370 if (this.open) { 1371 return this.close() 1372 } 1373 this.$refs.button.focus() 1374 this.open = true 1375 }, 1376 close(focusAfter) { 1377 if (! this.open) return 1378 this.open = false 1379 focusAfter && focusAfter.focus() 1380 } 1381 }" x-on:keydown.escape.prevent.stop="close($refs.button)" x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" class="tw-relative" > <button x-ref="button" x-on:click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="tw-relative tw-flex tw-items-center tw-whitespace-nowrap tw-h-4 tw-gap-4 tw-text-white" > <span class="icon icon-globe icon-fill-none"> <svg fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><g stroke="#fff" stroke-linecap="round" stroke-linejoin="round"><path d="m1 10c0 1.1819.23279 2.3522.68508 3.4442.4523 1.0919 1.11523 2.084 1.95096 2.9198.83573.8357 1.82788 1.4986 2.91981 1.9509s2.26225.6851 3.44415.6851 2.3522-.2328 3.4442-.6851c1.0919-.4523 2.084-1.1152 2.9198-1.9509.8357-.8358 1.4986-1.8279 1.9509-2.9198.4523-1.092.6851-2.2623.6851-3.4442 0-2.38695-.9482-4.67613-2.636-6.36396-1.6879-1.68783-3.9771-2.63604-6.364-2.63604-2.38695 0-4.67613.94821-6.36396 2.63604s-2.63604 3.97701-2.63604 6.36396z"/><path d="m1.6001 7h16.8"/><path d="m1.6001 13h16.8"/><path d="m9.49991 1c-1.68466 2.69961-2.57779 5.81787-2.57779 9 0 3.1821.89313 6.3004 2.57779 9"/><path d="m10.5 1c1.6847 2.69961 2.5778 5.81787 2.5778 9 0 3.1821-.8931 6.3004-2.5778 9"/></g></svg> </span> <span class="tw-flex tw-items-center tw-gap-2 tw-text-white tw-text-sm tw-font-medium tw-leading-4"> <span class="">Danmark / Dansk</span> <svg fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> <clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath> <g clip-path="url(#a)"><path d="m4 6 4 4 4-4" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g> </svg> </span> </button> <div x-ref="panel" x-show="open" x-transition.origin.top.left x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" x-cloak class="tw-absolute tw-left-0 tw-mt-2 tw-z-10 tw-origin-top-left tw-bg-white tw-text-black tw-p-1.5 tw-outline-none tw-border tw-border-ui-divider" aria-labelledby="salesChannelDropdown-footer" > <a href="https://www.kaufmann.dk" class="tw-block tw-px-3 tw-py-1.5 tw-text-sm tw-text-gray-800 hover:tw-bg-gray-100 tw-transition" > Danmark / Dansk </a> <a href="https://www.kaufmann-store.com/en" class="tw-block tw-px-3 tw-py-1.5 tw-text-sm tw-text-gray-800 hover:tw-bg-gray-100 tw-transition" > Global / English </a> <a href="https://www.kaufmann-store.com/se" class="tw-block tw-px-3 tw-py-1.5 tw-text-sm tw-text-gray-800 hover:tw-bg-gray-100 tw-transition" > Sverige / Svenska </a> </div> </div> </div> </div> </div> <svg width="1466" height="176" viewBox="0 0 1466 176" fill="none" class="tw-w-full tw-h-auto" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.3" clip-path="url(#clip0_4652_21768)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M56.9654 0L57.0077 71.894L57.0096 75.1763L58.5079 72.2559L95.5772 0H159.262H161.023L160.101 1.5L109.26 84.283L165.591 171.712L166.558 173.212H164.773H96.9056L58.508 103.363L57.0096 100.638L57.0077 103.748L56.9654 173.212H1.43313H-0.0668716V171.712V1.5V0H1.43313H56.9654ZM58.3442 75.861L96.4936 1.5H158.341L107.981 83.498L107.488 84.3021L107.999 85.0954L163.807 171.712H97.7927L58.3241 99.9152L55.5096 100.637L55.4663 171.712H1.43313V1.5H55.4662L55.5096 75.1772L58.3442 75.861ZM240.02 150.107H238.815L238.555 151.283L234.033 171.712H173.774L230.21 1.5H294.384L352.387 171.712H292.105L286.859 151.235L286.57 150.107H285.406H240.02ZM173.276 173.212H235.237L240.02 151.607H285.406L290.941 173.212H352.898H354.483L353.971 171.712L295.458 0H229.127L172.193 171.712L171.696 173.212H173.276ZM274.956 112.081H276.798L276.425 110.277L265.311 56.4737L262.384 56.4267L249.454 110.23L250.868 110.57V110.581V112.081H250.912H252.095H274.956ZM252.455 110.581H250.912L251.273 109.081L263.018 60.2046L263.842 56.7772L264.555 60.2293L274.646 109.081L274.956 110.581H273.425H252.455ZM609.751 114.032V112.532H611.251H652.265H653.765V111.032V68.9171V67.4171H652.265H611.251H609.751V65.9171V51.1684V49.6684H611.251H658.375H659.875V48.1684V1.5V0H658.375H550.853H549.353V1.5V171.712V173.212H550.853H608.251H609.751V171.712V114.032ZM608.251 171.712V112.532V111.032H609.751H652.265V68.9171H609.751H608.251V67.4171V49.6684V48.1684H609.751H658.375V1.5H550.853V171.712H608.251ZM841.866 173.212L834.149 82.2704L833.807 78.2429L832.63 82.1096L804.892 173.212H769.69L743.784 82.275L742.635 78.2429L742.265 82.4191L734.222 173.212H677.512H675.994L676.226 171.712L702.783 0H764.509L786.605 87.8859L787.358 90.8807L788.154 87.8972L811.623 0H872.685L899.461 171.897L899.695 173.398L898.176 173.393L841.866 173.212ZM832.372 77.806L803.781 171.712H770.822L744.078 77.8319L741.141 78.1105L732.849 171.712H677.744L704.069 1.5H763.34L785.903 91.2464L787.314 96.859L788.807 91.2676L812.775 1.5H871.4L897.942 171.892L843.244 171.717L835.302 78.116L832.372 77.806ZM907.312 173.352L908.892 173.348L970.145 173.212L975.104 151.607H1020.36L1025.8 173.212H1087.72H1089.3L1088.79 171.712L1030.41 0H964.034L907.803 171.851L907.312 173.352ZM965.122 1.5L909.383 171.847L968.95 171.715L973.642 151.272L973.909 150.107H975.104H1020.36H1021.53L1021.81 151.241L1026.97 171.712H1087.21L1029.34 1.5H965.122ZM983.879
1381112.081L984.316 110.235L996.98 56.7106L999.907 56.7429L1011.33 110.268L1011.72 112.081H1009.86H985.776H983.879ZM1009.86 110.581L1009.54 109.081L999.171 60.4811L998.44 57.056L997.633 60.4641L986.13 109.081L985.776 110.581H987.317H1008.33H1009.86ZM1159.57 0L1208.64 90.2611L1210.14 93.0179L1210.14 89.8801L1210.18 0H1266.07H1267.57V1.5V171.712V173.212H1266.07H1210.18L1160.89 85.6446L1159.39 82.982L1159.39 86.0374L1159.35 173.212H1103.51H1102.01V171.712V1.5V0H1103.51H1159.57ZM1211.64 93.0187L1211.68 1.5H1266.07V171.712H1211.06L1160.7 82.2463L1157.9 77.2641L1157.89 82.9813L1157.85 171.712H1103.51V1.5H1158.68L1208.82 93.7344L1211.64 93.0187ZM456.274 0H454.774V1.5V96.5026C454.774 110.023 454.287 121.964 438.347 121.964C422.406 121.964 421.919 110.023 421.919 96.5026V1.5V0H420.419H363.376H361.876V1.5V102.403C361.876 153.094 392.119 176 438.302 176C484.486 176 514.729 153.094 514.729 102.403V1.5V0H513.229H456.274ZM513.229 1.5H456.274V96.5026C456.274 103.178 456.178 109.895 453.905 114.922C452.74 117.497 450.991 119.672 448.393 121.184C445.813 122.684 442.513 123.464 438.347 123.464C434.181 123.464 430.88 122.684 428.301 121.184C425.702 119.672 423.953 117.497 422.788 114.922C420.515 109.895 420.419 103.178 420.419 96.5026V1.5H363.376V102.403C363.376 127.444 370.836 145.391 383.777 157.098C396.743 168.829 415.438 174.5 438.302 174.5C461.167 174.5 479.862 168.829 492.828 157.098C505.769 145.391 513.229 127.444 513.229 102.403V1.5ZM1358.3 0L1407.32 90.2587L1408.82 93.0179L1408.82 89.878L1408.87 0H1464.75H1466.25V1.5V171.712V173.212H1464.75H1408.87L1359.58 85.6446L1358.08 82.982L1358.08 86.0374L1358.03 173.212H1302.19H1300.69V171.712V1.5V0H1302.19H1358.3ZM1410.32 93.0187L1410.37 1.5H1464.75V171.712H1409.74L1359.39 82.2463L1356.58 77.2641L1356.58 82.9813L1356.54 171.712H1302.19V1.5H1357.41L1407.51 93.7339L1410.32 93.0187Z" fill="white"/> </g> <defs> <clipPath id="clip0_4652_21768"> <rect width="1466" height="176" fill="white"/> </clipPath> </defs> </svg> </div> </footer>
1381<script id="CookieConsent" type="text/javascript" data-culture="DA" src="https://policy.app.cookieinformation.com/uc.js" data-gcm-version="2.0" ></script>
1381 <template data-set-cookies-on-consent="true" data-set-cookies-on-consent-options="{"cookieGroups":[{"isRequired":true,"snippet_name":"cookie.groupRequired","snippet_description":"cookie.groupRequiredDescription","entries":[{"snippet_name":"cookie.groupRequiredSession","cookie":"session-"},{"snippet_name":"cookie.groupRequiredTimezone","cookie":"timezone"},{"snippet_name":"cookie.groupRequiredAccepted","cookie":"cookie-preference","value":"1","expiration":"30","hidden":true},{"snippet_name":"cookie.groupRequiredCaptcha","cookie":"_GRECAPTCHA","value":"1"},{"snippet_name":"neti-store-pickup.cookie.store-id.name","cookie":"neti-store-pickup-store-id","expiration":"365","isRequired":true},{"snippet_name":"paypal.cookie.name","cookie":"paypal-cookie-key"}]},{"snippet_name":"cookie.groupStatistical","snippet_description":"cookie.groupStatisticalDescription","entries":[{"snippet_name":"cookie.groupStatisticalGoogleAnalytics","cookie":"google-analytics-enabled","expiration":"30","value":"1"},{"snippet_name":"cookie.relewiseTracking","cookie":"relewiseTracking","value":"1","expiration":"30"},{"snippet_name":"cookie.datalayerTracking","cookie":"datalayerAllowTracking","value":"1","expiration":"30"}]},{"snippet_name":"cookie.groupMarketing","snippet_description":"cookie.groupMarketingDescription","entries":[{"snippet_name":"cookie.groupMarketingAdConsent","cookie":"google-ads-enabled","expiration":"30","value":"1"},{"snippet_name":"ProfitMetrics.cookie.TPTrack.name","cookie":"pmTPTrack","value":"1"}]},{"snippet_name":"cookie.groupComfortFeatures","entries":[{"snippet_name":"cookie.groupComfortFeaturesWishlist","cookie":"wishlist-enabled","expiration":"30","value":"1"},{"snippet_name":"cookie.groupComfortFeaturesYoutubeVideo","cookie":"youtube-video","expiration":"30","value":"1"}]},{"snippet_name":"neti-next-store-locator.cookie.google-consent.name","snippet_description":"neti-next-store-locator.cookie.google-consent.description","cookie":"neti-store-locator-google-consent","value":"available","expiration":30}],"enableAllCookies":false}"></template> <div x-data="{ 1382 show: false, 1383 showSpinner: false, 1384 defaultZIndex: 31, 1385 zIndex: null, 1386 init(){ 1387 this.zIndex = this.defaultZIndex; 1388 window.addEventListener('show-overlay',(e) => { 1389 this.show = true; 1390 this.zIndex = e.detail.zIndex ?? this.defaultZIndex; 1391 this.showSpinner = e.detail.showSpinner ?? false; 1392 }); 1393 window.addEventListener('hide-overlay',() => { 1394 this.show = false; 1395 this.zIndex = this.defaultZIndex; 1396 this.showSpinner = false; 1397 }); 1398 window.addEventListener('hide-overlay-spinner',() => { 1399 this.showSpinner = false; 1400 }); 1401 } 1402 }
1402" class="tw-fixed tw-inset-0 tw-bg-white lg:tw-bg-black lg:tw-opacity-50" :style="'z-index: '+zIndex" x-show="show" x-cloak id="overlay" > <div x-show="showSpinner" class="lg:tw-hidden tw-px-10 tw-py-12"> <div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-10"> <div class="tw-relative tw-w-20 tw-h-20"> <!-- 1) The "filling" rectangle, clipped by K --> <svg class="tw-absolute tw-inset-0 tw-z-0 tw-w-full tw-h-full"> <defs> <clipPath id="k-clip"> <path d="M27.2772 34.9502L45.0475 0.5H74.238L50.6713 38.6643L50.5051 38.9334L50.677 39.1989L76.785 79.5H45.6546L27.2704 46.2388L26.334 44.5446L26.3328 46.4804L26.3126 79.5H0.827637V0.5H26.3126L26.3328 34.7213L27.2772 34.9502Z" /> </clipPath> </defs> <g clip-path="url(#k-clip)"> <rect width="78" height="80" class="tw-fill-black tw-z-0 tw-transform tw-translate-y-full" :class="{'tw-animate-fillUpLoop': isSafari()}" /> </g> </svg> <!-- 2) The K outline on top (z-10) --> <svg class="tw-absolute tw-inset-0 tw-z-10 tw-w-full tw-h-full" viewBox="0 0 78 80" fill="none"> <path d="M27.2772 34.9502L45.0475 0.5H74.238L50.6713 38.6643L50.5051 38.9334L50.677 39.1989L76.785 79.5H45.6546L27.2704 46.2388L26.334 44.5446L26.3328 46.4804L26.3126 79.5H0.827637V0.5H26.3126L26.3328 34.7213L27.2772 34.9502Z" stroke="black" /> </svg> </div> <div>Et øjeblik...</div> </div> </div> </div> <div x-data="modalHandler()" x-show="isOpen" x-on:preload-modal.window="preloadModal" x-on:show-modal.window="openModal" x-on:hide-modal.window="closeModal" class="tw-fi
1402xed tw-inset-0 tw-z-[60] lg:tw-items-start lg:tw-justify-center lg:tw-flex" @keydown.esc.window="closeModal" x-cloak x-transition x-trap.noscroll.noautofocus="isOpen" > <div @click.away="closeModal" class=" tw-relative tw-z-50 lg:tw-mt-[90px] tw-px-4 lg:tw-px-6 tw-pt-12 lg:tw-py-12 tw-max-h-[99vh] tw-bg-white lg:tw-min-w-[28rem] lg:tw-max-w-3xl lg:tw-max-h-[85vh]" :class="{'tw-overflow-y-scroll tw-pb-12': scroll, '!tw-px-0 !tw-pt-0 lg:!tw-px-6 lg:!tw-py-12 lg:tw-max-w-[1200px] tw-w-full': wide}" > <div x-show="closeButton" class="tw-absolute tw-flex tw-items-center tw-cursor-pointer tw-top-2 lg:tw-top-6 tw-right-2 lg:tw-right-6" @click="closeModal"> <span class="tw-text-xs tw-leading-3.25 tw-mr-1">Luk</span> <span class="icon icon-close icon-lg"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" transform="translate(-.513175)"><path d="m18.5132 6-12.00005 12"/><path d="m6.51315 6 12.00005 12"/></g></svg> </span> </div> <div x-html="content"></div> <div x-show="closeButtonBottom" class="tw-absolute tw-flex tw-items-center tw-cursor-pointer tw-right-2 lg:tw-right-6" @click="closeModal"> <span class="tw-hidden lg:tw-block tw-text-xs tw-leading-3.25 tw-mr-1">Luk</span> <span class="icon icon-close icon-lg"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g stroke="#15191c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" transform="translate(-.513175)"><path d="m18.5132 6-12.00005 12"/><path d="m6.51315 6 12.00005 12"/></g></svg> </span> </div> </div> </div>
1402<script type="speculationrules"> 1403 { 1404 "prefetch": [ 1405 { 1406 "source": "document", 1407 "where": { 1408 "and": [ 1409 { 1410 "href_matches": "https://www.kaufmann.dk/*" 1411 }, 1412 { 1413 "not": { 1414 "href_matches": "https://www.kaufmann.dk/checkout/*" 1415 } 1416 } 1417 ] 1418 }, 1419 "eagerness": "moderate" 1420 } 1421 ] 1422 } 1423 </script>
1423
1423<script type="text/javascript"> 1424 window.WexoKaufmannRelewise = { 1425 relewise: { 1426 frontendApiKey: '?V%fShK*GGRRaqL', 1427 datasetId: 'bd257a90-2cf9-4321-9f23-ca815cb0049a', 1428 serverUrl: 'https://04-api.relewise.com/', 1429 }, 1430 properties: { 1431 sizeAttributeUuid: '019504172102725aba9d8f9f9cd8f489', 1432 sizeAttributeFormatted: [{"translated_name":"ONE SIZE","position":10},{"translated_name":"...","position":20},{"translated_name":"ASS.","position":30},{"translated_name":"XXS","position":120},{"translated_name":"XXS\/30","position":125},{"translated_name":"XXS\/32","position":130},{"translated_name":"XXS\/34","position":140},{"translated_name":"XXS\/35","position":150},{"translated_name":"XXS - Slim","position":160},{"translated_name":"XXS - Custom","position":170},{"translated_name":"XXS\/XS","position":180},{"translated_name":"XS","position":300},{"translated_name":"XS\/32","position":310},{"translated_name":"XS\/34","position":320},{"translated_name":"XS\/35","position":330},{"translated_name":"XS - Slim","position":340},{"translated_name":"XS - Custom","position":350},{"translated_name":"XS\/S","position":360},{"translated_name":"S","position":500},{"translated_name":"S\/30","position":508},{"translated_name":"S\/32","position":510},{"translated_name":"S\/34","position":520},{"translated_name":"S\/35","position":530},{"translated_name":"S - Slim","position":540},{"translated_name":"S - Custom","position":550},{"translated_name":"S - Fitted Body","position":560},{"translated_name":"S\/M","position":570},{"translated_name":"M","position":700},{"translated_name":"M\/30","position":708},{"translated_name":"M\/32","position":710},{"translated_name":"M\/34","position":720},{"translated_name":"M\/35","position":730},{"translated_name":"M\/REGULAR","position":735},{"translated_name":"M - Slim","position":740},{"translated_name":"M - Custom","position":750},{"translated_name":"M - Fitted Body","position":760},{"translated_name":"M\/L","position":770},{"translated_name":"L","position":900},{"translated_name":"L\/30","position":908},{"translated_name":"L\/32","position":910},{"translated_name":"L\/34","position":920},{"translated_name":"L\/35","position":930},{"translated_name":"L\/REGULAR","position":935},{"translated_name":"S\/REGULAR","position":935},{"translated_name":"L - Slim","position":940},{"translated_name":"L - Custom","position":950},{"translated_name":"L - Fitted Body","position":960},{"translated_name":"L\/XL","position":970},{"translated_name":"XL","position":1100},{"translated_name":"XL\/30","position":1108},{"translated_name":"XL\/32","position":1110},{"translated_name":"XL\/34","position":1120},{"translated_name":"XL\/35","position":1130},{"translated_name":"XL\/REGULAR","position":1135},{"translated_name":"XL - Slim","position":1140},{"translated_name":"XL - Custom","position":1150},{"translated_name":"XL - Fitted Body","position":1160},{"translated_name":"XL\/XXL","position":1170},{"translated_name":"XXL","position":1300},{"translated_name":"XXL\/30","position":1308},{"translated_name":"XXL\/32","position":1310},{"translated_name":"XXL\/34","position":1320},{"translated_name":"XXL\/35","position":1330},{"translated_name":"XXL\/REGULAR","position":1335},{"translated_name":"XXL - Slim","position":1340},{"translated_name":"XXL - Custom","position":1350},{"translated_name":"XXL - Fitted Body","position":1360},{"translated_name":"XXL\/3XL","position":1370},{"translated_name":"XXXL\/REGULAR","position":1371},{"translated_name":"3XL ","position":1500},{"translated_name":"3XL\/32","position":1510},{"translated_name":"3XL\/34","position":1520},{"translated_name":"3XL \/35","position":1530},{"translated_name":"3XL - Slim","position":1540},{"translated_name":"3XL - Custom","position":1550},{"translated_name":"3XL - Fitted Body","position":1560},{"translated_name":"4XL","position":1700},{"translated_name":"4XL\/32","position":1710},{"translated_name":"4XL\/34","position":1720},{"translated_name":"4XL\/35","position":1730},{"translated_name":"4XL - Slim","position":1740},{"translated_name":"4XL - Custom","position":1750},{"translated_name":"5XL","position":1900},{"translated_name":"5XL\/32","position":1910},{"translated_name":"5XL\/34","position":1920},{"translated_name":"5XL\/35","position":1930}
1432,{"translated_name":"6XL","position":2100},{"translated_name":"6XL\/32","position":2110},{"translated_name":"6XL\/34","position":2120},{"translated_name":"6XL\/35","position":2130},{"translated_name":"1","position":10000},{"translated_name":"2","position":10010},{"translated_name":"3","position":10020},{"translated_name":"4","position":10030},{"translated_name":"5","position":10040},{"translated_name":"6","position":10050},{"translated_name":"6,5","position":10060},{"translated_name":"6 1\/2","position":10060},{"translated_name":"6 3\/8","position":10065},{"translated_name":"6 5\/8","position":10067},{"translated_name":"6 3\/4","position":10068},{"translated_name":"6 7\/8","position":10068},{"translated_name":"6,875","position":10069},{"translated_name":"7","position":10070},{"translated_name":"-7-","position":10071},{"translated_name":"7,375","position":10072},{"translated_name":"7,125","position":10072},{"translated_name":"7 1\/8","position":10073},{"translated_name":"7 3\/8","position":10074},{"translated_name":"7,25","position":10075},{"translated_name":"7 1\/4","position":10075},{"translated_name":"7,5","position":10080},{"translated_name":"7 1\/2","position":10080},{"translated_name":"7,625","position":10081},{"translated_name":"7 3\/4","position":10086},{"translated_name":"7 5\/8","position":10087},{"translated_name":"7 7\/8","position":10089},{"translated_name":"8","position":10090},{"translated_name":"-8-","position":10091},{"translated_name":"8,5","position":10100},{"translated_name":"9","position":10110},{"translated_name":"9,5","position":10120},{"translated_name":"10","position":10130},{"translated_name":"10,5","position":10140},{"translated_name":"11","position":10150},{"translated_name":"11,5","position":10160},{"translated_name":"12","position":10170},{"translated_name":"18-","position":10180},{"translated_name":"19-","position":10181},{"translated_name":"20-","position":10182},{"translated_name":"23\/46","position":10200},{"translated_name":"24\/48","position":10210},{"translated_name":"25\/50","position":10220},{"translated_name":"26\/52","position":10230},{"translated_name":"27\/54","position":10240},{"translated_name":"28\/56","position":10250},{"translated_name":"29\/58","position":10260},{"translated_name":"30\/60","position":10270},{"translated_name":"31\/62","position":10280},{"translated_name":"32\/64","position":10290},{"translated_name":"33\/66","position":10300},{"translated_name":"34,5","position":10310},{"translated_name":"35","position":10500},{"translated_name":"35","position":10510},{"translated_name":"35 1\/2","position":10520},{"translated_name":"35,5","position":10530},{"translated_name":"35\/36","position":10540},{"translated_name":"35\/36 - Regular","position":10550},{"translated_name":"35\/36 - Slim","position":10560},{"translated_name":"35-37","position":10569},{"translated_name":"35-38","position":10570},{"translated_name":"35-40.5","position":10575},{"translated_name":"36","position":10600},{"translated_name":"36","position":10610},{"translated_name":"36,5","position":10620},{"translated_name":"36 2\/3","position":10630},{"translated_name":"36 - Contemporary","position":10640},{"translated_name":"36 - Fitted Body","position":10650},{"translated_name":"36 - Slim","position":10660},{"translated_name":"37","position":10700},{"translated_name":"37","position":10710},{"translated_name":"37 1\/3","position":10720},{"translated_name":"37,333333333333336","position":10725},{"translated_name":"37,5","position":10730},{"translated_name":"37 - Slim","position":10735},{"translated_name":"37 - Contemporary","position":10740},{"translated_name":"37 - Fitted Body","position":10750},{"translated_name":"37\/38","position":10760},{"translated_name":"37\/38 - Regular","position":10770},{"translated_name":"37\/38 - Slim","position":10780},{"translated_name":"37\/38SLIM","position":10780},{"translated_name":"37-39","position":10790},{"translated_name":"37-40","position":10800},{"translated_name":"38","position":20000},{"translated_name":"38","position":20010},{"translated_name":"38,5","position":20020},{"translated_name":"38 2\/3","position":20030},{"translated_name":"38 SLIM","position":20040},{"translated_name":"38 - Slim","position":20045},{"translated_name":"38 - Contemporary","position":20060},{"translated_name":"38 - Fitted Body","position":20070},{"translated_name":"38-40","position":20080},{"translated_name":"39","position":20200},{"translated_name":"39","position":20210},{"translated_name":"39 1\/3","position":20220},{"translated_name":"39,333333333333336","position":20225}
1432,{"translated_name":"39,5","position":20230},{"translated_name":"39\/REGULAR","position":20245},{"translated_name":"39 - Contemporary","position":20250},{"translated_name":"39 - Fitted Body","position":20260},{"translated_name":"39 - Slim","position":20270},{"translated_name":"39\/40","position":20280},{"translated_name":"39\/40 - Regular","position":20290},{"translated_name":"39\/40SLIM","position":20295},{"translated_name":"39\/40 - Slim","position":20295},{"translated_name":"39-42","position":20300},{"translated_name":"40","position":20500},{"translated_name":"40","position":20510},{"translated_name":"40,5","position":20520},{"translated_name":"40 2\/3","position":20530},{"translated_name":"40\/REGULAR","position":20535},{"translated_name":"40 CONT.","position":20540},{"translated_name":"40\/MODERN","position":20545},{"translated_name":"40 SLIM","position":20546},{"translated_name":"40 SLIM\/SLIM","position":20547},{"translated_name":"40\/NARROW","position":20548},{"translated_name":"40 - Contemporary","position":20550},{"translated_name":"40 - Fitted Body","position":20560},{"translated_name":"40 - Slim","position":20570},{"translated_name":"40-42","position":20580},{"translated_name":"40-43","position":20590},{"translated_name":"40-46","position":20600},{"translated_name":"40\/41","position":20610},{"translated_name":"41","position":20800},{"translated_name":"41","position":20810},{"translated_name":"41 1\/3","position":20820},{"translated_name":"41,5","position":20830},{"translated_name":"41\/REGULAR","position":20835},{"translated_name":"41 - Contemporary","position":20840},{"translated_name":"41 - Fitted Body","position":20850},{"translated_name":"41 - Slim","position":20860},{"translated_name":"41\/42","position":20870},{"translated_name":"41\/42 - Regular","position":20880},{"translated_name":"41\/42 - Slim","position":20890},{"translated_name":"41\/42SLIM","position":20900},{"translated_name":"41-44","position":20910},{"translated_name":"41-48","position":20915},{"translated_name":"42","position":30000},{"translated_name":"42","position":30010},{"translated_name":"42,5","position":30015},{"translated_name":"42 2\/3","position":30017},{"translated_name":"42 CONT.","position":30020},{"translated_name":"42 SLIM","position":30030},{"translated_name":"42 SLIM\/SLIM","position":30032},{"translated_name":"42\/REGULAR","position":30055},{"translated_name":"42\/MODERN","position":30057},{"translated_name":"42\/NARROW","position":30058},{"translated_name":"42 - Contemporary","position":30060},{"translated_name":"42 - Fitted Body","position":30070},{"translated_name":"42 - Slim","position":30080},{"translated_name":"42\/43","position":30085},{"translated_name":"43","position":30100},{"translated_name":"43","position":30110},{"translated_name":"43 1\/3","position":30120},{"translated_name":"43,33333333","position":30130},{"translated_name":"43,5","position":30140},{"translated_name":"43\/REGULAR","position":30145},{"translated_name":"43 - Contemporary","position":30150},{"translated_name":"43 - Fitted Body","position":30160},{"translated_name":"43 - Slim","position":30170},{"translated_name":"43 SLIM","position":30171},{"translated_name":"43\/NARROW","position":30172},{"translated_name":"43\/44","position":30180},{"translated_name":"43\/44 - Regular","position":30190},{"translated_name":"43\/44 - Slim","position":30200},{"translated_name":"43\/44SLIM","position":30210},{"translated_name":"43-46","position":30220},{"translated_name":"44","position":30300},{"translated_name":"44","position":30310},{"translated_name":"44,5","position":30320},{"translated_name":"44 2\/3","position":30330},{"translated_name":"44 CONT.","position":30340},{"translated_name":"44 SLIM","position":30350},{"translated_name":"44\/REGULAR","position":30355},{"translated_name":"44\/MODERN","position":30357},{"translated_name":"44 - Contemporary","position":30360},{"translated_name":"44 - Fitted Body","position":30370},{"translated_name":"44 - Slim","position":30380},{"translated_name":"41-43","position":30385},{"translated_name":"44\/45","position":30387},{"translated_name":"44-46","position":30388},{"translated_name":"44-47","position":30390},{"translated_name":"45","position":30500},{"translated_name":"45","position":30510},{"translated_name":"45 1\/3","position":30520},{"translated_name":"45,5","position":30530},{"translated_name":"45 - Contemporary","position":30540},{"translated_name":"45 - Fitted Body","position":30550},{"translated_name":"45 - Slim","position":30560},{"translated_name":"45\/NARROW","position":30565}
1432,{"translated_name":"45\/46","position":30570},{"translated_name":"45\/46 - Regular","position":30580},{"translated_name":"45\/46 - Slim","position":30590},{"translated_name":"45-48","position":30600},{"translated_name":"46","position":30700},{"translated_name":"46","position":30710},{"translated_name":"46,5","position":30720},{"translated_name":"46 2\/3","position":30730},{"translated_name":"46\/C","position":30740},{"translated_name":"46 - Contemporary","position":30750},{"translated_name":"46\/REGULAR","position":30755},{"translated_name":"46\/MODERN","position":30757},{"translated_name":"46 - Fitted Body","position":30760},{"translated_name":"46 - Slim","position":30770},{"translated_name":"46\/47","position":30775},{"translated_name":"47","position":30900},{"translated_name":"47","position":30910},{"translated_name":"47 1\/3","position":30920},{"translated_name":"47,333333333333336","position":30925},{"translated_name":"47,5","position":30930},{"translated_name":"47 - Contemporary","position":30940},{"translated_name":"47 - Fitted Body","position":30950},{"translated_name":"47 - Slim","position":30960},{"translated_name":"47\/48","position":30970},{"translated_name":"47\/48 - Regular","position":30980},{"translated_name":"47\/48 - Slim","position":30990},{"translated_name":"47-50","position":31000},{"translated_name":"48","position":32000},{"translated_name":"48","position":32010},{"translated_name":"48,5","position":32020},{"translated_name":"48\/C","position":32030},{"translated_name":"48\/REGULAR","position":32035},{"translated_name":"48\/MODERN","position":32037},{"translated_name":"48 - Contemporary","position":32040},{"translated_name":"48 - Fitted Body","position":32050},{"translated_name":"48 - Slim","position":32060},{"translated_name":"49","position":33000},{"translated_name":"49","position":33010},{"translated_name":"49,5","position":33020},{"translated_name":"49 - Contemporary","position":33030},{"translated_name":"49 - Fitted Body","position":33040},{"translated_name":"49 - Slim","position":33050},{"translated_name":"50","position":33100},{"translated_name":"50","position":33110},{"translated_name":"50,5","position":33120},{"translated_name":"50 2\/3","position":33130},{"translated_name":"50\/C","position":33140},{"translated_name":"50 - Contemporary","position":33150},{"translated_name":"50 - Fitted Body","position":33160},{"translated_name":"50 - Slim","position":33170},{"translated_name":"51","position":33290},{"translated_name":"51 1\/3","position":33300},{"translated_name":"51,333333333333336","position":33305},{"translated_name":"51,5","position":33310},{"translated_name":"52","position":33320},{"translated_name":"52,5","position":33330},{"translated_name":"52 2\/3","position":33340},{"translated_name":"52\/C","position":33350},{"translated_name":"52 - Contemporary","position":33360},{"translated_name":"52 - Fitted Body","position":33370},{"translated_name":"52 - Slim","position":33380},{"translated_name":"53","position":33387},{"translated_name":"53 1\/3","position":33390},{"translated_name":"53,333333333333336","position":33395},{"translated_name":"54","position":33500},{"translated_name":"54 2\/3","position":33510},{"translated_name":"54\/C","position":33520},{"translated_name":"56","position":33530},{"translated_name":"56\/C","position":33540},{"translated_name":"58","position":33550},{"translated_name":"60","position":33700},{"translated_name":"62","position":33710},{"translated_name":"64","position":33720},{"translated_name":"65","position":33730},{"translated_name":"66","position":33740},{"translated_name":"70","position":33750},{"translated_name":"75","position":33760},{"translated_name":"80","position":33770},{"translated_name":"85","position":33780},{"translated_name":"90","position":33790},{"translated_name":"90\/46","position":33800},{"translated_name":"94\/48","position":33810},{"translated_name":"95","position":33820},{"translated_name":"98\/50","position":33830},{"translated_name":"100","position":40000},{"translated_name":"100.","position":40010},{"translated_name":"102\/52","position":40020},{"translated_name":"105","position":40030},{"translated_name":"106\/54","position":40040},{"translated_name":"110","position":40050},{"translated_name":"110\/56","position":40060},{"translated_name":"114\/58","position":40070},{"translated_name":"115","position":40080},{"translated_name":"118\/60","position":40090},{"translated_name":"120","position":40100},{"translated_name":"125","position":40110}
1432,{"translated_name":"130","position":40120},{"translated_name":"135","position":40130},{"translated_name":"140","position":40140},{"translated_name":"145","position":40150},{"translated_name":"W22","position":50000},{"translated_name":"W22\/30","position":50010},{"translated_name":"W22\/32","position":50020},{"translated_name":"W22\/34","position":50030},{"translated_name":"W22\/36","position":50040},{"translated_name":"W23","position":50050},{"translated_name":"W23\/30","position":50060},{"translated_name":"W23\/32","position":50070},{"translated_name":"W23\/34","position":50080},{"translated_name":"W23\/36","position":50090},{"translated_name":"W24","position":50100},{"translated_name":"W24\/30","position":50110},{"translated_name":"W24\/32","position":50120},{"translated_name":"W24\/34","position":50130},{"translated_name":"W24\/36","position":50140},{"translated_name":"W25","position":50150},{"translated_name":"W25\/30","position":50160},{"translated_name":"W25\/32","position":50170},{"translated_name":"W25\/34","position":50180},{"translated_name":"W25\/36","position":50190},{"translated_name":"W26","position":50200},{"translated_name":"W26\/28","position":50208},{"translated_name":"W26\/30","position":50210},{"translated_name":"W26\/32","position":50220},{"translated_name":"W26\/34","position":50230},{"translated_name":"W26\/36","position":50240},{"translated_name":"W27","position":50250},{"translated_name":"W27\/28","position":50258},{"translated_name":"W27\/30","position":50260},{"translated_name":"W27\/32","position":50270},{"translated_name":"W27\/34","position":50280},{"translated_name":"W27\/36","position":50290},{"translated_name":"W28","position":50300},{"translated_name":"W28\/28","position":50308},{"translated_name":"W28\/30","position":50310},{"translated_name":"W28\/32","position":50320},{"translated_name":"W28\/34","position":50330},{"translated_name":"W28\/36","position":50340},{"translated_name":"W29","position":50350},{"translated_name":"W29\/30","position":50360},{"translated_name":"W29\/32","position":50370},{"translated_name":"W29\/34","position":50380},{"translated_name":"W29\/36","position":50390},{"translated_name":"W30","position":50400},{"translated_name":"W30\/30","position":50410},{"translated_name":"W30\/32","position":50420},{"translated_name":"W30\/34","position":50430},{"translated_name":"W30\/36","position":50440},{"translated_name":"W31","position":50450},{"translated_name":"W31\/30","position":50460},{"translated_name":"W31\/32","position":50470},{"translated_name":"W31\/34","position":50480},{"translated_name":"W31\/36","position":50490},{"translated_name":"W31\/REGULAR","position":50495},{"translated_name":"W31\/LONG","position":50496},{"translated_name":"W32","position":50500},{"translated_name":"W32\/30","position":50510},{"translated_name":"W32\/32","position":50520},{"translated_name":"W32\/34","position":50530},{"translated_name":"W32\/36","position":50540},{"translated_name":"W32\/REGULAR","position":50544},{"translated_name":"W32\/LONG","position":50545},{"translated_name":"W33","position":50550},{"translated_name":"W33\/30","position":50560},{"translated_name":"W33\/32","position":50570},{"translated_name":"W33\/34","position":50580},{"translated_name":"W33\/36","position":50590},{"translated_name":"W33\/REGULAR","position":50594},{"translated_name":"W33\/LONG","position":50595},{"translated_name":"W34","position":50600},{"translated_name":"W34\/30","position":50610},{"translated_name":"W34\/32","position":50620},{"translated_name":"W34\/34","position":50630},{"translated_name":"W34\/36","position":50640},{"translated_name":"W34\/REGULAR","position":50644},{"translated_name":"W34\/LONG","position":50645},{"translated_name":"W35","position":50650},{"translated_name":"W35\/30","position":50660},{"translated_name":"W35\/32","position":50670},{"translated_name":"W35\/34","position":50680},{"translated_name":"W35\/36","position":50690},{"translated_name":"W36","position":50700},{"translated_name":"W36\/30","position":50710},{"translated_name":"W36\/32","position":50720},{"translated_name":"W36\/34","position":50730},{"translated_name":"W36\/36","position":50740},{"translated_name":"W36\/REGULAR","position":50745},{"translated_name":"W37","position":50750},{"translated_name":"W37\/30","position":50760},{"translated_name":"W37\/32","position":50770},{"translated_name":"W37\/34","position":50780},{"translated_name":"W37\/36","position":50790},{"translated_name":"W38","position":50800},{"translated_name":"W38\/30","position":50810},{"translated_name":"W38\/32","position":50820},{"translated_name":"W38\/34","position":50830},{"translated_name":"W38\/36","position":50840},{"translated_name":"W39","position":50850},{"translated_name":"W39\/30","position":50860},{"translated_name":"W39\/32","position":50870},{"translated_name":"W39\/34","position":50880},{"translated_name":"W39\/36","position":50890},{"translated_name":"W40","position":50900},{"translated_name":"W40\/30","position":50910},{"translated_name":"W40\/32","position":50920},{"translated_name":"W40\/34","position":50930},{"translated_name":"W40\/36","position":50940},{"translated_name":"W42","position":50950},{"translated_name":"W42\/30","position":50960},{"translated_name":"W42\/32","position":50970},{"translated_name":"W42\/34","position":50980},{"translated_name":"W42\/36","position":50990},{"translated_name":"W44","position":51000},{"translated_name":"W44\/30","position":51010},{"translated_name":"W44\/32","position":51020},{"translated_name":"W44\/34","position":51030},{"translated_name":"W44\/36","position":51040},{"translated_name":"W46","position":51050},{"translated_name":"W46\/30","position":51060},{"translated_name":"W46\/32","position":51070},{"translated_name":"W46\/34","position":51080},{"translated_name":"W46\/36","position":51090},{"translated_name":"BS 16","position":59000},{"translated_name":"BS 18","position":60000},{"translated_name":"BS 20","position":60020},{"translated_name":"BS 22","position":60030},{"translated_name":"BS 24","position":60040},{"translated_name":"GAVEKORT","position":70000},{"translated_name":"100,-","position":70010},{"translated_name":"150,-","position":70020},{"translated_name":"200,-","position":70030},{"translated_name":"250,-","position":70040},{"translated_name":"300,-","position":70050},{"translated_name":"350,-","position":70060},{"translated_name":"400,-","position":70070},{"translated_name":"450,-","position":70080},{"translated_name":"500,-","position":70090},{"translated_name":"550,-","position":70100}
1432,{"translated_name":"600,-","position":70110},{"translated_name":"650,-","position":70120},{"translated_name":"700,-","position":70130},{"translated_name":"750,-","position":70140},{"translated_name":"800,-","position":70150},{"translated_name":"850,-","position":70160},{"translated_name":"900,-","position":70170},{"translated_name":"950,-","position":70180},{"translated_name":"1.000,-","position":70190},{"translated_name":"1.100,-","position":70200},{"translated_name":"1.200,-","position":70210},{"translated_name":"1.300,-","position":70220},{"translated_name":"1.400,-","position":70230},{"translated_name":"1.500,-","position":70240},{"translated_name":"1.600,-","position":70250},{"translated_name":"1.700,-","position":70260},{"translated_name":"2.000,-","position":70270},{"translated_name":"2.500,-","position":70280},{"translated_name":"3.000,-","position":70290}], 1433 groupedSizeAttributeUuid: '84f02880c121bd86e20cc7b32d34c941', 1434 colorAttributeUuid: '0195041720fa73d28a7d949c0c33da5c', 1435 colorAttributeFormatted: [{"translated_name":"GRAVEL\/IVORY","id":"001f7084c4080c29fce48fd221a7ff99","hex_code":"#593e30"},{"translated_name":"ELDERBERRY","id":"00b37af4e967e0f825cbc2fcd7119d3c","hex_code":"#593e30"},{"translated_name":"DULL BLUE","id":"00c3dd69f48993ba5b6168bc18305b9d","hex_code":"#2a2e5b"},{"translated_name":"THYME GREEN\/LICHEN GREEN","id":"00c433ab07958ecc06f092c477d8d712","hex_code":"#324908"},{"translated_name":"RHINO","id":"0127e897bc8a3c2953267d33bed13cbe","hex_code":"#808080"},{"translated_name":"RAVEN\/IVORY","id":"01800b23b4436542bd60c207d301adec","hex_code":"#593e30"},{"translated_name":"SORT","id":"0195041720fe72b093f4b66c303cab8f","hex_code":"#000000"},{"translated_name":"MOONSTRUCK ST","id":"0195041722ff72e493d26784fa3a6b2f","hex_code":"#cabba0"},{"translated_name":"NAVY","id":"01950417230471e6803bb3c9c4414bf8","hex_code":"#2a2e5b"},{"translated_name":"BLACK","id":"0195041723507216a962d758300c2d51","hex_code":"#000000"},{"translated_name":"S\u00d8LV","id":"01950417237e7097a0ede8cb2e3331d2","gradient_class":"custom-color-circle-silver"},{"translated_name":"BL\u00c5","id":"01950417238270eb9536ee303e23b032","hex_code":"#2a2e5b"},{"translated_name":"SAND","id":"01950417238f7175aa018a8214e9bb4e","hex_code":"#cabba0"},{"translated_name":"KHAKI","id":"01950417243173d9ab63eb60c5330657","hex_code":"#cabba0"},{"translated_name":"GR\u00c5","id":"0195041724b17322ae2b44340fc52117","hex_code":"#808080"},{"translated_name":"BROWN","id":"0195041724b37183a4c59c2281207922","hex_code":"#593e30"},{"translated_name":"EVENING BLUE","id":"019504172d5471978b172c65b7a0234e","hex_code":"#2a2e5b"},{"translated_name":"HVID","id":"019504172e637290bb348cbda38d4388","hex_code":"#ffffff"},{"translated_name":"LYS GR\u00c5","id":"01950417361a720f8233c3d92a3a5268","hex_code":"#808080"},{"translated_name":"SKY CAPTAIN","id":"01950417365373b2936004507c603ebb","hex_code":"#2a2e5b"},{"translated_name":"PURE CASHMERE","id":"0195041736997056b2a26e381b111c78","hex_code":"#cabba0"},{"translated_name":"DRIED KHAKI","id":"019504173aed700191a1071677c4d237","hex_code":"#cabba0"},{"translated_name":"BLACK\/ECRU","id":"019504173ca07152a3459f023079f298","hex_code":"#000000"},{"translated_name":"BEIGE","id":"01950417509d727e8cca846634611ecf","hex_code":"#cabba0"},{"translated_name":"OLIVE","id":"0195041750b4734fa47a47a781bc6a22","hex_code":"#324908"},{"translated_name":"STONE","id":"0195041750b570a3a0bc0262a61290f6","hex_code":"#808080"},{"translated_name":"BRUN","id":"0195041750ca70f2a3b47a9a03dd1df7","hex_code":"#593e30"},{"translated_name":"DENIM","id":"0195041750d87343b1269ba91fcf4d44","hex_code":"#3a5c84"},{"translated_name":"SALUTE","id":"0195041750fe7149957952480a9b66f8","hex_code":"#2a2e5b"},{"translated_name":"KOKS","id":"0195041752e570eba9175bca19d94d65","hex_code":"#808080"},{"translated_name":"WOODY GREEN","id":"0195041da36972ef95e29a2597588354","hex_code":"#367f3d"},{"translated_name":"LYS BL\u00c5","id":"0195041dac6a7182bc001bc32253a571","hex_code":"#2a2e5b"},{"translated_name":"GR\u00d8N","id":"0195146c6ceb721bbdf3d9cf1ab5af70","hex_code":"#367f3d"},{"translated_name":"BORDEAUX","id":"01952303d92670178aa6593af236c129","hex_code":"#5a002c"},{"translated_name":"NEUTRAL","id":"019523df88be726e873fb8956753dcf1","hex_code":"#ffffff"},{"translated_name":"CHOCOLATE","id":"019523dfa1c67112bb958d4626c01f84","hex_code":"#593e30"},{"translated_name":"WHITE","id":"019524bb42e47042ad7331c3efb6999d","hex_code":"#ffffff"},{"translated_name":"LIGHT BLUE","id":"019524bb47847373bb85141e77ef753e","hex_code":"#2a2e5b"},{"translated_name":"KOKS\/MULTI","id":"0195282a1f267189a1c444d2610001b8","hex_code":"#808080"},{"translated_name":"ARMY","id":"0195282a781573669919518a905260b6","hex_code":"#324908"},{"translated_name":"SWEET ORANGE","id":"01952905da1670498ad7f5dd7c11712c","hex_code":"#d65832"},{"translated_name":"L.BLUE","id":"019529e1e3287201954dcb67526aba7e","hex_code":"#2a2e5b"},{"translated_name":"SORT\/HVID\/KOKS","id":"0195575f2beb70af8dda7010997d43f3","hex_code":"#000000"},{"translated_name":"WALNUT","id":"01958adecfda71829e88aeda9c8fff17","hex_code":"#cabba0"}
1435,{"translated_name":"THYME","id":"01958aded9a370469d7eb4c6f7080fd7","hex_code":"#808080"},{"translated_name":"LIGHT GREY MEL","id":"0195aeeb79677057a3c695bd202c0280","hex_code":"#808080"},{"translated_name":"PINE GREEN MEL\/ORANGE","id":"0195b905193672bea7f16a3f66f60dd3","hex_code":"#324908"},{"translated_name":"KIT","id":"0195b90570b971a4be58deda9ffef98f","hex_code":"#cabba0"},{"translated_name":"CORAL","id":"0195fbaa99a470728636b7bb99e3582e","hex_code":"#d65832"},{"translated_name":"HVID\/R\u00d8D\/BL\u00c5","id":"0195fbaa9ab971bb830346b87be8bc93","gradient_class":"custom-color-circle-multi"},{"translated_name":"IVORY","id":"0195fbaa9ac570b2aecdfefe7ca51312","hex_code":"#cabba0"},{"translated_name":"NAVY\/L.BL\u00c5","id":"0195fbaa9cb270aa803185c7bf2052b4","hex_code":"#2a2e5b"},{"translated_name":"ECRU","id":"0195fbaaa0a372caac136621dd3ab3fb","hex_code":"#cabba0"},{"translated_name":"OLIVE NIGHT\/IVORY","id":"0195fbaaa2d471688b7a4e739b32af24","hex_code":"#324908"},{"translated_name":"MID BROWN","id":"0195fbaaa4627187a3110144c393e361","hex_code":"#593e30"},{"translated_name":"SORT\/NAVY\/GR\u00c5","id":"0195fbaaa7487284bf4980be85f8e6bf","hex_code":"#000000"},{"translated_name":"GR\u00c5 MEL","id":"0195fbaaa82d72d8b3e9c66f04e92ef7","hex_code":"#808080"},{"translated_name":"DARK NAVY","id":"0195fbaaa98172cfb638a06ed74fe6af","hex_code":"#2a2e5b"},{"translated_name":"OLIVEN","id":"0195fbaaae0f73ca813d20539e320587","hex_code":"#324908"},{"translated_name":"DUSTY CLAY","id":"0195fbaab31271bb881f5182d16c7436","hex_code":"#d65832"},{"translated_name":"DUSTY GREEN","id":"0195fbaab34b7354bf8dac40fcd23f52","hex_code":"#367f3d"},{"translated_name":"BLUE","id":"0195fbaab38573649c1a1555d3b50fd8","hex_code":"#2a2e5b"},{"translated_name":"AQUA","id":"0195fbaab42771048f44a2fe579306b4","hex_code":"#2a2e5b"},{"translated_name":"OCEAN","id":"0195fbaab4607246b225d3a00c5b07be","hex_code":"#2a2e5b"},{"translated_name":"GREEN","id":"0195fbaab49a70589f1bdd8cd74f04eb","hex_code":"#367f3d"},{"translated_name":"SKY","id":"0195fbaab4d1702b8e578e129754f22b","hex_code":"#2a2e5b"},{"translated_name":"R\u00d8D","id":"0195fbaab63b713983c826d60e0d7cbe","hex_code":"#b51a34"},{"translated_name":"DARK NAVY\/WHITE","id":"0195fbaab6ab7324a97941e5d940be65","hex_code":"#2a2e5b"},{"translated_name":"OFF WHITE","id":"0195fbaab863712ea1c417a827d03908","hex_code":"#ffffff"},{"translated_name":"COGNAC","id":"0195fbaac27d7197a8c222621b8700ae","hex_code":"#593e30"},{"translated_name":"ORANGE","id":"0195fbaac57e708fbf3df21c9be6c1f2","hex_code":"#d65832"},{"translated_name":"DEEP DEPTHS","id":"0195fbaac818705d9b3247f648785d59","hex_code":"#367f3d"},{"translated_name":"MOLE","id":"0195fbaac84f7143be4d0f00261661a1","hex_code":"#cabba0"},{"translated_name":"REAL TEAL MEL","id":"0195fbaac8f073429f8c51efea2e3a5f","hex_code":"#2a2e5b"},{"translated_name":"HUMUS","id":"0195fbaac95e72ec9903e0e8276f1257","hex_code":"#cabba0"},{"translated_name":"SERENITY","id":"0195fbaac9cb71e989f8833fdb59351c","hex_code":"#2a2e5b"},{"translated_name":"PINK","id":"0195fbaaca7a7006a9de190187a9d8eb","hex_code":"#ffa4b4"},{"translated_name":"GREY","id":"0195fbaacd89720e855ab0e4ba305b74","hex_code":"#808080"},{"translated_name":"SORT\/HVID","id":"0195fbaacdab71e9af1536b150fe974f","gradient_class":"custom-color-circle-multi"},{"translated_name":"DARK BLUE","id":"0195fbaad0c97039840c8513205ebc14","hex_code":"#2a2e5b"},{"translated_name":"CASTOR GREY","id":"0195fbaad3f072e7b709b8ddad7e3c6c","hex_code":"#808080"},{"translated_name":"MICRO CHIP","id":"0195fbaad4bd7211a598c657e0f1e5ca","hex_code":"#ffffff"},{"translated_name":"CAMEL","id":"0195fbaad8397208b02cb758fd749e53","hex_code":"#593e30"},{"translated_name":"CHARCOAL MEL\/ORANGE","id":"0195fbaad8eb73b08df2262a98daddad","hex_code":"#808080"},{"translated_name":"FIRED BRICK\/ORANGE","id":"0195fbaad97a72668705518ed5dc4de6","hex_code":"#d65832"},{"translated_name":"MOUNTAIN GREY MEL\/ORANGE","id":"0195fbaad9bd7027aee684d5b9045ad4","hex_code":"#593e30"},{"translated_name":"LIGHT GREY","id":"0195fbaadc727361ba03a231626eec95","hex_code":"#808080"},{"translated_name":"SORT\/SAND","id":"0195fbaade1b705fa14b23ffb32f71d1","hex_code":"#000000"},{"translated_name":"LIGHT SAND","id":"0195fbaae28f71a5bad3297783378013","hex_code":"#cabba0"},{"translated_name":"ARMY MELANGE","id":"0195fbaae52f701ab1d59f7db0bd0b28","hex_code":"#324908"},{"translated_name":"L.CAMEL MEL","id":"0195fbaae60e7254b9ad0a6cd698d00e","hex_code":"#cabba0"},{"translated_name":"SORT\/HVID\/GR\u00c5","id":"0195fbaae68f73a4a48faa5fcfd490b2","gradient_class":"custom-color-circle-multi"},{"translated_name":"DENIM MELANGE","id":"0195fbaae6a97306b33e916f5ec17a
1435df","hex_code":"#3a5c84"},{"translated_name":"L.GREY MEL.","id":"0195fbaae81d71098c076616362c2347","hex_code":"#808080"},{"translated_name":"SAND MEL.","id":"0195fbaaec0472c990f67a457bc9d267","hex_code":"#cabba0"},{"translated_name":"L.DENIM MEL.","id":"0195fbaaec8071bfb210f555bc2cea82","hex_code":"#3a5c84"},{"translated_name":"ROUGE RED","id":"0195fbaaed377220a621d5d1a8c2186c","hex_code":"#b51a34"},{"translated_name":"L.BLUE MEL.","id":"0195fbaaef1c7186830cdc4c37882d24","hex_code":"#2a2e5b"},{"translated_name":"ANTRA MEL","id":"0195fbaaf00f71bea56a8f6caee3f7fb","hex_code":"#808080"},{"translated_name":"WASHED DENIM BLUE\/IVORY","id":"0195fbaaf1d07152b58c5c0fedd05608","hex_code":"#2a2e5b"},{"translated_name":"SURPLUS GREEN","id":"0195fbaaf21173748dfcf0591b6eda25","hex_code":"#367f3d"},{"translated_name":"LIGHT DESERT SAND\/LIGHT IVORY","id":"0195fbaaf3137262bf0760a2c79c1ecf","hex_code":"#cabba0"},{"translated_name":"SORT\/SORT","id":"0195fbaaf433708fa9e232fd40bb5286","hex_code":"#000000"},{"translated_name":"SPRUCEBLACK ST","id":"0195fbaaf4d670bf998c64eb7f665845","hex_code":"#000000"},{"translated_name":"DARK NAVY\/IVORY","id":"0195fbab008f707a8d79b7d5ba8efce0","hex_code":"#2a2e5b"},{"translated_name":"GUL","id":"0195fbab02b1720d8bb6cb0a0c1fcd04","hex_code":"#ffec00"},{"translated_name":"LIME","id":"0195fbab02ee711dae5c97f02079a6c3","hex_code":"#ffec00"},{"translated_name":"SEA STORM","id":"0195fbab0dc27278a230efebc53fd723","hex_code":"#2a2e5b"},{"translated_name":"STRIBET","id":"0195fbab0e6f718593d0f1610520db3d","hex_code":"#2a2e5b"},{"translated_name":"MERMAID","id":"0195fbab0e88713ab31ed4f1c1ed12ed","hex_code":"#593e30"},{"translated_name":"MIX","id":"0195fbab0eb7726ba52b517532713067","gradient_class":"custom-color-circle-multi"},{"translated_name":"ROSIN\/IVORY","id":"0195fbab0f6f7188a1be0c3309f0b841","hex_code":"#324908"},{"translated_name":"L OLIVEN","id":"0195fbab12f07219b2bd7b716040a018","hex_code":"#324908"},{"translated_name":"GREY HTR","id":"0195fbab1c7c73dda3d0cb204b48d813","hex_code":"#808080"},{"translated_name":"CREAM","id":"0195fbab203870a08b6108d6415d9593","hex_code":"#cabba0"},{"translated_name":"BL\u00c5\/HVID\/R\u00d8D","id":"0195fbab213772408d6fc97bce04d869","gradient_class":"custom-color-circle-multi"},{"translated_name":"OXFORD NARROW STRIPE","id":"0195fbab22567385b116a033f3720f2f","hex_code":"#2a2e5b"},{"translated_name":"GREY MELANGE","id":"0195fbab24877364a88bbecffc48a5c1","hex_code":"#808080"},{"translated_name":"ARMY MEL","id":"0195fbab24fe71249fcb424fa822309d","hex_code":"#324908"},{"translated_name":"DUSTY OLIVE","id":"0195fbab29f17375b21f1ed82d2f8e7a","hex_code":"#593e30"},{"translated_name":"NUT","id":"0195fbab2ce17355800f6060a98d031e","hex_code":"#593e30"},{"translated_name":"HVID\/HVID","id":"0195fbab2ce37083bc08c765f70ca9e7","hex_code":"#ffffff"},{"translated_name":"HVID\/NAVY","id":"0195fbab2e03729ab5627502a7917327","hex_code":"#ffffff"},{"translated_name":"MOREL","id":"0195fbab336a70efb7039bb054865aba","hex_code":"#593e30"},{"translated_name":"IVORY\/ORANGE","id":"0195fbab39457185becf9eacd9e05c12","hex_code":"#cabba0"},{"translated_name":"OLIVE NIGHT\/ORANGE","id":"0195fbab396c7075b3e7a0b87d3fc77f","hex_code":"#324908"},{"translated_name":"NAVY MEL","id":"0195fbab39dd7299a52653ff31330ac6","hex_code":"#2a2e5b"},{"translated_name":"PALACE BLUE\/ORANGE","id":"0195fbab3a6f708da483f9acaf9eb8ab","hex_code":"#2a2e5b"},{"translated_name":"BURNT RED","id":"0195fbab3b2371bab936318fbe6c0d08","hex_code":"#cabba0"},{"translated_name":"IVORY MELANGE\/ORANGE","id":"0195fbab3b8f72a18da15d06343421d8","hex_code":"#cabba0"},{"translated_name":"DUSTY ROSE","id":"0195fbab3cf770d9bbaa2cf4e8020d99","hex_code":"#ffffff"},{"translated_name":"RAVEN","id":"0195fbab3d2f722bb574f7a80e62aef7","hex_code":"#000000"},{"translated_name":"OLIVE MEL","id":"0195fbab408a72cf890eade61dee38b1","hex_code":"#324908"},{"translated_name":"DK.GREY MEL","id":"0195fbab41fa737e81869994cf997559","hex_code":"#808080"},{"translated_name":"SKYWAY","id":"0195fbab46ed708fbb3d12c0441881a0","hex_code":"#2a2e5b"},{"translated_name":"TURKIS","id":"0195fbab49df7096b795be6ebda56f5c","hex_code":"#2a2e5b"},{"translated_name":"BASIL GREEN","id":"0195fbab52d0702b8c972b3fd977e3ba","hex_code":"#367f3d"},{"translated_name":"BORDEAUX MEL","id":"0195fbab617d73858193d7fce695ff68","hex_code":"#5a002c"},{"translated_name":"MOUSE","id":"0195fbab62597317a14fd2bd18fa25c7","hex_code":"#808080"},{"translated_name":"OLIVE MELANGE","id":"0195fbab62a470f0a450b1426ed1bc36","hex_code":"#324908"},{"translated_name":"TARTAN GREEN","id":"0195fbab6e0472309dc721210d0f5b8e","hex_code":"#324908"},{"translated_name":"PERSIAN BLUE","id":"0195fbab6ea17299825c5123f33fd50a","hex_code":"#3a5c84"},{"translated_name":"LIGHT IVORY","id":"0195fbab80b47278b734ce8c155e0f4b","hex_code":"#cabba0"},{"translated_name":"OLIVE NIGHT","id":"0195fbab81067392b36f1ee62b9697a6","hex_code":"#324908"},{"translated_name":"TANDOON RED","id":"0195fbab83de71e0bced0a6c1a69509e","hex_code":"#b51a34"},{"translated_name":"DUKE BLUE","id":"0195fbab842671878bf977e5a2d2c8df","hex_code":"#3a5c84"},{"translated_name":"FULL GREEN","id":"0195fbab84b670bdb016eb3e29f7c072","hex_code":"#324908"},{"translated_name":"CHOCOLAT BROWN","id":"0195fbab85417042952e91b4f0d9c7ac","hex_code":"#593e30"},{"translated_name":"SAVANNA SAND","id":"0195fbab858972cd9a981c149278f3a7","hex_code":"#cabba0"},{"translated_name":"DARK GREY MEL","id":"0195fbab85d0713cbc20aa346dfacd6c","hex_code":"#808080"},{"translated_name":"DEEP MARINE","id":"0195fbab89e871a690ee713fdbdd37f5","hex_code":"#2a2e5b"},{"translated_name":"LILLA","id":"0195fbaba6cd72ad9a965f25e4dc475a","hex_code":"#735c8e"},{"translated_name":"WINTER TWIG","id":"0195fbabb573735db55fa421b5e1ce52","hex_code":"#cabba0"},{"translated_name":"SUB BLUE","id":"0195fbabb5ba73f991f87c0b29f0829f","hex_code":"#2a2e5b"},{"translated_name":"VULCANIC ASH","id":"0195fbabb86c721998241eb8f8922d
143575","hex_code":"#000000"},{"translated_name":"BL\u00c5\/NAVY\/SORT","id":"0195fc2a9088730cbbb843bfb8de20ec","gradient_class":"custom-color-circle-multi"},{"translated_name":"BDX","id":"0195fc2a9115709d8ba809d18524a877","hex_code":"#5a002c"},{"translated_name":"MINT","id":"0195fc2a919b706e8e11804bf4e19607","hex_code":"#367f3d"},{"translated_name":"BL\u00c5\/SORT","id":"0195fc2a955173bba45acacf709a1d6a","gradient_class":"custom-color-circle-multi"},{"translated_name":"BLK\/WHI","id":"0195fc2c943373c29d2d2f8f133613d4","hex_code":"#000000"},{"translated_name":"HVID\/R\u00d8D","id":"0195fc2cbd6271e9a13795e7bbe97f69","hex_code":"#ffffff"},{"translated_name":"DEEPEST GREEN","id":"01960fe8d6577033a0dd857b5f24490c","hex_code":"#324908"},{"translated_name":"1.700,-","id":"01968fc092207000920683533d659e2e","hex_code":null},{"translated_name":"450,-","id":"01968fc0923372c59a5cd913b1c5d304","hex_code":null},{"translated_name":"2.000,-","id":"01968fc0924b7392963d5761096cf9a2","hex_code":null},{"translated_name":"500,-","id":"01968fc0925c7155b947c3b8590dbe12","hex_code":null},{"translated_name":"950,-","id":"01968fc0926e702a93a4584875fa98e9","hex_code":null},{"translated_name":"350,-","id":"01968fc092867087bc477fb725bf84a3","hex_code":null},{"translated_name":"700,-","id":"01968fc0929d73c0a24369824fdfb2c0","hex_code":null},{"translated_name":"400,-","id":"01968fc092af7397a6f76ae7bfb2edae","hex_code":null},{"translated_name":"1.300,-","id":"01968fc092c070799391ff73656d822a","hex_code":null},{"translated_name":"100,-","id":"01968fc092d172c8a22808ad9a94ad55","hex_code":null},{"translated_name":"1.000,-","id":"01968fc092e370a89756317595552c43","hex_code":null},{"translated_name":"1.500,-","id":"01968fc092f473d0b2154f5b033d2275","hex_code":null},{"translated_name":"550,-","id":"01968fc09305726eb5a9a5983485d5c9","hex_code":null},{"translated_name":"1.200,-","id":"01968fc0931c73d3ab1ef68fd661a849","hex_code":null},{"translated_name":"650,-","id":"01968fc0932e72e682d7bba56d493341","hex_code":null},{"translated_name":"3.000,-","id":"01968fc09347706192b0950029257063","hex_code":null},{"translated_name":"800,-","id":"01968fc0935a711fbb5e8c3cdc317ca9","hex_code":null},{"translated_name":"200,-","id":"01968fc0936d7169ad5c8b7536036511","hex_code":null},{"translated_name":"250,-","id":"01968fc0937e7096823dfc52057fcdd3","hex_code":null},{"translated_name":"150,-","id":"01968fc0939070b28c3ad6a3dea7d948","hex_code":null},{"translated_name":"1.600,-","id":"01968fc093a771c399fc2b2fe9e2d627","hex_code":null},{"translated_name":"850,-","id":"01968fc093b973888786702c657f8eab","hex_code":null},{"translated_name":"750,-","id":"01968fc093d0724b8e622741e85cce90","hex_code":null},{"translated_name":"1.100,-","id":"01968fc093e873b38acbb79a0a46daf8","hex_code":null},{"translated_name":"600,-","id":"01968fc093f97243a5fee8f814db0cd3","hex_code":null},{"translated_name":"1.400,-","id":"01968fc0940b70c5b06f197283cdf037","hex_code":null},{"translated_name":"300,-","id":"01968fc0941c732c98e3a642d5d7ef19","hex_code":null},{"translated_name":"900,-","id":"01968fc0942e70beb4ed3c62943153ed","hex_code":null},{"translated_name":"2.500,-","id":"01968fc0943f7100adc3ebfc2851db31","hex_code":null},{"translated_name":"ASPARAGUS","id":"01968fc3feda7393b342004088f01159","hex_code":"#cabba0"},{"translated_name":"GARGOYLE","id":"01968fc4084471b493780aa52544bf03","hex_code":"#808080"},{"translated_name":"CAMO","id":"01968fc51e4b71038053a4dfaf571fe5","hex_code":"#cabba0"},{"translated_name":"NAVY\/WHITE","id":"01969fbafc6f72aaa2131ee4e3a0c8e1","hex_code":"#2a2e5b"},{"translated_name":"CANTEEN","id":"01969fbb5793707baa72accfe0169867","hex_code":"#593e30"},{"translated_name":"MULTI","id":"01969fbd83e07113befc93d6a0948f24","gradient_class":"custom-color-circle-multi"},{"translated_name":"OLIVEN\/HVID","id":"01969fbdc3a9701ba798df9867a77af0","hex_code":"#ffffff"},{"translated_name":"BELUGA","id":"01969fbe2a4a71cf980923a10b5af187","hex_code":"#000000"},{"translated_name":"ECRU\/NAVY","id":"01969fbe2f04717d99f7934e39d24eed","hex_code":"#ffffff"},{"translated_name":"DARK KHAKI","id":"0196a47049e97007b87505004fdcf205","hex_code":"#cabba0"},{"translated_name":"FOSS GREEN","id":"0196a470c5df73e7ad83a87fdeeba9a2","gradient_class":"custom-color-circle-multi"},{"translated_name":"SAHARA","id":"0196a4727de371daa89fcced8805f9f2","hex_code":"#cabba0"}
1435,{"translated_name":"DARK INDIGO","id":"0196a4750aac73349593e788bee1c58b","hex_code":"#2a2e5b"},{"translated_name":"EGGSHELL","id":"0196a475e43e717e898f606332d222eb","hex_code":"#ffffff"},{"translated_name":"PLAZA TAUPE","id":"0196a4766eed71b980a6abcacc30ff7d","hex_code":"#cabba0"},{"translated_name":"COLA","id":"0196a4771a97714fb645d05570ff34b2","hex_code":"#593e30"},{"translated_name":"LONDON FOG","id":"0196a478113c71d697b03beda6b116a0","hex_code":"#cabba0"},{"translated_name":"BEIGE MELANGE","id":"0196a479118a72cc8f2a6d478273c9ef","hex_code":"#cabba0"},{"translated_name":"WARM KIT","id":"0196a479b1ee71b387cfbbd853e2e79d","hex_code":"#cabba0"},{"translated_name":"GREIGE","id":"0196a479d9b172d2bc21d8aab153ee98","hex_code":"#cabba0"},{"translated_name":"RICH BLUE","id":"0196a479f5cc73d88fd4ba3bc4ae1b59","hex_code":"#2a2e5b"},{"translated_name":"DEEP GREEN","id":"0196a47a009a7368a961926574cb5518","hex_code":"#367f3d"},{"translated_name":"DRY SAND","id":"0196a47cb55d71dd88433a0be643bd81","hex_code":"#cabba0"},{"translated_name":"WARM BEIGE","id":"0196a47cf7117255ae08becee3ef15a9","hex_code":"#cabba0"},{"translated_name":"SUN FLOWER","id":"0196a4bf58287206b6fbd14c26acf5c2","hex_code":"#808080"},{"translated_name":"NUTHATCH","id":"0196a4c6ba3b72f587e622e9d77577d3","hex_code":"#593e30"},{"translated_name":"BROKEN WHITE","id":"0196a4c770b07097b37bd5088fffbe37","hex_code":"#ffffff"},{"translated_name":"CLIMBING IVY","id":"0196c314db8d71338cb2e80c87c53d50","hex_code":"#324908"},{"translated_name":"NATURE","id":"0196c314fd39700eae4bea0bca338812","hex_code":"#cabba0"},{"translated_name":"WASHED DENIM","id":"0196c31538da70909f775c1f32d7e207","hex_code":"#3a5c84"},{"translated_name":"RED","id":"0196ca839eac71c7bc3bb593656c3c94","hex_code":"#b51a34"},{"translated_name":"KHAKI GREEN","id":"0196ca83aae671acbde372dcf213a8e7","hex_code":"#324908"},{"translated_name":"GULD","id":"0196ca8422f57046b572c1a394ba1ed8","hex_code":"GULD"},{"translated_name":"MOSS","id":"0196ca8489067049a8608b0697b4e873","hex_code":"#324908"},{"translated_name":"LYSER\u00d8D","id":"0196ca84c4f171a183727ee246104274","hex_code":"#ffa4b4"},{"translated_name":"SAGE","id":"0196ca84d0a370f691cc8b8abdc92bba","hex_code":"#367f3d"},{"translated_name":"ELEFANT","id":"0196ca85077172e5b471beebbe269ffd","hex_code":"#808080"},{"translated_name":"DUSTY","id":"0196ca8524b2728a866c20e3b4464aaf","hex_code":"#cabba0"},{"translated_name":"CHAMBRAY BLUE","id":"0196ca8530e67094a8cd227652a31478","hex_code":"#2a2e5b"},{"translated_name":"DUSTY BLUE","id":"0196cefc587a712998610932959d4e22","hex_code":"#2a2e5b"},{"translated_name":"DARK GREY","id":"0196cefdbd167222b04d113255377c2b","hex_code":"#808080"},{"translated_name":"BLACK\/RED","id":"0196e72f955272dba9a31a4a5d63c94b","hex_code":"#000000"},{"translated_name":"DARK BROWN","id":"0196e72fa765738ea0bf2b73b4457c27","hex_code":"#593e30"},{"translated_name":"NAVY\/BLUE","id":"0196e72ff6157027b75bc16098c8cee1","hex_code":"#2a2e5b"},{"translated_name":"DARK OLIVE","id":"0196e730254970659c0c6916965311d2","hex_code":"#324908"},{"translated_name":"DARK SAND","id":"0196e730a90e7033abb6b23ee7a354f3","hex_code":"#cabba0"},{"translated_name":"LIGHT CHAMBRAY","id":"0196e730bc037088b8849b80108e39ba","hex_code":"#3a5c84"},{"translated_name":"WHITE\/NAVY","id":"0196e730d9af70feb9a436c80755791a","hex_code":"#2a2e5b"},{"translated_name":"TAUPE","id":"0196e732103f707aaeac76f318197b9e","hex_code":"#cabba0"},{"translated_name":"TRANSPARENT","id":"0196e732394271afad1a9a24bbcfb440","hex_code":"#808080"},{"translated_name":"NAVY\/HVID","id":"0196e7328eb57107a1ee6f2a49d76a98","hex_code":"#2a2e5b"},{"translated_name":"L.BLUE\/WHITE","id":"0196e733166773329fbd1c61fca6bc9b","hex_code":"#2a2e5b"},{"translated_name":"MEDIUM GREY MEL","id":"0196e913fd707359877edf24f0be4688","hex_code":"#808080"},{"translated_name":"DUSTY BLUE MEL","id":"0196e91406a373c3a3ac564bc13f1238","hex_code":"#2a2e5b"},{"translated_name":"FOREST NIGHT","id":"0196e914103c715d95b2f05c6aeca976","hex_code":"#324908"},{"translated_name":"ANTIQUE BRONZE","id":"0196e9143b1a7020b3988cb74a86c937","hex_code":"#d65832"},{"translated_name":"DARK MIDNIGHT","id":"0196ecec820d7176a0cd089f1fc4b7c1","hex_code":"#2a2e5b"},{"translated_name":"GAVEKORT","id":"0196eced008473b2860f448bca8c2e98","hex_code":null},{"translated_name":"KALAMATA GREEN","id":"0196ecefb14e7185bffbd970dee5468b","hex_code":"#367f3d"},{"translated_name":"BRICK RED","id":"0196ed91d02273969f8dce98f9f2cdf6","hex_code":"#b51a34"},{"translated_name":"LIGHT BROWN","id":"0196ed91ece371b4937c5374751b2d58","hex_code":"#593e30"},{"translated_name":"RUBY RED","id":"0196ed9225a271c696f1c3bb9674b2c3","hex_code":"#b51a34"},{"translated_name":"MARINE","id":"0196ed92302971ba82604c2173634a58","hex_code":"#2a2e5b"},{"translated_name":"DK.ARMY","id":"0196ed925c37701f8e582f1bd36ef589","hex_code":"#324908"},{"translated_name":"DUSTY NAVY","id":"0196ed9274fc73b99e756c7aa6c1af5d","hex_code":"#2a2e5b"},{"translated_name":"LYS DENIM","id":"0196ed93a8a07311b98c4ba6b47e2b5d","hex_code":"#3a5c84"},{"translated_name":"COLLEGE BLUE","id":"0196ed94510873c5af00f08fac719b0a","hex_code":"#2a2e5b"},{"translated_name":"VINTAGE GREEN\/IVORY","id":"0196ee365d677194a252b300baf32c19","hex_code":"#367f3d"},{"translated_name":"INDIGO","id":"0196ee37d0797045ad8a08c4442ee86c","hex_code":"#2a2e5b"},{"translated_name":"GRAYSTONE","id":"0196ee38c6d77211b32c508f39be9243","hex_code":"#2a2e5b"},{"translated_name":"XENON BLUE MELANGE","id":"0196ee38d1747169b3e2e4620695cd45","hex_code":"#2a2e5b"},{"translated_name":"IVORY\/CHIVE GREEN","id":"0196f284025f715a8e488aaffc7f34a0","hex_code":"#367f3d"},{"translated_name":"LIGHT IVORY\/LICHEN GREEN","id":"0196f2ba314b70f9884b8c3b908cf6b6","hex_code":"#367f3d"},{"translated_name":"LICHEN GREEN","id":"0196f2bb49d673848bced9575e1b6653","hex_code":"#324908"},{"translated_name":"IVORY\/ROSIN","id":"0196f2bc505d72ce94731284857284b9","hex_code":"#cabba0"},{"translated_name":"NIGHTSHADE","id":"0196f3604f327139b5c91ef3d4c14a75","hex_code":"#735c8e"},{"translated_name":"SHIPYARD","id":"01d46d5798bbb6e5fe37fe60ce62f217","hex_code":"#cabba0"},{"translated_name":"STONE GREY","id":"0259d50bdf61b541de3ab4ab9159f494","hex_code":"#808080"},{"translated_name":"LEMON","id":"029300dd888f6d1bccb0337b0e39a321","hex_code":"#ffec00"},{"translated_name":"INCENSE","id":"02b3129573c052005d3edfb68b334ad0","hex_code":"#cabba0"},{"translated_name":"MID.BLUE","id":"02bf8c8d28c4fa7d70a6dede53250ae1","hex_code":"#3a5c84"},{"translated_name":"GREENSCAPE","id":"02c276998e3621c900a0d0668119d203","hex_code":"#324908"},{"translated_name":"ELEFANT\/L.RED","id":"030d4ddc57d1b2b91e5cd563d20bd257","hex_code":"#593e30"}
1435,{"translated_name":"WHEAT","id":"0311d25ab5ff65986d217be1375bf4b4","hex_code":"#593e30"},{"translated_name":"HVID\/NAVY\/SAND","id":"036c98af854058730f8cfbd6afcac8fe","hex_code":"#ffffff"},{"translated_name":"SORT\/GR\u00c5","id":"0377a29d673b62771d3d8670ea53e7bf","hex_code":"#808080"},{"translated_name":"BLUE BLACK DENIM","id":"03a5022e96b68be2cc88a26cc7eb5e0f","hex_code":"#3a5c84"},{"translated_name":"LYS BRUN","id":"03d83e279d8f761c55aa35f418d9e4d3","hex_code":"#cabba0"},{"translated_name":"PEANUT","id":"03e89f4d7495754e97e6bfa0cf4c5b3b","hex_code":"#cabba0"},{"translated_name":"M\u00d8RK DENIM","id":"04256c33c1e62c86397e6e3541099409","hex_code":"#3a5c84"},{"translated_name":"GREY BROWN","id":"042c0be83e97b6c03498d276e4aee8e4","hex_code":"#593e30"},{"translated_name":"FADED CASCADE","id":"0498b8cb01a5573f8b96e4dd46877442","hex_code":"#3a5c84"},{"translated_name":"PETROL","id":"0498f69a1f6271f761de10cfa4948962","hex_code":"#2a2e5b"},{"translated_name":"BOTTLE GREEN","id":"04d5a2221d312c1fe8bee5b37c9ccc95","hex_code":"#367f3d"},{"translated_name":"BLACK\/DARK TEAL","id":"053d998c3d8e785e423d7efab93a3aca","hex_code":"#2a2e5b"},{"translated_name":"DARK SAND\/ORANGE","id":"057a588dc1405a761a5be9adaed9b2cd","hex_code":"#cabba0"},{"translated_name":"STEEL BLUE","id":"05a1e40b6e5bbf14db0b797704cd00bd","hex_code":"#2a2e5b"},{"translated_name":"INK","id":"05d537dd735cb47ea0f763ca0008d3bb","hex_code":"#2a2e5b"},{"translated_name":"HIGHLAND","id":"05e1459bb1169edf19cb591407ab41b4","hex_code":"#324908"},{"translated_name":"SHADY GREY","id":"0618f770f1aee957aa1560a251262abc","hex_code":"#808080"},{"translated_name":"MIRROR","id":"06620550b09272e7972b4acb79c36eb5","gradient_class":"custom-color-circle-silver"},{"translated_name":"SHADY PURPLE","id":"0711ffcedaf33983be7ecaa9cf3ef59a","hex_code":"#735c8e"},{"translated_name":"RICH NAVY","id":"076d8c0fe144327b3f936ad395590b47","hex_code":"#2a2e5b"},{"translated_name":"BL\u00c5\/HVID","id":"07f76efdaf4fdb051752beb805142370","hex_code":"#2a2e5b"},{"translated_name":"BUFF","id":"085763eeaceafb9af023ba257e605bd5","hex_code":"#cabba0"},{"translated_name":"ASH HEATHER\/GOLD","id":"0857c6f47d3b7870e6aebabba070e97f","hex_code":"#808080"},{"translated_name":"CHATEAU GRAY","id":"08bee05ed532f0eff9b1cf63da70c69c","hex_code":"#cabba0"},{"translated_name":"NAVY-WHITE","id":"08c33d2ef972edb13f34edbd8a843e5b","hex_code":"#2a2e5b"},{"translated_name":"CAMO\/BRUN","id":"08fdbda7f2bb4fdb599a076212e5080b","hex_code":"#593e30"},{"translated_name":"GREEN\/BLACK","id":"09027d72f974e5a93ae1cfae68b3caa1","hex_code":"#367f3d"},{"translated_name":"PHLOX","id":"0927b899d60b14be4bb53b6fe87c0c46","hex_code":"#735c8e"},{"translated_name":"IVORY\/DUSTY ORANGE","id":"0952283549792d78380a2903f9df4928","hex_code":"#cabba0"},{"translated_name":"GREEN WOOD","id":"0aeef957127295a28a34370f217cb239","hex_code":"#367f3d"},{"translated_name":"CITY GREY","id":"0b5adf080d1de913908f23497a568650","hex_code":"#808080"},{"translated_name":"PINK CAMO","id":"0b64a798c638e5d2888ac172af1bb7c3","hex_code":"#ffa4b4"},{"translated_name":"GREY\/BLUE","id":"0b901525e7c11b99a6c56e5e5affbcc8","hex_code":"#808080"},{"translated_name":"DUSTY RED","id":"0bd80d6e4e78370cc0b7ef7469454694","hex_code":"#ffa4b4"},{"translated_name":"TERRA BROWN","id":"0be85b143f6cc068d8d15fce1f2cb02f","hex_code":"#593e30"},{"translated_name":"LIGHT GREY MELANGE","id":"0c3759f4acacdb1d9390ca9db6c3ee25","hex_code":"#808080"},{"translated_name":"VINTAGE BLUE","id":"0c4928236adbf808048842dd8fc651d4","hex_code":"#3a5c84"},{"translated_name":"CHOCOLATE TORTE","id":"0c8c1659efdcc22414f826cb5bc92790","hex_code":"#593e30"},{"translated_name":"BLUE-WHITE","id":"0cbf2683c9d7a97cee2aaab252624020","hex_code":"#2a2e5b"},{"translated_name":"BIRCH","id":"0ccc3d1214ca12f69242f16deaf3bac3","hex_code":"#cabba0"},{"translated_name":"M\u00d8RKGR\u00d8N","id":"0d1aec9615837c0d90f9898f68c4d52e","hex_code":"#324908"},{"translated_name":"CORTADO","id":"0d2fe6ae61e597004b560cb210dac912","hex_code":"#593e30"},{"translated_name":"BOURBON","id":"0dae5c738b7e26b4ab4afc1d859cd337","hex_code":"#cabba0"},{"translated_name":"GOLD FLAME","id":"0deb45236fdf619966bfb5d475902e53","hex_code":"#d65832"},{"translated_name":"DESERT TAUPE\/WHITE","id":"0e60daf18b30f304781665ea32a426f1","hex_code":"#cabba0"}
1435,{"translated_name":"BLACK COFFEE","id":"0f3c2eb6241666f9699cf8ec05afe6b8","hex_code":"#593e30"},{"translated_name":"OX BLOOD","id":"0f86e93316757647b953f02876c880c7","hex_code":"#5a002c"},{"translated_name":"BLUE\/WHITE STRIPE","id":"0ff447ce31fd65822888ef1198cf6321","hex_code":"#2a2e5b"},{"translated_name":"ECRU\/ORANGE","id":"1045a8f987afcb8c67200a7dd33a086f","hex_code":"#ffffff"},{"translated_name":"BLACK STONE BLEACHED","id":"106b87081b247c7c25839c2f050d723f","hex_code":"#808080"},{"translated_name":"FOREST","id":"10b8c1ccb05eedddc36d753a8a465ee0","hex_code":"#324908"},{"translated_name":"GR\u00c5\/ORANGE\/BL\u00c5","id":"10f86f9de1aaf653696f144a0772a236","hex_code":"#808080"},{"translated_name":"GR\u00d8N\/SORT","id":"113741d6c59241cb466f899b06307481","hex_code":"#324908"},{"translated_name":"L.GR\u00c5 22","id":"11447ac467d3f113bc8cc74931e72c0e","hex_code":"#808080"},{"translated_name":"HVID\/LILLA","id":"114d675569cdfde65789fced9ecca191","gradient_class":"custom-color-circle-multi"},{"translated_name":"TREEHOUSE","id":"11ce49875f7f41a1a00e84b3c55816c4","hex_code":"#367f3d"},{"translated_name":"ORANGE\/HVID","id":"11d3b7dbe91f2edd33c4e6f14f9296ec","gradient_class":"custom-color-circle-multi"},{"translated_name":"DARK NAVY\/DUST BLUE","id":"12040d4f157bef2447204953f2c72462","hex_code":"#2a2e5b"},{"translated_name":"BLUE AIR","id":"1206bd9122eb66fb172371e46094ee92","hex_code":"#2a2e5b"},{"translated_name":"BLACK\/COBALT","id":"120797d942d560a4d0ea37d51dab5f1b","hex_code":"#000000"},{"translated_name":"DARKENED BEIGE","id":"1225af252e910a032a607a63c087c73b","hex_code":"#cabba0"},{"translated_name":"ASH HEATHER\/DUCK BLUE","id":"12572d8244e53dcaabbe9ac8e7539cb1","hex_code":"#808080"},{"translated_name":"SAND MEL","id":"125cd1d400ec68f37f568b6f4d67a0ff","hex_code":"#cabba0"},{"translated_name":"IRISH WHITE","id":"12708cfbe3060db3ca3cae9e14d1f27a","hex_code":"#ffffff"},{"translated_name":"OFFICE BLUE","id":"12db2acf0a0d896245578f85aca72a6b","hex_code":"#2a2e5b"},{"translated_name":"CARBON","id":"13b67f575d1fcedf7b22b98ffb325dfa","hex_code":"#000000"},{"translated_name":"MISTY SKY","id":"13e61b5c9f8fd7309cfa01673e76dcaa","hex_code":"#2a2e5b"},{"translated_name":"DIRT GREY","id":"146292256667069e7bce05852693ff91","hex_code":"#808080"},{"translated_name":"STONE GREEN","id":"14d12d18e485689cec6ea6f95c03b635","hex_code":"#324908"},{"translated_name":"BL\u00c5\/GR\u00d8N","id":"157fed63546e53591241fd6c6c9c99b4","hex_code":"#2a2e5b"},{"translated_name":"NAVY\/NAVY","id":"15aac623a7c540b68a315999d5b10201","hex_code":"#2a2e5b"},{"translated_name":"DOVE GREY\/WAX","id":"15cc142241f001984e2ede9188f6d361","hex_code":"#808080"},{"translated_name":"SAND STRIPE","id":"15ef9c0292f5ca0dc86f4043c8843a48","hex_code":"#cabba0"},{"translated_name":"BLUE LIGHT TRUE WASHED","id":"161294d1063569c9fd20545ef4764fe8","hex_code":"#3a5c84"},{"translated_name":"STEEL GREEN","id":"164d424368717d1d9fd5b9c14d638ee8","hex_code":"#367f3d"},{"translated_name":"SEPIA","id":"16af1b74e5874567765b562cc53c9ca7","hex_code":"#2a2e5b"},{"translated_name":"GR\u00c5 \/ BRUN","id":"1739e340be58fe15f331caab43b62c82","hex_code":"#808080"},{"translated_name":"OLIVE NIGHT\/DARK SAND","id":"17e544997fa5d4ebc3d70396d13f1e92","hex_code":"#324908"},{"translated_name":"BROWN CHECK","id":"1809702a3ff1b2e8e5afb6719010416c","hex_code":"#593e30"},{"translated_name":"WALNUT\/BLACKBERRY","id":"186a42ba277c595231e70aa8332c9ab0","hex_code":"#593e30"},{"translated_name":"CONCRETE","id":"18bf4392164b70c87aee567a94ed0c3b","hex_code":"#cabba0"},{"translated_name":"BLUE MARBLE USED WASH","id":"18d4326b7f981cc84414218db3e6c120","hex_code":"#3a5c84"},{"translated_name":"WOLFSBANE","id":"198ade4d57ee841274f3f797667ed909","hex_code":"#2a2e5b"},{"translated_name":"FOREST GREEN","id":"1a23470901165da6dd985f2338046498","hex_code":"#367f3d"},{"translated_name":"STONE WASH","id":"1a3eff7d5095bf3a2010d53cd5ee5b78","hex_code":"#3a5c84"},{"translated_name":"SAPPHIRE","id":"1af00539042d84c2743220bd53734a23","hex_code":"#000000"},{"translated_name":"ROSIN\/DARK SAND","id":"1b0e046cf8a2ed032a6af160e8bfd319","hex_code":"#593e30"},{"translated_name":"SENECA ROCK MEL","id":"1b6e0ee4ef59df991e597c813d14ca71","hex_code":"#cabba0"},{"translated_name":"SUNDLING STRIPE","id":"1b99681363522dd1457b6a78f070454a","hex_code":"#808080"},{"translated_name":"BLACK\/COGNAC","id":"1b998f76224ebba5a2013d4a311424dc","hex_code":"#000000"},{"translated_name":"ICE BLUE","id":"1c6ba0317abb27dbc24848247f4086c5","hex_code":"#2a2e5b"},{"translated_name":"TANGLED SHUNGITE","id":"1c9e4a29330b19b78ee9a38c1fac5dc9","hex_code":"#593e30"},{"translated_name":"BLUE DARK USED WASH","id":"1cfe763e91ea2acdf7a120065088db05","hex_code":"#3a5c84"},{"translated_name":"LYSBL\u00c5\/HVID","id":"1cff513f78414400d946b411d491a843","hex_code":"#2a2e5b"},{"translated_name":"RAVEN\/RAVEN","id":"1d2028d01b7a5e7d2b364e77dde83919","hex_code":"#000000"},{"translated_name":"BRASS","id":"1d2235b42dd6a074c48410bb5d28cea5","hex_code":"#367f3d"},{"translated_name":"BLUE UNWASHED","id":"1d361d87aad0741e8326310818cb5e43","hex_code":"#3a5c84"},{"translated_name":"DEEP TEAL\/BLACK\/WHITE","id":"1dd06b7c69a2eb57cff0f6aad6c71872","hex_code":"#367f3d"},{"translated_name":"CAPRI BLUE","id":"1dd7c780161380f00c3c96e4b6eddca3","hex_code":"#2a2e5b"},{"translated_name":"WHITE\/GREY","id":"1dd920528bf041b0cef2568fc86badcd","gradient_class":"custom-color-circle-multi"},{"translated_name":"PIRATE BLACK","id":"1de07b0bde8cd5a7be5e8c03e12e3fe0","hex_code":"#000000"},{"translated_name":"MIRAGE NIGHT ST","id":"1de7738c4ae6dc093e2ce94c9d1898ae","hex_code":"#2a2e5b"},{"translated_name":"INCA GOLD\/ORANGE","id":"1de914f4dc476d758618d6f67632d828","hex_code":"#d65832"},{"translated_name":"SORT\/BL\u00c5","id":"1e3dce220729115b8e75898a015c9ce9","hex_code":"#000000"},{"translated_name":"TOTAL ECLIPSE","id":"1e55d97cd81d20f694ad9fbffbdbb4ab","hex_code":"#2a2e5b"},{"translated_name":"VINTAGE MID BLUE","id":"1e600f34fce6172b78fd55bbdcc79506","hex_code":"#3a5c84"},{"translated_name":"DEEP LAGOON","id":"1f67a06950d14549c46ad4da189c301c","hex_code":"#2a2e5b"},{"translated_name":"WAX","id":"1f740b0fcbebd11816c5a84f4789afd5","hex_code":"#ffffff"},{"translated_name":"TAUPE GREEN","id":"1fdb4b1f3ca5fbb7b861358c495c03bc","hex_code":"#324908"},{"translated_name":"ECRU\/SORT\/BL\u00c5","id":"20653b83a8064836fa7134fa7ff3a8f8","hex_code":"#ffffff"},{"translated_name":"MOUNTAIN GREY MEL\/POSY GREEN","id":"20eff2ad3d97f5452e3626c81ce11ff6","hex_code":"#593e30"},{"translated_name":"DESERT TAUPE\/LIGHT DESERT SAND","id":"21855e2ec609ac33ae144059e46f216e","hex_code":"#cabba0"},{"translated_name":"SORT 001","id":"21c59c69ab2ac044f9b72ee369880a27","hex_code":"#000000"},{"translated_name":"BLACK UNWASHED","id":"21e900518c6e9adf4cfb2f1909ed76d9","hex_code":"#000000"},{"translated_name":"BLACK\/PINK","id":"220326ea11486d45588713f6289867f3","hex_code":"#000000"},{"translated_name":"DRIFT","id":"22841e49ee0be4f2da3d3a6c6a7d9a4a","hex_code":"#367f3d"},{"translated_name":"STRING","id":"2298db576e68732eeb814e0666c76333","hex_code":"#cabba0"},{"translated_name":"DESERT TAUPE\/LEMON SORBET","id":"22b4dbf7c2e917625d878dff5bcbdf8b","hex_code":"#cabba0"}
1435,{"translated_name":"ALLURE","id":"22e006a9ed81ddd4f032f85690f1f2f1","hex_code":"#2a2e5b"},{"translated_name":"ECRU-NAVY","id":"23c9c92abfc467a9def9e7955c1d8368","hex_code":"#ffffff"},{"translated_name":"CARIBOU BUFF","id":"23f91e82a15d464be4ab99a64152d914","hex_code":"#cabba0"},{"translated_name":"MOURNING DOVE","id":"24402e8bb9b9bc06e559bf8f4d11079f","hex_code":"#808080"},{"translated_name":"OAK","id":"244a9a2b95583d6b2a681dc9a94d5bc6","hex_code":"#cabba0"},{"translated_name":"FADED GREY","id":"248799dd6718bde9ea441f290413d69d","hex_code":"#808080"},{"translated_name":"DARK NAVY\/GOLD","id":"24a4316dc73d56b189ac864845de2232","hex_code":"#3a5c84"},{"translated_name":"NEUTRAL GREEN MELANGE\/ORANGE","id":"24ad2f1f057e3721efc215287ae5d604","gradient_class":"custom-color-circle-multi"},{"translated_name":"BURGUNDY\/ECRU","id":"25065c2533f04f1e6d1866183c6ad743","hex_code":"#5a002c"},{"translated_name":"CERULEAN","id":"253ddcfaf52002ce2476e39f94410094","hex_code":"#2a2e5b"},{"translated_name":"LICORICE","id":"259053a21ef8cd9b42efd59c3fc0708d","hex_code":"#000000"},{"translated_name":"OPUNTIA CHALK","id":"25b2613dc4143ac61d873415fb037797","hex_code":"#ffffff"},{"translated_name":"L.RED","id":"25b66840d542fb1809f3983f1e293dbf","hex_code":"#ffa4b4"},{"translated_name":"PELICAN","id":"25d72592a339078282421857eaf2ea7f","hex_code":"#cabba0"},{"translated_name":"WALNUT\/DARK SAND","id":"2673fbc44413ed7a4eec6e2e2ef9f280","hex_code":"#593e30"},{"translated_name":"919 LYSBL\u00c5","id":"26c45c222c45ee6cb21dd78ecdc8d053","hex_code":"#3a5c84"},{"translated_name":"CHAMPAGNE\/GREEN","id":"26d599cc33028b8f3fc7986e27ddcc17","hex_code":"#cabba0"},{"translated_name":"DARK NAVY\/DARK SAND","id":"270845f49caa610b9ca8ac3851fdb6b9","hex_code":"#2a2e5b"},{"translated_name":"SOLAR DRIFT","id":"272da02e6524114223256a42b8d0dacf","hex_code":"#ffffff"},{"translated_name":"BLACK\/YELLOW TORTOISE","id":"275fd35b4981010c6efdbf0c8d879c51","hex_code":"#593e30"},{"translated_name":"HVID\/BORDEAUX","id":"2783dbfc93ae41866f26c7bab9019688","hex_code":"#ffffff"},{"translated_name":"MONUMENT","id":"2821edab7d09d1d7bc46b38387a0d0b5","hex_code":"#808080"},{"translated_name":"L.BL\u00c5\/HVID","id":"2881669f9126aeed6db7557d0ded3ffa","gradient_class":"custom-color-circle-multi"},{"translated_name":"PEACH","id":"288a24dd4affdd1e34c1749d62a4326a","hex_code":"#d65832"},{"translated_name":"DUSTY TINT","id":"28e8d3213e046b022a15efc41d26fabf","hex_code":"#3a5c84"},{"translated_name":"SEABLUE","id":"293b7e7d9eefa31031723bec67e6826f","hex_code":"#2a2e5b"},{"translated_name":"RAINCLOUD","id":"294608a883f58c3032da605d6e3a421a","hex_code":"#808080"},{"translated_name":"TANGERINE","id":"29642c6c899a26123d12eb197642f892","hex_code":"#d65832"},{"translated_name":"NAVY MELANGE","id":"2a797d3c806f901e4b734be8a3f74b69","hex_code":"#2a2e5b"},{"translated_name":"SHAMROCK","id":"2ac17a2b8b9c1af6ee015b94309b77fa","hex_code":"#367f3d"},{"translated_name":"SASSAFRAS\/ORANGE","id":"2ace45b0b8922040794f82b0c43583c9","gradient_class":"custom-color-circle-multi"},{"translated_name":"BLACK ONE WASH","id":"2b34743f11e82aa2f9e0715c2f84ed7c","hex_code":"#000000"},{"translated_name":"JADEITE","id":"2b3a21afad337bba0bb27746183efd65","hex_code":"#30d5c8"},{"translated_name":"BLUE MID WORN WASH","id":"2b61f71c856ed39354eaf7c8363454e7","hex_code":"#3a5c84"},{"translated_name":"ASH HEATHER","id":"2bf3692a344b95a69d050c8e6e4ad8fb","hex_code":"#808080"},{"translated_name":"SYCAMORE","id":"2c0894b0122ac47867b0bf89b0cda4d2","hex_code":"#367f3d"},{"translated_name":"FIELD GREEN","id":"2c23294ac19378d1253880de95deb0a3","hex_code":"#324908"},{"translated_name":"CINNERUS","id":"2c8c2fdf35e3d17822bd004698f708ba","hex_code":"#ffffff"},{"translated_name":"NIGHTBLUE","id":"2cb447f5b8469a03aedab7c263fd32cc","hex_code":"#2a2e5b"},{"translated_name":"WALL","id":"2cc5c96169b275c4478433916031a253","hex_code":"#cabba0"},{"translated_name":"AIRFORCE","id":"2cdf74ff320debcb560e2111cd901cf1","hex_code":"#2a2e5b"},{"translated_name":"MOCHA","id":"2d5444d2b1a3db4e2ec2e003828b9987","hex_code":"#593e30"},{"translated_name":"CHASEZOR","id":"2de5402ae0d81fcefd61369eb3520786","hex_code":null},{"translated_name":"DK AGED","id":"2deb178cc6a2ff21c5a4923e2fa10145","hex_code":"#3a5c84"},{"translated_name":"CAMBRIDGE BROWN","id":"2e2849f653572c3c37be553d2ac837a3","hex_code":"#593e30"},{"translated_name":"BLUE ONE WASH","id":"2e6a4f575493444078d401fd2dcbc9d8","hex_code":"#2a2e5b"}
1435,{"translated_name":"LEATHER","id":"2f08f4b4fc802a00b141a2c7910a9392","hex_code":"#cabba0"},{"translated_name":"ARMY\/ORANGE","id":"2f21a7147ea4fde1bec65ef1f58c3af3","hex_code":"#324908"},{"translated_name":"GR\u00c5 MEL\/SORT","id":"2f2bbf6d9915964085b3aabd9c2a2885","hex_code":"#808080"},{"translated_name":"BLACK\/YELLOW","id":"2f522d0b2fb57d218c4a95afa72d7920","hex_code":"#000000"},{"translated_name":"DESERT SKY","id":"2fa45818af908befa3c44b804d83f44e","hex_code":"#2a2e5b"},{"translated_name":"JAVA BROWN","id":"2fab781c3793dfbdd9f47ae31d452ff1","hex_code":"#593e30"},{"translated_name":"ESPRESSO","id":"302db912fe2014daee78cdd42b42f126","hex_code":"#000000"},{"translated_name":"SEQUOIA\/ORANGE","id":"315c70d4221b39f65f415f6ec4eb28ec","hex_code":"#d65832"},{"translated_name":"TERN","id":"318fe6b0520f9011bbf93b22b55e5a87","hex_code":"#593e30"},{"translated_name":"GRANITE GREY","id":"31a85fc86a89f7957ada6149a079b8f9","hex_code":"#808080"},{"translated_name":"DEEP NIGHT","id":"31e1380e981820b62a67285ae09d4cd6","hex_code":"#2a2e5b"},{"translated_name":"SORT\/GR\u00d8N","id":"31f5e17e7f92c31a6a56814c5e8be2b2","gradient_class":"custom-color-circle-multi"},{"translated_name":"COOL GREY","id":"324d61d318d9426fb65489f56986d77c","hex_code":"#808080"},{"translated_name":"DUCK GREEN\/AURA","id":"3297c3ce54a69c8ec891ea173954cfca","hex_code":"#367f3d"},{"translated_name":"MUSTANG","id":"32bc0837f0a9af0b8627373de974dc1a","hex_code":"#808080"},{"translated_name":"ARRENGA\/WHITE","id":"338791fe1e922f0955b8e8fd5f756d18","hex_code":"#735c8e"},{"translated_name":"BLACK\/MOUNTAIN GREY","id":"33cc29dbb9060f6630b154dc53ce4547","hex_code":"#000000"},{"translated_name":"DARK EVERGREEN","id":"33de08d46fe5f8abeef064a36fc3c111","hex_code":"#808080"},{"translated_name":"GREY\/BLACK","id":"33f683f374f8984f2c0aff967a4fcff6","hex_code":"#808080"},{"translated_name":"SCARAB","id":"345f5cb944a0fd1b87234186419d41f1","hex_code":"#367f3d"},{"translated_name":"OLIVE STONE","id":"34bd244bdcfe9d3f53e8703c1d35daad","hex_code":"#324908"},{"translated_name":"NAVY\/R\u00d8D\/HVID","id":"34d6905149bf090843c2a751abd37870","gradient_class":"custom-color-circle-multi"},{"translated_name":"OYSTER GRAY","id":"35e656af8cb5bd1a0a705ec0cff7dd97","hex_code":"#cabba0"},{"translated_name":"LARCH","id":"35f943c1d4c79c1a7aada1e3638b9944","hex_code":"#593e30"},{"translated_name":"INDIGO BLUE","id":"36aa7de9d0979cd9cb1c0f52a726dc1e","hex_code":"#2a2e5b"},{"translated_name":"M\u00d8RK BRUN","id":"373522169a4b53aa3ebe173c81b8e0c5","hex_code":"#593e30"},{"translated_name":"QUIET GRAY","id":"374cbde9c425c4f8eee204f5abf868aa","hex_code":"#808080"},{"translated_name":"STONE BLUE","id":"3802f7173f66bd10495842f0cb7877aa","hex_code":"#2a2e5b"},{"translated_name":"OUTER SPACE","id":"38ba84f636ac2f443206925c3797ce7c","hex_code":"#2a2e5b"},{"translated_name":"ASPHALT\/ASPHALT","id":"38cad26971be3a7a7a72c146e1b9537f","hex_code":"#808080"},{"translated_name":"BLACK\/CHROME","id":"395718730da8db4cbbd6858cfba22162","hex_code":"#000000"},{"translated_name":"DUCK GREEN","id":"39c395b485a0e9f171cb41a1be596b7c","hex_code":"#367f3d"},{"translated_name":"PUMPKIN","id":"3a129bf77ce4148343dbb226b7eb06a5","hex_code":"#d65832"},{"translated_name":"CORNSILK","id":"3a51a4608a1ac49cbceb12141010d2fc","hex_code":"#ffffff"},{"translated_name":"LIBERICA","id":"3b386570ee5fb23e0c7838f227bf99b2","hex_code":"#593e30"},{"translated_name":"CARAFE LIGHT","id":"3b802a865313e96fe1b9cfb8a1374833","hex_code":"#593e30"},{"translated_name":"WHITE\/GOLD","id":"3b856dd30fc06c046fc5c25f2ca9559b","hex_code":"#ffffff"},{"translated_name":"IVORY\/BLACK","id":"3b97e0b54a411d0ac72c996cd0d74a75","hex_code":"#000000"},{"translated_name":"MALACHITE","id":"3bfdfbff1e4a1af8846ec58c33364497","hex_code":"#2a2e5b"},{"translated_name":"MEDIUM BROWN","id":"3c3ae6e4a2279b2f9e5cded102fef33b","hex_code":"#593e30"},{"translated_name":"NAVY\/ORANGE","id":"3cb228bf0d820bbdc49c7a72863f3286","hex_code":"#2a2e5b"},{"translated_name":"MARRON","id":"3cc2cda371bdb9f47807c1bed1436e38","hex_code":"#5a002c"},{"translated_name":"M\u00d8NSTRET","id":"3cd6d22f5b7e5f2bba977b431960f1f9","gradient_class":"custom-color-circle-multi"},{"translated_name":"METEORITE","id":"3d37a34b230309e7b9b48e947b361058","hex_code":"#000000"},{"translated_name":"LAGOON","id":"3d83e1394cfd702669fcbe8ec7b4a7a8","hex_code":"#2a2e5b"},{"translated_name":"KRIDT","id":"3d8eda8115c7eb7d77a05d8e433fe816","hex_code":"#ffffff"},{"translated_name":"PORPHYRY","id":"3d99bc2322659e37a3d4406465dd95ac","hex_code":"#735c8e"},{"translated_name":"BLUE RINSED","id":"3da98a31a5c273a211ac195cd346d20b","hex_code":"#2a2e5b"}
1435,{"translated_name":"STEEL","id":"3e0cadd41ec973847aed9b8053001b0d","hex_code":"#808080"},{"translated_name":"SUMMER SKY\/WHITE","id":"3e3e3731c5059796fa7a508afc3effbf","hex_code":"#2a2e5b"},{"translated_name":"DESERT PALM","id":"3ea9b507387842a90ef8f512ca955f1d","hex_code":"#593e30"},{"translated_name":"MARSHMALLOW\/GRIFFIN","id":"3eb9751e3f2b55bb5fd152946ee0ffe5","hex_code":"#ffffff"},{"translated_name":"BLUE STONE WASHED","id":"3eca89f69d57d817aa3b8cd48fce5121","hex_code":"#3a5c84"},{"translated_name":"DELICIOSO","id":"3f1c92e798162179718f3922a3e1e253","hex_code":"#593e30"},{"translated_name":"SEDONA","id":"3f1e59753798a4216abae460532ae5de","hex_code":"#593e30"},{"translated_name":"COFFEE LIQUEUR","id":"400246c63ab2c73b0113e391ac14ce3c","hex_code":"#593e30"},{"translated_name":"DARK NAVY\/BOMBAY BROWN","id":"40128b93c67cbe5fc5298c4f0bd1814a","hex_code":"#2a2e5b"},{"translated_name":"DARK SAND\/PARIS BLUE","id":"405e644cbc294e66ab7e656a9b148aae","hex_code":"#cabba0"},{"translated_name":"WALLNUT","id":"4090ae3dbdd2ef568fa8fe0ae83d1f37","hex_code":"#593e30"}
1435,{"translated_name":"CHARM PINK","id":"40c58d3baaef440e38c9262160d2d5c5","hex_code":"#ffa4b4"},{"translated_name":"TEAL GRADIENT","id":"40d26b89ccf8aaf0bcac4c01c9a2404b","hex_code":"#367f3d"},{"translated_name":"MECHANIC BLUE","id":"415a56bab576581fa020a593fa994ff3","hex_code":"#3a5c84"},{"translated_name":"LIGHT ICE BLUE WASH","id":"4195f54b26acf9978366c0bf039f2a7f","hex_code":"#3a5c84"},{"translated_name":"DARK DENIM","id":"4222dd865198808e5ef24934feb3d64a","hex_code":"#000000"},{"translated_name":"PIGMENT CHALK","id":"423c7fa79e15f14e98d483e0238d1544","hex_code":"#ffffff"},{"translated_name":"DARK MOSS GREEN","id":"4281eaf5c37c86af9c0d9076b47e3e32","hex_code":"#324908"},{"translated_name":"GREEN GABLES","id":"4331102069d08cad2170d57359251a0a","hex_code":"#367f3d"},{"translated_name":"EMPERADOR","id":"436fc846418baa08d9ce6ee6b7698601","hex_code":"#593e30"},{"translated_name":"STEEL GREY","id":"4384e47e2418db3b6753d74542974d8f","hex_code":"#808080"},{"translated_name":"LYSEGR\u00c5","id":"438cb59f6055c629a38691a731a35839","hex_code":"#808080"},{"translated_name":"CEMENT","id":"439ad20ef83f42cd0bf786c65dd3fb5d","hex_code":"#808080"},{"translated_name":"ERMINE","id":"44902298a09819e5f249dd657011f417","hex_code":"#593e30"},{"translated_name":"RINSED","id":"44f06a95c9120edb2757d194112d641e","hex_code":"#3a5c84"},{"translated_name":"SILVER BIRCH","id":"451a46c7741c29ae7154ab5c6f6e0a4e","hex_code":"#ffffff"},{"translated_name":"LEAF","id":"455029d2d30295c1710748b570ccea48","hex_code":"#324908"},{"translated_name":"SORT\/BRUN","id":"4585c0c2f1bf91b7b0459f1269e8280a","hex_code":"#593e30"},{"translated_name":"GREY HTR\/GOLD","id":"46110ea2f661df7e9dd5c349b62f9dc5","hex_code":"#808080"},{"translated_name":"NAVY\/BL\u00c5","id":"4652eb0c5e5aad690c213aa6289b485f","gradient_class":"custom-color-circle-multi"},{"translated_name":"BLUE WALLER WASH","id":"474379b1d2afe3113a8b1fd7eeca49d5","hex_code":"#3a5c84"},{"translated_name":"INDIA INK\/BURNT RED","id":"475c047084e93f2418b4245218668bfe","hex_code":"#000000"},{"translated_name":"TARRAGON","id":"481cf546e7eadbe638b957b44b622f85","hex_code":"#324908"},{"translated_name":"KARRY","id":"487d46141a6e601dc46bf9894688d27b","hex_code":"#d65832"},{"translated_name":"BLACK\/WAX","id":"4887f527bdb7caec355d5339432745cb","hex_code":"#000000"},{"translated_name":"BLK\/YELLOW","id":"495e38a57625374364d96c88ca261571","hex_code":"#000000"},{"translated_name":"OFFWHITE\/BLUE","id":"4994cbf3c32334d8619cf03e97340efb","hex_code":"#2a2e5b"},{"translated_name":"RINSED DENIM","id":"49952c0e1f74113b5e6f79d63cacf974","hex_code":"#3a5c84"},{"translated_name":"TURKISH COFFEE","id":"49f2b6b382258f4da4094f444f2e7a9d","hex_code":"#593e30"},{"translated_name":"DANVILLAIN","id":"4a4e4dddc470317c3393652c75211f1f","hex_code":null},{"translated_name":"DEEP H BROWN","id":"4a5369cbcbcf0e928e089a84285d0e71","hex_code":"#593e30"},{"translated_name":"SHADOW","id":"4a639aed1bfa40d6e266e37696e40c06","hex_code":"#000000"},{"translated_name":"MOUNTAIN GREY\/WHITE","id":"4a737fb13ed6ef3763621df273889eb7","hex_code":"#808080"},{"translated_name":"INDIA INK BLUE","id":"4a82f0ff8ac93b257698ba46dec69ac6","hex_code":"#2a2e5b"},{"translated_name":"KOKS\/SORT\/GR\u00c5","id":"4b04e21921c5729221099bbdeedd86ce","gradient_class":"custom-color-circle-multi"},{"translated_name":"SKYWRITING","id":"4b0795b8e9279cac67928cb0b763c6e3","hex_code":"#2a2e5b"},{"translated_name":"RAVEN\/ORANGE","id":"4b2a2ff149cf92dfb2bb671b6d4ddc75","hex_code":"#d65832"},{"translated_name":"WASHED BLUE","id":"4be7cd8e58b053d8a5212be5019ff2d3","hex_code":"#3a5c84"},{"translated_name":"ROSA","id":"4bf1563365eda7feadcfbb4da3bed061","hex_code":"#ffa4b4"},{"translated_name":"NAVY CHECK","id":"4c43f635acb12ff2ac539e6ff22d12e2","hex_code":"#2a2e5b"},{"translated_name":"ARMY\/HVID","id":"4c7fdb8903663df8101d479af8f03ebd","hex_code":"#324908"},{"translated_name":"COBALT BLUE","id":"4cd5e91811952c7bca8e9e87a2a6f701","hex_code":"#2a2e5b"},{"translated_name":"TRADEWINDS BLUE MEL\/ORANGE","id":"4d090df94625792c6db3107177dc8176","gradient_class":"custom-color-circle-multi"},{"translated_name":"SPORTS GREEN\/ORANGE","id":"4d215267ec11299497d46cf935b07826","gradient_class":"custom-color-circle-multi"},{"translated_name":"CHARCOAL","id":"4d6b5ad6f51d4292b8395a1547f8bd75","hex_code":"#808080"},{"translated_name":"CASSIS","id":"4e2d783a4aad3fc6ada35ec437b9acb5","hex_code":"#735c8e"},{"translated_name":"SILVER PINE","id":"4e992203395d730b4ebfe046507b68c2","hex_code":"#367f3d"}
1435,{"translated_name":"MEDIUM PINK","id":"4f1ca1345a01792f8868b25e097a6e6e","hex_code":"#ffa4b4"},{"translated_name":"VINTAGE AZURE","id":"4f1e2ccfff799e85b9666d065095d177","hex_code":"#3a5c84"},{"translated_name":"FADED ATLANTIC OCEAN","id":"4f76aeaa634ed16f557f076e9bd9a10d","hex_code":"#3a5c84"},{"translated_name":"VENICE WASH","id":"4fc6e29a6e5d6fb998159c06eb250499","hex_code":"#3a5c84"},{"translated_name":"BLUE SURF","id":"4fd215f9057299fdf6379efa92b866ab","hex_code":"#2a2e5b"},{"translated_name":"BUNGEE CORD","id":"4fd650484d16765d91e7e373aa47b498","hex_code":"#593e30"},{"translated_name":"PALISANDER","id":"50dcb74ef50c05f85c24f797b0cb70fc","hex_code":"#593e30"},{"translated_name":"BLACK\/UTILITY GREEN","id":"50e878f06ea7b7fe9deabea51bf53f02","hex_code":"#000000"},{"translated_name":"BLUE MID USED","id":"51ffd1b149a3956a964749b8735d8566","hex_code":"#3a5c84"},{"translated_name":"DARK HAZELNUT MEL","id":"5204c37f23a4dff88a374d720d06ad64","hex_code":"#593e30"},{"translated_name":"COGNAC\/RUST","id":"52a79c8b22c674d169ca8b198521ea47","hex_code":"#d65832"},{"translated_name":"SMOKED PEARL","id":"52e99a15c742e746a7586aba7f0edc37","hex_code":"#808080"},{"translated_name":"DEEP BLUE","id":"536af10b445e974945f99035021bc3c3","hex_code":"#2a2e5b"},{"translated_name":"SMOKE GREEN","id":"53900c606c7a82badfed9f4df6dcdd18","hex_code":"#367f3d"},{"translated_name":"MOLE BROWN","id":"53fb5c3ea470fef3cbd8250224269f11","hex_code":"#593e30"},{"translated_name":"NAVY\/BL\u00c5\/KOKS","id":"545980d0328810a367a77f6cd11fefe0","gradient_class":"custom-color-circle-multi"},{"translated_name":"MARSH","id":"549fc1cad07ed75ebf7c683d09fe94c4","hex_code":"#324908"},{"translated_name":"ALUMINUM","id":"54ad84dbcbd581ff52d89398a6c8a43f","hex_code":"#593e30"},{"translated_name":"BLUE\/WHITE","id":"5555324df266a21f7197a9c447ee6269","hex_code":"#2a2e5b"},{"translated_name":"ARCTIC LIME","id":"555ae99c4248cf39c4b2ea413a9a73a6","hex_code":"#367f3d"},{"translated_name":"LIMESTONE","id":"556101cc3c0af545a927cc2ac70c3192","hex_code":"#cabba0"},{"translated_name":"DENIM BLUE MEL","id":"55d88c56fd2a011d3ffc4bcc58951e64","hex_code":"#2a2e5b"},{"translated_name":"DARK USED WASH","id":"55ee996735a33797d981cbbcca65d548","hex_code":"#3a5c84"},{"translated_name":"AGAVE GREEN","id":"56c4c589804c42d231f0ea6d43c6ccb7","hex_code":"#324908"},{"translated_name":"BROWN\/GREEN","id":"575f56be02e889888399a2913a9e0232","hex_code":"#367f3d"},{"translated_name":"HVID\/SORT","id":"578ee20d69d836b5aebea9b0469187f9","hex_code":"#ffffff"},{"translated_name":"LIGHT INDIGO WASH","id":"57e5c3a7ae2332362f17e120e05f7f18","hex_code":"#3a5c84"},{"translated_name":"WASHED INDIGO","id":"5829622c15b2445c8cf39a271cf5a417","hex_code":"#3a5c84"},{"translated_name":"VELVET GREEN","id":"58419c242d41da84808705e4ef73b577","hex_code":"#367f3d"},{"translated_name":"BLACK 550","id":"58474e3e989e1530e1aeb17c8c7a5750","hex_code":"#000000"},{"translated_name":"EGGNOG WHITE","id":"585a5963aca26dbc43195a86e4f5c7b7","hex_code":"#ffffff"},{"translated_name":"DEMI TORTOISE","id":"58cd1ff2519f8c768e1beeed801c7b1e","hex_code":"#593e30"},{"translated_name":"GRISAILLE","id":"592ff7aea5f9a676475eae3cbe90b8a0","hex_code":"#2a2e5b"},{"translated_name":"LYSGR\u00d8N","id":"595bdb9bbf6e889a84e9e3852891618c","hex_code":"#367f3d"},{"translated_name":"SMOKE TRANSPARENT","id":"596a8f8722a1f9cff0228183e3fbb88c","hex_code":"#593e30"},{"translated_name":"RINSE","id":"5aaacfade1a86a64ee8aca8334d8bde6","hex_code":"#3a5c84"},{"translated_name":"MATTE BLACK","id":"5af853c1619a845898e836ba4789cf8e","hex_code":"#000000"},{"translated_name":"TURQUOISE","id":"5b1e09c782835acd268ace702f081b4b","hex_code":"#2a2e5b"},{"translated_name":"BLK\/CAMO","id":"5ba9fb12e22a8f9590a3994b3a009747","hex_code":"#000000"},{"translated_name":"WHISKY","id":"5bfafe98c049c6517b5001bd7b17c671","hex_code":"#593e30"},{"translated_name":"OLIVE GREEN","id":"5c13012b77998e4b964606eae39cf6da","hex_code":"#367f3d"},{"translated_name":"WALNUT MELANGE\/ORANGE","id":"5c4995aa26e69b464e5302a21a1934e8","hex_code":"#593e30"},{"translated_name":"BLACK\/WHITE.MEL","id":"5c851e2af4bc4abaf47b5e3fe4cbe5bd","hex_code":"#000000"},{"translated_name":"FOG","id":"5cea2cd20f1b32a5efe9822a74e4805b","hex_code":"#cabba0"},{"translated_name":"GR\u00c5\/HVID","id":"5d774bf22cc12f0f042593eb86d58b94","hex_code":"#cabba0"},{"translated_name":"NATURE GREEN","id":"5d864c0334af8b15910e5c5c141a243d","hex_code":"#324908"},{"translated_name":"HORTENSIA","id":"5de5b523be68c301d072dee72cb3dd0c","hex_code":"#aa44bb45"},{"translated_name":"THUNDER","id":"5e016042ab0c40e339ff016cba176f26","hex_code":"#808080"},{"translated_name":"DARK SAND\/BLACK","id":"5e7bf6ad8c9fb75a331564fa75fe11f5","hex_code":"#cabba0"},{"translated_name":"MEDIUM WASHED","id":"5f188962099504b382c865bb1948890a","hex_code":"#3a5c84"},{"translated_name":"RAW SELVEDGE","id":"5f9fbba4eab1a30716ad503adc706e9c","hex_code":"#3a5c84"},{"translated_name":"LIGHT SAND MELANGE\/ORANGE","id":"5fad44c5b75500254d0a7834214feb83","hex_code":"#cabba0"},{"translated_name":"LEMONADE","id":"60c31e06db7de0fedb64ee7329fe07d2","hex_code":"#ffec00"},{"translated_name":"ARMY\/NAVY","id":"60c8792b8ac607c80a6ff56a9aff7e9a","hex_code":"#324908"},{"translated_name":"D.GREY","id":"60d2d751f77b240e608b89dfa9de0a5a","hex_code":"#808080"},{"translated_name":"BLUE FUSION","id":"6199e0dca742e6c55e39d097890073e5","hex_code":"#2a2e5b"},{"translated_name":"BLUE\/RED","id":"62ac3b6b028d14ab57c259afc727ccda","hex_code":"#b51a34"},{"translated_name":"VINTAGE INDIGO","id":"62d97f747a9ce894a0000f0530e79e4e","hex_code":"#2a2e5b"},{"translated_name":"BLACK WORN BLEACHED","id":"62da715750365759ff9ce12c9993e310","hex_code":"#000000"}
1435,{"translated_name":"BL\u00c5 MEL.","id":"62f522b36934d7be329a2b3db020735d","hex_code":"#2a2e5b"},{"translated_name":"BLACK\/MULTI","id":"632f211db562145ddff8cf1e227c492d","gradient_class":"custom-color-circle-multi"},{"translated_name":"FADED BLUE","id":"636a0c59fcf224c8550d15a739b76cf3","hex_code":"#3a5c84"},{"translated_name":"SEAWEED","id":"6399008351d45087100565ca62c4b820","hex_code":"#324908"},{"translated_name":"CANOE","id":"63c32700791c22cf14622e229a0cee78","hex_code":"#593e30"},{"translated_name":"DARK SAND MELANGE","id":"64c02984c57fdbdabae1826ffd3cd0d5","hex_code":"#cabba0"},{"translated_name":"DARK NAVY\/MOUNTAIN GREY","id":"64c531f8efa8fb3df9d119cf4550ae1d","hex_code":"#2a2e5b"},{"translated_name":"MIDNIGHT NAVY","id":"650d9bedbcc065914adab1f4b37d11f0","hex_code":"#2a2e5b"},{"translated_name":"D3TRO1T","id":"6511b1ea15e8638b5f189d8a5bdb560f","hex_code":null},{"translated_name":"GREY STRIPE","id":"663000dbbb8a72265ebcd14b4f96339e","hex_code":"#ffffff"},{"translated_name":"BLEACHED BLUE","id":"66629f3a0a752715573c3c9200a7e965","hex_code":"#3a5c84"},{"translated_name":"GREY SAND\/WHITE","id":"66a7ea754fe8e1cfbca2e11b69f58f44","hex_code":"#cabba0"},{"translated_name":"TURTLE","id":"670c66c62be67adc982d9ff13fd00ff9","hex_code":"#324908"},{"translated_name":"CASHMERE BLUE","id":"67a3d9e5a2661d943399266c2ae39139","hex_code":"#2a2e5b"},{"translated_name":"DARK FOREST","id":"683532d07bb0b0f1c2e7399117340ddf","hex_code":"#324908"},{"translated_name":"NAVY\/KOKS","id":"68cc569a4d10e4a1071b60ddbba30b61","hex_code":"#2a2e5b"},{"translated_name":"BLACK MID DARK USED","id":"68f553b4d9ab4e5b0ea54c39715b217b","hex_code":"#000000"},{"translated_name":"NAVY\/ECRU","id":"693307d72be83a5e8d44b70a674f7d1c","hex_code":"#2a2e5b"},{"translated_name":"HAZELNUT MELANGE","id":"69ba8eb4c273c860bdd024da978619ae","hex_code":"#593e30"},{"translated_name":"CHARRED WOOD BROWN","id":"69eb5dde6f7b5a3ff757f544f4924838","hex_code":null},{"translated_name":"TAUPE\/WHITE","id":"6a30555b7b6e9993b996f25ec2736dc8","hex_code":"#ffffff"},{"translated_name":"EGRET","id":"6aaa736574e83a98629c56dea534574c","hex_code":"#ffffff"},{"translated_name":"BLACK\/IVORY","id":"6ab5a8cec2d17f92e32a3f09bec23236","hex_code":"#000000"},{"translated_name":"DARK JEANSBLUE MEL","id":"6af9b470f82dc09726c864b64265e5ee","hex_code":"#2a2e5b"},{"translated_name":"BLUE ST","id":"6af9c30b77826afbd3878af7325a93bb","hex_code":"#2a2e5b"},{"translated_name":"SILVER STRIPED HORN","id":"6aff603dc69493376e420c87b806c073","gradient_class":"custom-color-circle-silver"},{"translated_name":"NAVY\/OLIVE","id":"6b00b08b5ecc221770d2683650fac825","hex_code":null},{"translated_name":"MISTY GREY HEATHER","id":"6b82e3665779ada6c7b527b43fee3be2","hex_code":"#808080"},{"translated_name":"VINTAGE BLACK","id":"6bcb2b714fad664047930653d2e56ddf","hex_code":"#000000"},{"translated_name":"NAVY\/BROWN","id":"6c1d69e306b20c24189fad88118347f3","hex_code":"#2a2e5b"},{"translated_name":"WHITE\/PINK","id":"6c5e24d1d98fbbfe551fdabef38d2020","hex_code":"#ffffff"},{"translated_name":"MARSHMALLOW","id":"6cd18905105ceb473a02a0b9e4c45d42","hex_code":"#ffffff"},{"translated_name":"LEOPARD","id":"6ce62b95faf117a65062ac280b33f3ba","hex_code":"#593e30"},{"translated_name":"BL\u00c5\/BL\u00c5","id":"6d8733fd1d14bcae254d0c0f22986594","hex_code":"#2a2e5b"},{"translated_name":"L.RED\/WHITE","id":"6e1adeed9b41a3eecf75db9c2bdef484","hex_code":"#ffa4b4"},{"translated_name":"BLACK\/DARK BURGUNDY","id":"6e583a392f0343eb84f4fe63e71af891","hex_code":"#000000"},{"translated_name":"CORK","id":"6ea980e591be1f2380d8cdb6edd73791","hex_code":"#d65832"},{"translated_name":"MAPLE","id":"6ee42e066abe6507b0b271889912145f","hex_code":"#cabba0"},{"translated_name":"FADED BEIGE","id":"6f247e616435a5ce53b5bcdca73f53cf","hex_code":"#cabba0"},{"translated_name":"TITANIUM","id":"6f28c99cb1ed44740325ec4ae39e94c3","hex_code":"#808080"},{"translated_name":"DARK SLATE","id":"6f8da2bf7301b97fc66d228e1554c309","hex_code":"#2a2e5b"},{"translated_name":"BL\u00c5\/GR\u00c5","id":"6fab1d93860718f2ee467981f9b9cde2","hex_code":"#2a2e5b"},{"translated_name":"YOSEMITE","id":"6fb5675a492dd892eaf8d2db3369b01f","hex_code":"#808080"},{"translated_name":"VINTAGE DUST TURF","id":"6fe9e73c9ae2009848bf38b08f56754a","hex_code":"#808080"},{"translated_name":"DARK CLEAN","id":"70152c74cdebce0f87a982112f79b4d3","hex_code":"#000000"},{"translated_name":"STATUS GREY","id":"704895b89022e89f14bb6d9d3699651e","hex_code":"#808080"},{"translated_name":"RAW INDIGO","id":"707bc620b628b67c3764aefe1fe5fa7f","hex_code":"#3a5c84"},{"translated_name":"RACING RED\/WHITE","id":"70f712d30650307ff010c350ba9db293","hex_code":"#b51a34"},{"translated_name":"ACAPULCO","id":"7103ec4c37c9d9bb4713afca853643cc","hex_code":"#2a2e5b"},{"translated_name":"DESERT","id":"71084f0499b3798117f708149bf90d2a","hex_code":"#cabba0"},{"translated_name":"LIGHT TAUPE","id":"710a4451988ea2d98a6e29f0873194d7","hex_code":"#cabba0"},{"translated_name":"OATMEAL MELANGE","id":"7118e44fbfab4a7ea21f7190024e2be3","hex_code":"#cabba0"},{"translated_name":"BROWN\/DEMI LIGHT BROWN","id":"717b86b938378f3c230b0c1f3a2b09e8","hex_code":"#593e30"},{"translated_name":"D.BROWN","id":"719b10d9a7e956a14165c1e26473375d","hex_code":"#593e30"},{"translated_name":"SONIC SILVER","id":"71ab9f492414ea08a049cb6240ca3961","hex_code":"#ffffff"},{"translated_name":"WHITE\/GREEN","id":"71f92956a505a8bd27b9fd907d0bcf94","hex_code":"#ffffff"},{"translated_name":"NAVY\/SORT","id":"7214ee6c1e87b0f685598e1e5ff1cc88","gradient_class":"custom-color-circle-multi"},{"translated_name":"JET BLACK","id":"7229e3a9e1ce76831e21fef216180597","hex_code":"#000000"},{"translated_name":"NAVY\/BORDEAUX","id":"724e14f4c372861be9d44a6
14355c1b4ad9d","hex_code":"#2a2e5b"},{"translated_name":"MOONSTRUCK","id":"72cd72662102995cfe477ce2307d9bbf","hex_code":"#cabba0"},{"translated_name":"AMMONITE HEATHER","id":"72df51bcddca1fdc6d858fb646a348af","hex_code":"#cabba0"},{"translated_name":"JUPITER","id":"72e72006f215c3d14be48d476af8fa5f","hex_code":"#2a2e5b"},{"translated_name":"BORDEAUX 40","id":"73d7da863ab38447b63b93bb6cce6a41","hex_code":"#5a002c"},{"translated_name":"NAVY\/WINE","id":"745eb40b6521c50bbe4fdd38c08f172e","hex_code":"#2a2e5b"},{"translated_name":"MUD","id":"74da9dccb6f6eddf9bdff64a18a76b1b","hex_code":"#593e30"},{"translated_name":"OFFICE GREEN","id":"74ee5c37bbced3a0e92f2f5826f6d340","hex_code":"#367f3d"},{"translated_name":"BLACK\/SAND","id":"75b13720330fa93cec3ff6c3fb754802","hex_code":"#000000"},{"translated_name":"SHARK","id":"75bdc575d1db747e747e796a8ab1920f","hex_code":"#808080"},{"translated_name":"OATMEAL","id":"75d509d1db67b86a3caf9fb19f4186ad","hex_code":"#cabba0"},{"translated_name":"OCEANVIEW","id":"75fc216958ebf2aa3bf17f3c94334ad6","hex_code":"#2a2e5b"},{"translated_name":"WINE","id":"781aaa58d6153d1e706ffa526a4fd6d1","hex_code":"#5a002c"},{"translated_name":"CAMOUFLAGE","id":"7820b7056026ef69d05004840c470489","hex_code":"#324908"},{"translated_name":"DARK SCARAB","id":"782434ec732c3ff1ba0af78768cb5e50","hex_code":"#367f3d"},{"translated_name":"AIR GREEN","id":"792449b2e5dd86c0570dda2874210162","hex_code":"#367f3d"},{"translated_name":"BLACK BROWN","id":"798fcfe361277bdb789b1826a27bfa7d","hex_code":null},{"translated_name":"BLACK STONE WASHED","id":"79b42352e62a8cbf32522281e92be12c","hex_code":"#3a5c84"},{"translated_name":"ANGELITE","id":"79f07be5588425f91ea6d9fffd6188d0","hex_code":"#2a2e5b"},{"translated_name":"ECRU\/GREEN","id":"7a27a8f56ec94aaf24e07f25b9dbf33b","gradient_class":"custom-color-circle-multi"},{"translated_name":"COCONUT","id":"7a60c0683b52b5272c7b401d4b6e8a65","hex_code":"#593e30"},{"translated_name":"DEEP LICHEN CHECK","id":"7a6c645b4a25bc0da04693dcfdaf72b5","gradient_class":"custom-color-circle-multi"},{"translated_name":"BRUN\/HVID","id":"7a8e4514fa85b391bf9cdd29d9047c93","hex_code":"#593e30"},{"translated_name":"LAPIS BLUE","id":"7ab9eb908325909a89d2fcf8070ac52e","hex_code":"#2a2e5b"},{"translated_name":"INGEN FARVE","id":"7bbac72e0dd78c4de30f2685fb5216ab","hex_code":"#000000"},{"translated_name":"WARM SAND\/BLACK","id":"7c0b92bb2420fe07e2395a61e346fb74","hex_code":"#cabba0"},{"translated_name":"MID USED WASH","id":"7c205a36c366a4443fa23de916cdd983","hex_code":"#3a5c84"},{"translated_name":"HVID\/GR\u00c5","id":"7c9633217a1c0abae46d52a062ab3652","gradient_class":"custom-color-circle-multi"},{"translated_name":"DARK FIR","id":"7d12c0115b9d643104ded83d51beafbb","hex_code":"#367f3d"},{"translated_name":"GREY HTR\/WAX","id":"7d18b70a6e78b0495816d947ba7e7f92","hex_code":"#808080"},{"translated_name":"WASHED BLACK","id":"7d1fabe288fb60e670b8b3a78101f2a9","hex_code":"#000000"},{"translated_name":"CHERVIL","id":"7ded7205b3ba7283459b588f62537725","hex_code":"#367f3d"},{"translated_name":"TERNET","id":"7deedfad6fb1e61525e50e99c5b78b16","gradient_class":"custom-color-circle-multi"},{"translated_name":"COZY BLUE","id":"7df6ac46f84169cced54f19ea9798ab9","hex_code":"#2a2e5b"},{"translated_name":"LYS GR\u00d8N","id":"7e279335cf06c7000594797c974b48c3","hex_code":"#367f3d"},{"translated_name":"CHARCOAL MEL.","id":"7ea100a5d004549b11b85e988f12794a","hex_code":"#808080"},{"translated_name":"BLUE WASH","id":"7edafe927ecd8a2d89e1984a6eb3a8e7","hex_code":"#3a5c84"},{"translated_name":"ASH ROSE\/ORANGE","id":"7eede364c2d20cd9440a523cb65917c8","gradient_class":"custom-color-circle-multi"},{"translated_name":"ELDER","id":"7f882a1f78da8e266268ecea7c125724","hex_code":"#2a2e5b"},{"translated_name":"COLD KIT","id":"7f89b8d15d6fd46d01f894dde0dcb316","hex_code":"#cabba0"},{"translated_name":"WILD ANIMA","id":"801e303824fe001e3bf528e5ee86c72d","hex_code":"#000000"},{"translated_name":"SORT STRIB","id":"80a0072cbcf277a1d32cfc90d45eccdd","hex_code":"#000000"},{"translated_name":"IRISH CREAM","id":"80dd0ebeada9023ca1baa5496a24620f","hex_code":"#cabba0"},{"translated_name":"HVID\/R\u00d8D\/GR\u00d8N","id":"8124f0e34732d726575d8bf0dbf8bae4","gradient_class":"custom-color-circle-multi"},{"translated_name":"BLACK WASH","id":"81504c024511c97b45598e4725e99fec","hex_code":"#000000"},{"translated_name":"BLUE\/BLACK","id":"81bbcb3b7e714e8d4f32404e8a460487","hex_code":"#2a2e5b"},{"translated_name":"BLACK TOBACCO","id":"82d987b7a0c1b2227c6d8af0d9c44cf2","hex_code":"#000000"},{"translated_name":"EIFFEL TOWER","id":"83b1e9ba2c56ba17041678cb6f9442c0","hex_code":"#808080"},{"translated_name":"NIGHT SKY","id":"83c913e3ff291e678fa5e26edccd2e5d","hex_code":"#2a2e5b"}
1435,{"translated_name":"OVERLAND TREK","id":"8401e451751e7645a2dbacbf557b372f","hex_code":"#324908"},{"translated_name":"GUNMETAL","id":"8410d7e6576923c093c606b59c133379","hex_code":"#808080"},{"translated_name":"BARISTA","id":"8456ad3ab4538d176b78ca2f660e9f42","hex_code":"#593e30"},{"translated_name":"BUFFALO","id":"84797a487487095b37f2c394f77bf544","hex_code":"#593e30"},{"translated_name":"OCEAN WASH","id":"84a243e98b981a57cac76fc47198f22b","hex_code":"#3a5c84"},{"translated_name":"LEAF GREEN","id":"84a6d29838c64093747bfd20421efbe1","hex_code":"#324908"},{"translated_name":"BROWN\/BLUE","id":"85523e5b3492a35638ec3fdb430b2fb5","hex_code":"#593e30"},{"translated_name":"ANCIENT FOSSIL","id":"857fbc2f80503dc017f47ec0fadf2114","hex_code":"#cabba0"},{"translated_name":"DARK SAND MELANGE\/ORANGE","id":"85cb99c1e0bc84ac30c87b79066811ed","hex_code":"#cabba0"},{"translated_name":"BOTTLE","id":"8677fa0ab480b01611ec0ecdf6ca94e2","hex_code":"#367f3d"},{"translated_name":"LEMON SORBET\/ORANGE","id":"86b97626e20801549085f32034c6901b","hex_code":"#d65832"},{"translated_name":"WELL","id":"8716f5e6b6058142be9c284097259912","hex_code":"#324908"},{"translated_name":"PINE GREEN","id":"87766fd14e0aa179ee75c0cd91aa0886","hex_code":"#367f3d"},{"translated_name":"ARMY\/WHITE","id":"88276f6506ac1e87d64c5a926fbea4ec","hex_code":"#324908"},{"translated_name":"DUNE","id":"886ecac451435de9cc8ff21007ff629e","hex_code":"#cabba0"},{"translated_name":"DAWN","id":"8876aa0a47dc3875a5e58cdbb59dd617","hex_code":"#2a2e5b"},{"translated_name":"SEQUOIA\/DARK SAND","id":"88906ecd1b5f8d046df1a1bd320d089a","hex_code":"#cabba0"},{"translated_name":"WHITE OSTERIA","id":"88ad1ca1dc280044ab2ce3db31c124cf","hex_code":"#ffffff"},{"translated_name":"GREY\/ECRU","id":"88d957b521919e7647c8d8ca33dd22b4","hex_code":"#808080"},{"translated_name":"PASTEL BLUE","id":"892e0d7207fb7f4a8066b19fdd829636","hex_code":"#2a2e5b"},{"translated_name":"ONYX","id":"893b9a4f1cfe55034b3585e1fabd2869","hex_code":"#000000"},{"translated_name":"SUN FADED BLUE DONAU","id":"89595497233a2a2a35b95153959ac7ad","hex_code":"#3a5c84"},{"translated_name":"NAVAL ACADEMY","id":"89dc4bf565c6c2c949b13d4fa1b56a79","hex_code":"#2a2e5b"},{"translated_name":"BLUE STAMP","id":"89fa91ebfcd66163cdc41e1370860fe5","hex_code":"#ffffff"},{"translated_name":"ARCADE\/WHITE","id":"8a43f564b1a81bc09556faf7563d2fc0","hex_code":"#b51a34"},{"translated_name":"WHITE\/BLACK","id":"8aa68db6900e5a3dd53bf97d900e1472","hex_code":"#ffffff"},{"translated_name":"MOONBEAM","id":"8b138cc9ab837ccf1ffc0484693f153f","hex_code":"#ffffff"},{"translated_name":"OFF WHITE\/GRAPE LEAF","id":"8b51ff4b266ca5baf535e58a16567ca1","hex_code":"#cabba0"},{"translated_name":"OFFWHITE\/NAVY","id":"8be2ae6e0679efbe3aec48c54dba111c","hex_code":"#2a2e5b"},{"translated_name":"GR\u00c5BEIGE","id":"8c7793ee77642d780f169487774ad144","hex_code":"#cabba0"},{"translated_name":"WASHED LIGHT BLUE","id":"8ccf328bd9134432d9594beb3fdf33fb","hex_code":"#3a5c84"},{"translated_name":"BARCHAN","id":"8ce272ef06ce07b91a6be9ce3441a049","hex_code":"#cabba0"},{"translated_name":"LIBERTY","id":"8d2dc54409ed184ea8c0ed5e0af75891","hex_code":"#2a2e5b"},{"translated_name":"WARM SAND","id":"8d5c3f48937e0984544757487bc79a3a","hex_code":"#cabba0"},{"translated_name":"MOSS KHAKI","id":"8d66519c07d7b12c2d1a2014f848e1ec","hex_code":"#367f3d"},{"translated_name":"EARTH MELANGE","id":"8d7d169a76515ed44d6ee559bff03146","hex_code":"#367f3d"},{"translated_name":"CAMO DUCK","id":"8d9fa513a12da80a0c348f1013734670","hex_code":"#593e30"},{"translated_name":"BROWN\/BLACK","id":"8f2984ce0f694ff72484a9112500423f","hex_code":"#593e30"},{"translated_name":"BASALT","id":"8f310f358e3b2b58d6005aa64166fec8","hex_code":"#2a2e5b"},{"translated_name":"SERENITY STRIPE","id":"8f41f289c006f1b50910c56a3fcff928","hex_code":"#2a2e5b"},{"translated_name":"COFFEE BROWN\/BROWN","id":"905be7444cad616b8944af216aa9c37d","hex_code":"#593e30"},{"translated_name":"M\u00d8RK SAND","id":"90702d13c603e5cfccd071be4642a109","hex_code":"#cabba0"},{"translated_name":"SENECA ROCK","id":"9125bc91167b55f873a0656b389f1299","hex_code":"#cabba0"},{"translated_name":"MIRROR CHALK","id":"91c65678efe64615fcd30bf037acc963","hex_code":"#ffffff"},{"translated_name":"CAPULET\/AURA","id":"921e5426e56dbf1f14d719a22a2d38dc","hex_code":"#367f3d"}
1435,{"translated_name":"DEEP WELL","id":"9230ef34ae7440458d7a92af1b9a256f","hex_code":"#000000"},{"translated_name":"GREY SEA","id":"9242f7c439d2df271aa36de12a139dcc","hex_code":"#808080"},{"translated_name":"R\u00d8D\/SORT","id":"92869e09a743e882b61c6497070a8bae","gradient_class":"custom-color-circle-multi"},{"translated_name":"WHITE MEL","id":"92be2b7c3fe27f98a101249a90aac4cd","hex_code":"#808080"},{"translated_name":"RAINWASH CHECK BLUE","id":"935c23ba7b0b0e92d4cdddfeed94c5a7","hex_code":"#2a2e5b"},{"translated_name":"ATLANTIC NAVY","id":"93c2c7c12827c67acc49d085bc4774ea","hex_code":"#2a2e5b"},{"translated_name":"LIGHT GREEN","id":"94a07327da36fbc6aad6d57ffa017ec9","hex_code":"#367f3d"},{"translated_name":"ICEBERG BLUE","id":"9512869ab385569be0d50bcd7a9ff7a4","hex_code":"#2a2e5b"},{"translated_name":"HVID\/COBOLT","id":"95381c98444f1aeb3080a9180a37ed62","hex_code":"#ffffff"},{"translated_name":"GR\u00c5\/HVID\/SORT","id":"956640ca37fa46303c7861864d6b9ccb","gradient_class":"custom-color-circle-multi"},{"translated_name":"WHITE\/PURPLE","id":"95baf979957a764e21698901dc3a0a24","hex_code":"#2a2e5b"},{"translated_name":"BOSCO","id":"95de3ef8dba9d9a401fdb63378d8880f","hex_code":"#324908"},{"translated_name":"DARK CEDAR","id":"95dec485c21fef6e32c125125c39a853","hex_code":"#000000"},{"translated_name":"MULTICOLOR","id":"9600d4de5961b4287aaf475fda1ceb2f","hex_code":"#MULTI"},{"translated_name":"DUSTY TEAK\/BLACK","id":"96462e1e97a021423328bcaa227eb7b5","hex_code":"#cabba0"},{"translated_name":"SEAGRASS MEL","id":"96a5c1884d8c2a3471ef349f1fc1c8a3","hex_code":"#808080"},{"translated_name":"RAINFOREST","id":"96caeccbfd0115276a66b6e722e3a412","hex_code":"#2a2e5b"},{"translated_name":"METAL","id":"96cc69a211ed91dfd04122678b621f35","gradient_class":"custom-color-circle-silver"},{"translated_name":"BLACK BEAUTY","id":"96ff2e732a7429d47ceafa00c09e20e2","hex_code":"#000000"},{"translated_name":"RUST","id":"9720c14f7c0bd01fa34cc1124116167f","hex_code":"#d65832"},{"translated_name":"YELLOW","id":"973124888b3ffcbec6048b6efb099cc9","hex_code":"#ffec00"},{"translated_name":"DIRT BLUE","id":"97ab6ee31a76fea4539bc9058d2295f7","hex_code":"#3a5c84"},{"translated_name":"BLUE WORN BLEACHED","id":"98d04a32960b26f81691cf8b4e952f35","hex_code":"#3a5c84"},{"translated_name":"AURA","id":"98da5ee5c805acdaae75a0cf82c28597","hex_code":"#2a2e5b"},{"translated_name":"DENIM STONE WASH","id":"98f20e54d705a61301a09a3be4b3d180","hex_code":"#3a5c84"},{"translated_name":"FLEUR DE SEL","id":"98f26c1410b9209d53c6274edb155745","hex_code":"#cabba0"},{"translated_name":"M.BL\u00c5","id":"9a23d25834cc3934c4f307ec5b9116e8","hex_code":"#2a2e5b"},{"translated_name":"SORT\/SORT\/SORT","id":"9a493cdadaaae3097248cc51c4dca6fc","hex_code":"#000000"},{"translated_name":"EGGWHITE","id":"9a6dde665f7718e17e5c8444a0afe288","hex_code":"#cabba0"},{"translated_name":"BLACK OLIVE","id":"9a6f8b0bc3d6aedc4bc48c7277e39771","hex_code":"#593e30"},{"translated_name":"BROWN \/ ECRU","id":"9adeddbc4b90f39839ddd4c46ad8fde6","gradient_class":"custom-color-circle-multi"},{"translated_name":"KOKS\/SORT","id":"9ae7a6f522a96d48369e546a287e6625","hex_code":"#808080"},{"translated_name":"PARK","id":"9bddbef7707b381d07984955ef758cdc","hex_code":"#367f3d"},{"translated_name":"OLIVE \/ ECRU","id":"9c4361639f57813d15f8b1023d94be8e","hex_code":"#324908"},{"translated_name":"MID GREY MEL.","id":"9cc5ae70ff5f2bc64bfccc10adaf7ff5","hex_code":"#808080"},{"translated_name":"GOLD BURNT AMBER","id":"9d093ec6e7dc3082d8b8d43a7eb64c5c","hex_code":"#593e30"},{"translated_name":"PASTEL BLUE\/WHITE","id":"9d74cdf4ce021764613da63ea5b7dd8f","hex_code":"#2a2e5b"},{"translated_name":"OYSTER GRAY\/OYSTER GRAY","id":"9d938c3418f62167ffa2f48ace8d489a","hex_code":"#cabba0"},{"translated_name":"MISTY GREY","id":"9daebf8d9ef6d3c53442d2f03674dc61","hex_code":"#808080"},{"translated_name":"BLACK\/WHITE","id":"9dfadd9503ace2b0dafc70c1b6b6ac44","hex_code":"#000000"},{"translated_name":"LILY","id":"9e06a03c4b60967b2bfb4359d0915b3e","hex_code":"#367f3d"},{"translated_name":"BRUSHED SILVER","id":"9e0c243a11a062f9a4931db97a9337f8","gradient_class":"custom-color-circle-silver"},{"translated_name":"FROSTED BLUE","id":"9e38561ae05a9c6dfdecd25efcae5240","hex_code":"#2a2e5b"},{"translated_name":"SEA SPRAY","id":"9e4ae14d499ab62c309c196f8aef051c","hex_code":"#808080"},{"translated_name":"VASKET","id":"9e55f3e2e0986fde4b1e0cf68b0c51f0","hex_code":"#3a5c84"},{"translated_name":"FLINTSTONE","id":"9f10f6f7071484e401dd48d813d427cb","hex_code":"#2a2e5b"},{"translated_name":"WARM KHAKI","id":"9f25a583b1ff06c0458f2a897893284e","hex_code":"#593e30"},{"translated_name":"LICHEN GREEN\/BLACK","id":"9f2ac1b8a56a355a6b5060c9647eaac3","hex_code":"#367f3d"},{"translated_name":"EARTH","id":"9fc5f96d4b17cc1eb7845f3843d0c7da","hex_code":"#cabba0"},{"translated_name":"MODERN RUST","id":"a06d6230e4d742a87a7f4215fe43e13a","hex_code":"#d65832"},{"translated_name":"SCARLET","id":"a0ecc4eabe48400884729a7d39a8ffb4","hex_code":"#b51a34"},{"translated_name":"MOUSE GREY","id":"a12f96de380b9875f1dff283ba5e18d9","hex_code":"#808080"},{"translated_name":"WORN IN DEEP SEA","id":"a1422c8d7f3c728d825fc8888138ce89","hex_code":"#3a5c84"},{"translated_name":"CURDS","id":"a195c1600f1b3a29a114ac29a6099507","hex_code":"#d65832"},{"translated_name":"NAVY\/BEIGE","id":"a1c3f1a9c3814790c64ce1c62beb1e3e","hex_code":"#3a5c84"},{"translated_name":"TOFFEE","id":"a214560ef80b0142ba390ad33437c9d9","hex_code":"#593e30"},{"translated_name":"BLACK\/SILVER","id":"a23531c1ed82e32dcc0ad467bbfc5618","hex_code":"#000000"},{"translated_name":"DEEP NIGHT\/ORANGE","id":"a2a0203ebebb2b0b78753b9b46985116","gradient_class":"custom-color-circle-multi"},{"translated_name":"GOLD\/BLACK","id":"a2fdd67a72c24948934daeb84e51358d","hex_code":"#000000"},{"translated_name":"COFFEE BROWN MEL\/ORANGE","id":"a3c6f3d110c73228b2de3408ca0544be","gradient_class":"custom-color-circle-multi"},{"translated_name":"WASHED NAVY","id":"a3c8e54fc4b894f7fdf31e8b84042c07","hex_code":"#2a2e5b"},{"translated_name":"GRIFFIN","id":"a42cb639d77ff50ee3a66f32c7ed738b","hex_code":"#808080"},{"translated_name":"COBOLT","id":"a43fd099e1e3540ff3746a20781bc9e9","hex_code":"#2a2e5b"},{"translated_name":"BROWN MELANGE","id":"a4914371717c32370769e6c4ecd68cf5","hex_code":"#593e30"},{"translated_name":"CLOUDY GREY","id":"a526cd3b3ab8a73fcce37ac65ee96124","hex_code":"#808080"},{"translated_name":"COLLEGIATE NAVY","id":"a5287523a22860072f5b6a4362557691","hex_code":"#2a2e5b"},{"translated_name":"SEAGRASS","id":"a56bb40daafc95d6547a8b9365289569","hex_code":"#367f3d"},{"translated_name":"OTTER","id":"a5723402039813a5ecdbe9d35a51b76b","hex_code":"#593e30"},{"translated_name":"BLUE STONE WASH","id":"a5787b23d590f2e941e0942a77e8874f","hex_code":"#3a5c84"},{"translated_name":"ESTATE BLUE","id":"a59987364b4c89039465b1bf9431569f","hex_code":"#2a2e5b"},{"translated_name":"NAVY\/MULTI","id":"a62584a5dfc1e8c924d9bb058d55c710","gradient_class":"custom-color-circle-multi"},{"translated_name":"AFTER DARK","id":"a675258c7bca0b951bc21edadb0600d1","hex_code":"#593e30"},{"translated_name":"GRAY DAWN","id":"a68b47a37794835b903f5c7b3ca84217","hex_code":"#2a2e5b"},{"translated_name":"STORMY WEATHER","id":"a69f6ea24988ccafdce1f668d5cf80c1","hex_code":"#2a2e5b"},{"translated_name":"MINIMAL GRAY","id":"a775b08383dcc49c9db889502790acd9","hex_code":"#808080"},{"translated_name":"ITA. BLUE","id":"a7a757f0240c12d8d474c4e3d30704a6","hex_code":"#2a2e5b"},{"translated_name":"BLACK\/BLUE","id":"a808333dff217db819ebbd20e261bf3a","hex_code":"#000000"},{"translated_name":"LIBERICA\/BLACK","id":"a8a04529fb9333391d8c3ede21e86aa0","hex_code":"#593e30"},{"translated_name":"BLACK\/DARK SAND","id":"a8a1455b5f0dc7ae998e752b3bafa22b","gradient_class":"custom-color-circle-multi"},{"translated_name":"SAND\/HVID","id":"a8f94f21df606f3ce252e1dca1070a9e","hex_code":"#cabba0"},{"translated_name":"ASH HEATHER\/DUSTY ROSE","id":"a9756fd75fe8d194a60dd02df0c4f031","hex_code":"#808080"}
1435,{"translated_name":"DUNDEE","id":"aaa1b44a0e311a5329ed3df55f006f3d","hex_code":"#324908"},{"translated_name":"GRAPE LEAF","id":"ab0a0dc50c39f4e99ce2950a4162df89","hex_code":"#324908"},{"translated_name":"GREY TRANSPARENT","id":"ab1e079a45a2eb346f9b2bd763c64626","hex_code":"#808080"},{"translated_name":"LIGHT GREY MELANGE\/CHARCOAL","id":"ab512f8be490793e8c1dfd13b6297adc","hex_code":"#808080"},{"translated_name":"BLACK\/NAVY","id":"abde844270c50beb057312c41b15d712","hex_code":"#000000"},{"translated_name":"L.GREY","id":"abdfd404f82c212d5d880ea22a4718d5","hex_code":"#808080"},{"translated_name":"GR\u00d8N\/HVID","id":"ad06b6315ca1e869c5a847876ab1d11a","hex_code":"#367f3d"},{"translated_name":"WINE\/NAVY","id":"ad203446ac9a2569feb2065b6efa457d","hex_code":"#5a002c"},{"translated_name":"HIGH BLUE\/ORANGE","id":"ad4b9e4fe50ea2419b1ff552e052b9e2","gradient_class":"custom-color-circle-multi"},{"translated_name":"BLUE MELANGE","id":"ae435bac2b82ab2eae5ee3449c15c2b1","hex_code":"#2a2e5b"},{"translated_name":"BLACK DARK USED","id":"ae44a473dea5ec3e2817ec40f23d29e6","hex_code":"#000000"},{"translated_name":"M\u00d8RK GR\u00c5","id":"ae88c5c230082aa5cd108a0dd712f02e","hex_code":"#808080"},{"translated_name":"MID BLACK","id":"ae89106e0c42ad2b982704b6d31bf86e","hex_code":"#000000"},{"translated_name":"NAVY\/GREY","id":"aeb50cc76ae8d027704ff35c0ffdd25b","hex_code":"#2a2e5b"},{"translated_name":"GR\u00d8N\/NAVY","id":"aebc7027b1365bce6f55682bdc79eea0","gradient_class":"custom-color-circle-multi"},{"translated_name":"AIRFORCE BLUE","id":"af380dc6a4bd446c08d27f6b13dcaec6","hex_code":"#2a2e5b"},{"translated_name":"ROSIN","id":"afd8bded7e3ceb21cb58fdceaeccc876","hex_code":"#324908"},{"translated_name":"NEO RAW DENIM","id":"b003a828b9d22874e1a64a98793fe6aa","hex_code":"#3a5c84"},{"translated_name":"CHESTNUT","id":"b08114dc36229525206bddd091b09058","hex_code":"#593e30"},{"translated_name":"SORT\/ARMY","id":"b08cbc875b93f95a8b3db256388600f3","hex_code":"#367f3d"},{"translated_name":"DRY HERB GREEN","id":"b0a4eeac453dd1797887180127e73cb1","hex_code":"#367f3d"},{"translated_name":"BLUE HEAVY STONE WASH","id":"b0dc9b86cf969d6766b35f70404d15ad","hex_code":"#2a2e5b"},{"translated_name":"GREY\/BLACK CHECK","id":"b1c2d7c21d7d2ddf604f0fa10bf62728","hex_code":"#808080"},{"translated_name":"DARK NAVY\/INDIA INK","id":"b2c33f18000749ddc70bbe72b1fb8439","hex_code":"#2a2e5b"},{"translated_name":"PLUMPED RED","id":"b31538edcca299d44b987535a3b99a1d","hex_code":"#b51a34"},{"translated_name":"LAUREL OAK","id":"b33f73873dd328a223852ac9008704a0","hex_code":"#cabba0"},{"translated_name":"WHITE\/BLUE","id":"b34865965f8536fc2cc3298e0844353c","hex_code":"#2a2e5b"},{"translated_name":"DUSKY BLUE","id":"b35b905649ba1aab2ce23848d9ce41c5","hex_code":"#2a2e5b"},{"translated_name":"PAISLEY PLANT","id":"b396c683488643a9c40adaefe24f54e4","hex_code":"#367f3d"},{"translated_name":"MEDIUM BEIGE","id":"b3cd6c56e6d984293546e899f5388dae","hex_code":"#cabba0"},{"translated_name":"AGATE","id":"b4162bdda6bb8324f310c76a06e292b3","hex_code":"#cabba0"},{"translated_name":"NAVY SEAL","id":"b461c431415cc746b74173f2b2388b96","hex_code":"#2a2e5b"},{"translated_name":"DUFFEL BAG","id":"b4904bbbe2c303f79868f1d09e452c5e","hex_code":"#324908"},{"translated_name":"YUCCA","id":"b4ceab6fc16aa3117f6095d2a7fd7f3a","hex_code":"#367f3d"},{"translated_name":"SHADOW SIDE","id":"b4d1621bb9abdcf538a0d620aea5d6cf","hex_code":"#000000"},{"translated_name":"SOFT BROWN","id":"b5632961df3cf53e8237ebf18518f5f1","hex_code":"#cabba0"},{"translated_name":"SORT\/NAVY","id":"b5965af81b45ccb55346fc35b9637ba2","hex_code":"#000000"},{"translated_name":"BLUE MIRAGE","id":"b59949f53adb55ffad83c1047f43e07d","hex_code":"#2a2e5b"},{"translated_name":"DARK SAND\/IVORY","id":"b6030eaeb5d83b598fda54dd287ef0d3","hex_code":"#cabba0"},{"translated_name":"SORT\/R\u00d8D","id":"b690cc4aa9c57839b7bb039d153cc0d7","hex_code":"#000000"},{"translated_name":"MAT SORT","id":"b6969692f403d416dccc966fb5706492","hex_code":"#000000"},{"translated_name":"CHIVE","id":"b6b08823572c8e9d4c5d6f8a4eeb1bee","gradient_class":"custom-color-circle-multi"},{"translated_name":"NATURAL","id":"b6c6faf918a04aedb58bbf3e2cd4a055","hex_code":"#808080"},{"translated_name":"BLUE STONE BLEACHED","id":"b789ede1354c0c1cb5dc06330ce67c15","hex_code":"#3a5c84"},{"translated_name":"WHI\/COBOLT","id":"b79802f3f1a339579cba86c2a553d9df","hex_code":"#ffffff"},{"translated_name":"CURACO","id":"b799f702ecbbcb0d4c959aba4e6a0b41","hex_code":"#3a5c84"},{"translated_name":"LYS R\u00d8D","id":"b7d3c45cab1755fbbf8ab1324193eee4","hex_code":"#ffa4b4"},{"translated_name":"FORGED IRON","id":"b8453b97daa1fae0005cd3bfa1bb9403","hex_code":"#000000"},{"translated_name":"ACID BLUE","id":"b8ab35732e01125f0da7c9be8c42fad9","hex_code":"#2a2e5b"},{"translated_name":"TAMARIND\/WHITE","id":"b8d4f26204dd06b88e52206a3b38da18","hex_code":"#593e30"},{"translated_name":"BLACK\/BLACK","id":"b91ae1d0b8f0a19bf9ee39bc3c641629","hex_code":"#000000"},{"translated_name":"MID GREY","id":"b9b7b4eb5fdee2b5693d6a777ba1492a","hex_code":"#808080"},{"translated_name":"BLACK\/GOLD","id":"b9bac75b28b0633229b83caa61490dd1","hex_code":"#000000"},{"translated_name":"CHARCOAL\/DARK NAVY","id":"b9d1e56b58b757966d84e9e658caf426","hex_code":"#2a2e5b"},{"translated_name":"BLUE WORN USED WASH","id":"ba10eaa557af0919789e0566bd61ee36","hex_code":"#3a5c84"}
1435,{"translated_name":"TONIC","id":"ba84c536ca01d59dce325b338a1641b0","hex_code":"#cabba0"},{"translated_name":"CAMO TIDE","id":"baa3cee8907b5e730b9dd0eaacd7ccd8","gradient_class":"custom-color-circle-multi"},{"translated_name":"OLIVE NIGHT\/ROSIN","id":"bade23fd3dc56eb2fdc840db3b664c2c","hex_code":"#324908"},{"translated_name":"CHINCHILLA","id":"baf9a9db348f079d6cd4099ce070918d","hex_code":"#cabba0"},{"translated_name":"DK.BROWN","id":"bbcdf527983c07863c364a6e42389662","hex_code":"#593e30"},{"translated_name":"DENIM BLUE\/ORANGE","id":"bbfd65bb57a9914b67dd8767eb01ef0f","gradient_class":"custom-color-circle-multi"},{"translated_name":"NAVY\/R\u00d8D","id":"bc1c5cd85b732ab73ddf173f3e3595d5","gradient_class":"custom-color-circle-multi"},{"translated_name":"BLUE MID MARBLE WASH","id":"bc57c3397b1deb894dc700f6cfa6b535","hex_code":"#3a5c84"},{"translated_name":"GUN METAL","id":"bc646bd9d095b35891c2f6d01fd6e916","hex_code":"#808080"},{"translated_name":"BRIGHT WHITE","id":"bc95e217e751266e12d77f13105f0dbb","hex_code":"#ffffff"},{"translated_name":"DESERT DUCK CAMO","id":"bcc08b54c19318f54b402682cc6fa81c","hex_code":"#cabba0"},{"translated_name":"ASPHALT","id":"bcd0f5453f896a3e9359b0aad5b36e8d","hex_code":"#808080"},{"translated_name":"OFF WHITE\/BLACK","id":"bcd134da395e1432a4b10396ddce1dc7","hex_code":"#ffffff"},{"translated_name":"BLACK\/SURPLUS GREEN","id":"bd0037856585d622bf303739c7f6d63e","gradient_class":"custom-color-circle-multi"},{"translated_name":"DISCOVERY GREEN","id":"bd0c0ced29ec0c40000f25e466e0a131","hex_code":"#367f3d"},{"translated_name":"IVORY\/OLIVE NIGHT","id":"bdac0ee2173107be4ce2f0bf851cd3d6","hex_code":"#367f3d"}
1435,{"translated_name":"AIR PINK","id":"be10ac32e43da607a4b4d34efa1a5d03","hex_code":"#ffa4b4"},{"translated_name":"PINEWOOD","id":"be7175b5150a755cf3826929966ff47d","hex_code":"#3a5c84"},{"translated_name":"CLAY","id":"beb8bf3091b1d773af2d83f4bf4d1b5e","hex_code":"#cabba0"},{"translated_name":"SEATON STRIPE","id":"bf4f8a080db2b4c43f7e87c78971f741","hex_code":"#000000"},{"translated_name":"SILVER","id":"bf5dfec66f7b389ef2ae752b006c8848","gradient_class":"custom-color-circle-silver"},{"translated_name":"BRONSON STRIPE","id":"bffd809fb0e365686690e7334b167551","hex_code":"#324908"},{"translated_name":"VINTAGE CRUISER","id":"c053912eeb37c2ba9aa9ba0e94bca99e","hex_code":"#3a5c84"},{"translated_name":"BLUE STONE","id":"c05d87ae094760a977b917d36a7d95f2","hex_code":"#3a5c84"},{"translated_name":"MOUNTAIN GREY\/ORANGE","id":"c12bbf7d9b36d36649d1886c259c11cf","hex_code":"#808080"},{"translated_name":"BLACK\/DARK COGNAC","id":"c13896170478a06251bf1440ea8c89c4","hex_code":"#000000"},{"translated_name":"MARSHMALLOW\/BOTANICAL GARDEN","id":"c17b7652c8730e96b667922ecc22c380","hex_code":"#ffffff"},{"translated_name":"L BL\u00c5","id":"c1be90501ab92fe213afb2c36fb75cf0","hex_code":"#2a2e5b"},{"translated_name":"ARMY\/L.BLUE","id":"c211bda7d3f0cee25f807e38721ae79e","hex_code":"#593e30"},{"translated_name":"WINE RED","id":"c27e8fc443ad7c8350a5d984e196052f","hex_code":"#b51a34"},{"translated_name":"OBSIDIAN","id":"c2b8946422bdfbd21df78f091414511c","hex_code":"#808080"},{"translated_name":"TEAK BROWN","id":"c2c156fe92bf2dc80f30f26de5306abe","hex_code":"#593e30"},{"translated_name":"CYPRESS","id":"c2c9d053136c7d177eeb81b487f6f2f3","hex_code":"#324908"},{"translated_name":"BERYL","id":"c2d28800ed0525646764264f2f2756aa","hex_code":"#367f3d"},{"translated_name":"MELLEM GR\u00c5","id":"c32b8a793daf81c2ba5daa8eee39a484","hex_code":"#808080"},{"translated_name":"SARGASSO SEA","id":"c339cf992d2278243012a07fe0e33712","hex_code":"#2a2e5b"},{"translated_name":"LIGHT PINK","id":"c3b74002ba474c4cdde63d9d1cc8e21e","hex_code":"#ffa4b4"},{"translated_name":"OMBRE GRAY","id":"c407f4c23e178c7b3979d9c5c819ac55","hex_code":"#808080"},{"translated_name":"GHOST GREY","id":"c471eb42c92ce805c536721d48b5e746","hex_code":"#808080"},{"translated_name":"PINE GREEN\/BLACK","id":"c47d4af12fb50beb7626e3aee799cd34","hex_code":"#000000"},{"translated_name":"GHOST GREY\/BLACK\/WHITE","id":"c4a51d868d228a554e2ba35ea6f38fd9","hex_code":"#808080"},{"translated_name":"LIGHT MELANGE GREY","id":"c5616a713e305c891c4d0ea482613f86","hex_code":"#808080"},{"translated_name":"LT GREEN","id":"c57eb091f027f540fb3f2de7bcad855b","hex_code":"#324908"},{"translated_name":"IVORY\/DARK NAVY","id":"c599b7c8275d2a44d708bc7e8bda52ec","hex_code":"#2a2e5b"},{"translated_name":"OAT","id":"c5f938575a66a73aec45148c064c7dad","hex_code":"#cabba0"},{"translated_name":"FADED KHAKI","id":"c615675a03ed941c2a6566daf825ae8b","hex_code":"#324908"},{"translated_name":"CACAO","id":"c619c8e396b9fdcc714fd17ac797b802","hex_code":"#d65832"},{"translated_name":"ALE","id":"c6c8f190950a914d9f11ef0b8408f925","hex_code":"#593e30"},{"translated_name":"PASTEL BLUE \/ NAVY","id":"c71f912d62e1568a353b49e649461efd","hex_code":"#2a2e5b"},{"translated_name":"DARK ARMY","id":"c7295230cb6414c81e0dc9d0bdc41eab","hex_code":"#324908"},{"translated_name":"GRAPHITE","id":"c7628b6ded19b226fd93a50b2ef2a51f","hex_code":"#000000"},{"translated_name":"MILITARY GREEN","id":"c850d5f265575852df665eba0b27042a","hex_code":"#324908"},{"translated_name":"L.BL\u00c5","id":"c85b26a233a2497ec6e3867afe67cc2e","hex_code":"#2a2e5b"},{"translated_name":"MICHIGON","id":"c86a53c3f74777a9728fe4b4a81ca859","hex_code":null},{"translated_name":"DIJON","id":"c87c62569aa7af48f28cb275000cc9cc","gradient_class":"custom-color-circle-multi"},{"translated_name":"CLEAR CREAM","id":"c904e7c7c6ae6f9ebbca41d9cdf32d7a","hex_code":"#ffffff"},{"translated_name":"ORE","id":"c941bfb3d9afd22642fad03da5daef01","hex_code":"#367f3d"},{"translated_name":"CORN","id":"c94b56087dbdd839fe3a9e37d37d1d85","hex_code":"#cabba0"},{"translated_name":"COASTAL GREY","id":"c9c02c201bed0e90af989c2e359b4d60","hex_code":"#808080"},{"translated_name":"FADED DENIM BLUE","id":"c9f095bed6c920f3db094e4da705ba4f","hex_code":"#2a2e5b"},{"translated_name":"HUNTER","id":"ca98479dd43d3105fb65fde8483ff31b","hex_code":"#808080"},{"translated_name":"PINK\/HVID","id":"cad60ae984ac52770f840ff43442bd47","gradient_class":"custom-color-circle-multi"},{"translated_name":"GR\u00d8N\/GR\u00c5","id":"cae747aee8e82f18e466301deac2d25d","gradient_class":"custom-color-circle-multi"},{"translated_name":"LIGHT DESERT SAND","id":"cafc6347b162b61397c71be9abb62c0f","hex_code":"#cabba0"},{"translated_name":"BLACK\/BROWN","id":"cb9cfe6f83114a66313b96437dc2d38b","hex_code":"#000000"},{"translated_name":"SKY BLUE","id":"cbb0ef4c8d8fa117a3c7376b7c1fede9","hex_code":"#2a2e5b"},{"translated_name":"BLUE BLEACHED","id":"cc3645fe053006307931dcbc8f71f281","hex_code":"#3a5c84"},{"translated_name":"DARK BLUE WASH","id":"cc51bbab78598d044aa9ba3782415b74","hex_code":"#3a5c84"},{"translated_name":"NAVY\/ RED","id":"ccdf7e2bbaeee02e77519d75c11aeaf4","gradient_class":"custom-color-circle-multi"},{"translated_name":"TEAK","id":"cd13a8fedaacc919e77cc9d362ed7b97","hex_code":"#593e30"},{"translated_name":"CAMO OFFICE GREEN","id":"cd4dd4cd3ee51a1c013414d536cfaaa5","hex_code":"#324908"},{"translated_name":"BEIGE AMBER WASH","id":"cd85b9f30f8ace82225042b6df7ef940","hex_code":"#cabba0"},{"translated_name":"INSIGNIA BLUE","id":"cd9a3907568008989745de3fb3f0d0ae","hex_code":"#2a2e5b"},{"translated_name":"OFF WHITE\/NAVY","id":"cdb51ebcfa9359f6a22187a927be1412","gradient_class":"custom-color-circle-multi"},{"translated_name":"CREAMED WHITE","id":"cdd28574d808937beac1e9b7dd82e9eb","hex_code":"#cabba0"},{"translated_name":"OXFORD LYSBL\u00c5","id":"cdf6d7783d11118ed7ba734df6d3de1a","hex_code":"#2a2e5b"},{"translated_name":"CALICO","id":"ce410d58f387bf97ca5c700630f9e32e","hex_code":"#ffffff"},{"translated_name":"SEAL","id":"cea6af70db8595d4951650b9178437a4","hex_code":"#808080"},{"translated_name":"WILD DOG","id":"cebf10c2a03322e6635dec3b48893125","hex_code":"#593e30"},{"translated_name":"THYME GREEN","id":"cfb8281e6ba420b45c4b266fe1325d13","hex_code":"#367f3d"},{"translated_name":"DARK SAGE","id":"cfde3daa6118b21700b936ed7ddeb616","hex_code":"#367f3d"},{"translated_name":"DENIM\/GR\u00d8N","id":"cfdfb5201387a1d91feabf244baaf990","hex_code":"#3a5c84"},{"translated_name":"HVID\/BL\u00c5","id":"cffb7e6036a5dda5bed68b94ab05d5e6","hex_code":"#2a2e5b"},{"translated_name":"SORRENT","id":"d0a6d5fee9d0c4f1195d45e7b820260d","hex_code":"#2a2e5b"},{"translated_name":"BUCKEYE","id":"d152c10a9ce9c7a545a82b00d1d33f38","hex_code":"#593e30"},{"translated_name":"JUNEBERRY","id":"d15b326aea7ba7bdf354ecb3bb3ee9d8","hex_code":"#b51a34"},{"translated_name":"TOBACCO","id":"d1b50d21779fdd1683a20c26e7f94d59","hex_code":"#593e30"},{"translated_name":"BLEACH","id":"d2138ac7ff19f9be63225cd14da5fee1","hex_code":"#3a5c84"},{"translated_name":"BLUE\/BROWN","id":"d23818f8be6500bef245f448c71c6eb1","gradient_class":"custom-color-circle-multi"},{"translated_name":"POWDER","id":"d25cbc55e93a15dfd2b3466476a8e852","hex_code":"#ffffff"},{"translated_name":"SILVER LINING","id":"d2753fdf26faaa362bc3936a4f0fcc4b","hex_code":"#cabba0"},{"translated_name":"WINE MEL","id":"d283f9cbda2293998685daef31becd05","hex_code":"#5a002c"},{"translated_name":"SAND\/BLK","id":"d29660185d344b8c9fc1a3df216fe5b1","hex_code":"#cabba0"},{"translated_name":"MOUNTAIN GREY\/IVORY","id":"d2a788eccb91ec3f898f36a02d8ed777","hex_code":"#593e30"},{"translated_name":"TURTLE DOVE","id":"d2b77b1497e78a7285e9a6dea75446fa","hex_code":"#cabba0"},{"translated_name":"LYS OLIVEN","id":"d3059efc9fccb45e64e30ce33901534a","hex_code":"#324908"},{"translated_name":"CHOCOLATE BROWN MEL","id":"d35dff7e0aa376937925c980932de317","hex_code":"#593e30"},{"translated_name":"APPLE","id":"d4e105f01dd6eab85cbda1a3f9f209e2","hex_code":"#367f3d"},{"translated_name":"SLATE GREY","id":"d4eedbe52cf95a2fe2c43f406bf638ec","hex_code":"#808080"},{"translated_name":"DARK SAND\/EBONY BROWN","id":"d4f837a5c68572e16fe7563b98024b6e","hex_code":"#593e30"},{"translated_name":"NEUTRAL GREEN\/ORANGE","id":"d4fc9b9674e392319ba3971f65c6fc48","hex_code":"#367f3d"},{"translated_name":"VOLCANO","id":"d503de483083467a06da33dba934951b","hex_code":"#000000"},{"translated_name":"TIGER","id":"d58edfcb3b1c91b1e934bd84e19f1c30","gradient_class":"custom-color-circle-multi"},{"translated_name":"ARMY STRIPE","id":"d5c9ddaafaff2eba9445928ec5c9f451","hex_code":"#ffffff"},{"translated_name":"JUNIPER GREEN","id":"d619a455d78f9d9d168ca32a36d3b887","hex_code":"#324908"},{"translated_name":"HVID\/GR\u00d8N","id":"d61aafc3898a814fca409b40111f6059","hex_code":"#ffffff"},{"translated_name":"ANTRASITE","id":"d6e88bf6fbf26b09a443026edf022344","hex_code":"#808080"},{"translated_name":"BLUE RIVER","id":"d79e457cccdce87226f897315633d4ab","hex_code":"#2a2e5b"},{"translated_name":"BLUE LIGHT USED","id":"d7b64f2ccb2975d3dbbc22aae386c045","hex_code":"#3a5c84"},{"translated_name":"BLUE MAGNA WASH","id":"d7bfea913c1c7a90e4e8c33c728d008b","hex_code":"#3a5c84"},{"translated_name":"NAVY\/GREEN","id":"d7cee710f2da7a106d996c1161580e9c","hex_code":"#367f3d"},{"translated_name":"DOVE GREY","id":"d7e1581a01495cbb9b4f3546f9869c51","hex_code":"#808080"},{"translated_name":"GREY\/BROWN","id":"d8054346b27275bf61f726993e0a652d","hex_code":"#593e30"},{"translated_name":"HAVANA","id":"d8475c181cad38667698b488e295fc62","hex_code":"#593e30"},{"translated_name":"TEAL","id":"d8819ce9c3026b77b3cf4052081362c2","hex_code":"#2a2e5b"},{"translated_name":"RED\/BLUE","id":"d8a4bf7f6b01df38e64db7c661c37ad5","hex_code":"#b51a34"},{"translated_name":"CARIBOU BROWN\/ORANGE","id":"d907ec56d8bd3567df88e9e186186253","hex_code":"#593e30"},{"translated_name":"BLACK LIGHT USED","id":"d9875f3f656f420154bf4d2b9b850d7c","hex_code":"#808080"},{"translated_name":"SLATE","id":"d992371c5637867d490b3cb825a275a9","hex_code":"#808080"},{"translated_name":"DARK ANTRA","id":"da164e7c41af13eda57095373603f4c6","hex_code":"#808080"},{"translated_name":"KANGAROO","id":"da2e621fb0a75a2267401b780a594a4b","hex_code":"#593e30"},{"translated_name":"ECRU\/GR\u00d8N\/BL\u00c5","id":"da7e359aa62b483576c65d28aa76fcac","hex_code":"#ffffff"},{"translated_name":"CLASSIC BLUE","id":"da7fb49f0f6d667c81fd60f5530b877f","hex_code":"#3a5c84"},{"translated_name":"HVID\/ORANGE","id":"dace05f55aa59d88fd237113ee7742bd","hex_code":"#ffffff"},{"translated_name":"TRADEWINDS BLUE","id":"db46503be5fcfcaebebaae11c9ca5e90","hex_code":"#2a2e5b"},{"translated_name":"NAVY\/ ROSA","id":"dd5b93540ef6604679aa88257197a738","hex_code":"#ffa4b4"},{"translated_name":"FALLEN ROCK","id":"ddaf9ab5ff8f40efaeb2f278aa890868","hex_code":"#593e30"},{"translated_name":"FADED SUNSET","id":"de07163068b53467b60bc3dc95199114","hex_code":"#ffec00"},{"translated_name":"R\u00d8D\/HVID","id":"de079f3861552bac5e629e9bf3f8183e","hex_code":"#b51a34"},{"translated_name":"BLUE RIGID","id":"de331b7de7982376df437ad519e34d46","hex_code":"#3a5c84"},{"translated_name":"DARK BLUE DENIM","id":"de934dc5bbf27128a002e5bf811454d9","hex_code":"#3a5c84"},{"translated_name":"COFFEE","id":"deb04877ca0cde8e12be32bacb1fd615","hex_code":"#593e30"}
1435,{"translated_name":"COUNTRY GREEN","id":"defdcefac51b7b42948c1d9526978c32","hex_code":"#324908"},{"translated_name":"DARK GREEN","id":"df10ac500911a1710c29a09146f681e8","hex_code":"#324908"},{"translated_name":"SEED MELANGE","id":"df1fbc429c602c40693e38a1e9f6fb66","hex_code":"#cabba0"},{"translated_name":"BOTANIC","id":"df7dac8ffd26fccf0e5ddd515f199ca3","hex_code":"#367f3d"},{"translated_name":"PHLOX STONE DYED","id":"dfca456e85eb7ed205cb3ed601135c29","hex_code":"#ffa4b4"},{"translated_name":"LUMO GREEN","id":"e0ce68e2d3a187e33bf1a8fe0c944c36","hex_code":"#367f3d"},{"translated_name":"BLUEBIRD","id":"e0ece4db1de3568d11320c80f225104c","hex_code":"#2a2e5b"},{"translated_name":"KHAKI \/ SORT","id":"e19b2437e308f1fab0333f8589fa6b4e","hex_code":"#000000"},{"translated_name":"BLACK\/GHOST GREY","id":"e1d27782816bbce21bdf64fef884003a","hex_code":"#808080"},{"translated_name":"BROWN\/NAVY","id":"e1fa0d7f0fddaee6c7d88060a6b69b3e","hex_code":"#2a2e5b"},{"translated_name":"OLIVE NIGHT\/DUSTY MOSS","id":"e26ee7e623cb786434d25985a29ea471","hex_code":"#324908"},{"translated_name":"HVID\/BRUN","id":"e2be5312cfd2432742f6fae0211b86f2","hex_code":"#ffffff"},{"translated_name":"CORDONA STRIPE","id":"e337ac3ed1b785f08b3860a219553cb7","hex_code":"#2a2e5b"},{"translated_name":"402 GR\u00d8N","id":"e41aa550fd827d71a4ae8e97bf8249fd","hex_code":"#367f3d"},{"translated_name":"OCHRE 160","id":"e441a25604818539a7e5209d815221af","hex_code":"#ffec00"},{"translated_name":"RUST BRONZE","id":"e49f1235a71ff3a9cafe24778f45b43b","hex_code":"#593e30"},{"translated_name":"OPUNTIA","id":"e4bc0216bfa376fee2a55065cf1d02c3","hex_code":"#324908"},{"translated_name":"SEAWOOD MELANGE","id":"e4cb7e7f606e6a22e1b1253adcad1d30","hex_code":"#593e30"},{"translated_name":"INDIA INK MEL\/ORANGE","id":"e5929ef14511bd0cd21ba1bbd278e6cd","hex_code":"#2a2e5b"},{"translated_name":"CONCRETE GRAY","id":"e5f63afa677100e6b22d84610ff719c8","hex_code":"#808080"},{"translated_name":"BLACK\/GREY","id":"e65cec7d86c7b5f8a50f1a6cdaa13172","hex_code":"#808080"},{"translated_name":"BURGUNDY","id":"e684bd61aca4569d16e99715ae857afe","hex_code":"#b51a34"},{"translated_name":"OLIVE\/SORT","id":"e709f1133360e2047db524d710ddb643","hex_code":"#324908"},{"translated_name":"SILVER COOKIE DOUGH","id":"e7257d1f22355cfcf02178b2f49b5620","gradient_class":"custom-color-circle-silver"},{"translated_name":"IVORY\/BURNT CLAY","id":"e79339f6e5c04ee5f748368dc1ee5f92","hex_code":"#d65832"},{"translated_name":"BLEU","id":"e7c430273f980aec73558cf6abddc958","hex_code":"#2a2e5b"},{"translated_name":"RED\/NAVY","id":"e7f793a37056c6eef6cdebb0c1f51154","hex_code":"#b51a34"},{"translated_name":"DESERT TAUPE","id":"e83e6185740227b951f804e9fc68790b","hex_code":"#cabba0"},{"translated_name":"ROSE","id":"e95eac7115c292b428416edaf8880a68","hex_code":"#ffa4b4"},{"translated_name":"TRUFFLE","id":"e991a9ab7fb060172f6b6940670e19fc","hex_code":"#593e30"},{"translated_name":"DUSTY H BROWN","id":"e9e47459e7be311475541366578f9225","hex_code":"#593e30"},{"translated_name":"L.BROWN","id":"ea230d353829ed0b582da6b9499ff2bf","hex_code":"#593e30"},{"translated_name":"DARK GREEN\/WHITE","id":"ea91482d8b28b152dd1c2969aa500a51","hex_code":"#324908"},{"translated_name":"RUST 298","id":"eacf8542e233d9848ddbd5679ff35018","hex_code":"#d65832"},{"translated_name":"BUTTER","id":"eb200c829ec4417521df5e19640bb004","hex_code":"#cabba0"},{"translated_name":"BLACK\/DARK STONE","id":"eb6222cf33fc581a05cdbbd784e79f64","hex_code":"#000000"},{"translated_name":"ARMY\/CAMO","id":"eb949f27694a0cc1bcfe1ef7ffe65bc7","hex_code":"#324908"},{"translated_name":"MIDNIGHT GREY","id":"ebf618219c8a1bc84ebb897f25bf5c3e","hex_code":"#808080"},{"translated_name":"VINEYARD GREEN\/ORANGE","id":"ec4c10de0a5fbc7423aa73e6ba3383fa","hex_code":"#367f3d"},{"translated_name":"FALL","id":"ec59d54dea2738cca1ad52e403e703d5","hex_code":"#b51a34"},{"translated_name":"TANNIN","id":"ec7e0a3fef8355621d5f8e88836631e7","hex_code":"#cabba0"},{"translated_name":"WHITE\/CHROME","id":"ecd8729b15385643e1c23f07ac95f6f8","hex_code":"#ffffff"},{"translated_name":"GREY GREEN","id":"ecfbe2c09ec99465ac70350fff76bf8a","hex_code":"#367f3d"},{"translated_name":"VIOLET","id":"ed3bddbfb61b0343318e1eb822fa09ce","hex_code":"#735c8e"},{"translated_name":"STYX","id":"ed6b0312c7dc4e112bbba6ee61af1578","hex_code":"#2a2e5b"},{"translated_name":"BLACK\/CAMO","id":"ed8ffaf0ea35c1c9eeed349e194236ce","hex_code":"#000000"},{"translated_name":"WHITE\/YELLOW","id":"eda2a9040deca7c885d16ef2620f87b8","gradient_class":"custom-color-circle-multi"},{"translated_name":"BRIGHT RED","id":"ee064f0a028082445b883c4f80c1263e","hex_code":"#b51a34"},{"translated_name":"TAN","id":"eeb6842a9d78b458d9c6fc488206c8eb","hex_code":"#593e30"},{"translated_name":"COFFEE BROWN","id":"ef9005e4b1908090cdb937104b04e433","hex_code":"#593e30"},{"translated_name":"GRASS GREEN","id":"efc7226fb46b9fc3ea223a5a5fa28dae","hex_code":"#367f3d"}
1435,{"translated_name":"BRINDLE","id":"f0cc1e5c550e22ee34d21f550e08467a","hex_code":"#593e30"},{"translated_name":"BRANDY","id":"f125de7ec74964c894ac3584aa5b027a","hex_code":"#593e30"},{"translated_name":"TURKISH COFFEE BROWN","id":"f164fb49de8d8c1aaa4592f1ed82154f","hex_code":"#593e30"},{"translated_name":"VINTAGE DUST ASFALT","id":"f172ee2287351738b3a7abc0b54ba30d","hex_code":"#324908"},{"translated_name":"PALM PRINT","id":"f1b2fc883750f434ce983a1427bb9657","hex_code":"#000000"},{"translated_name":"SEMI LIGHT BLUE","id":"f1cdc6da2cbffcb297fe61a463b6fa7c","hex_code":"#3a5c84"},{"translated_name":"SILVER GREY","id":"f1d3f97a00c4fb5a3c8f8b00380b6429","hex_code":"#808080"},{"translated_name":"GOLDEN HAZE","id":"f1d80438461d743d4cb2b4ffc3071a74","hex_code":"#593e30"},{"translated_name":"COCONUT MILK","id":"f20f866b3526dab3dbcebc20c6fe35b1","hex_code":"#ffffff"},{"translated_name":"GR\u00c5\/GR\u00d8N","id":"f22af2f623b11e5775ec0d1d2b52f8ce","hex_code":"#808080"},{"translated_name":"BLUE HEAVY STONE BLEACHED","id":"f2522efb1885478124a81962d7745938","hex_code":"#3a5c84"},{"translated_name":"SAFARI","id":"f2a38eda5d7444149986ced314d09b2d","hex_code":"#367f3d"},{"translated_name":"CARIBOU","id":"f2e2a6b9dd265a97ac243e28d509d59b","hex_code":"#593e30"},{"translated_name":"GREEN WASHED","id":"f368365dc18af52309ad36f53c8d22c4","hex_code":"#367f3d"},{"translated_name":"HVID\/PINK","id":"f48db6ace5a3280211131e56332d1388","hex_code":"#ffffff"},{"translated_name":"BLACK MEL.","id":"f490daa09584ddca762f8b94f88d76a2","hex_code":"#000000"},{"translated_name":"MIDNIGHT","id":"f544170a6019586f8eb73043fda5d4ef","hex_code":"#2a2e5b"},{"translated_name":"STONE BLACK","id":"f55317131d8a901a15e9c19d73b312d2","hex_code":"#000000"},{"translated_name":"SORT\/HVID\/R\u00d8D","id":"f592c29918a5bb7564985b12cc10852d","hex_code":"#000000"},{"translated_name":"MAJOR BROWN","id":"f604853c5d86f0a77a9f7d651687674c","hex_code":"#593e30"},{"translated_name":"DARK GREY MELANGE","id":"f648480ba954ee4724349a618f72c9e7","hex_code":"#808080"},{"translated_name":"DARK CAMO","id":"f73a6730cfa9d64cf61e602d94485463","hex_code":"#324908"},{"translated_name":"GRAY VELVET","id":"f7772af902c017788a47881cf5da8fec","hex_code":"#cabba0"},{"translated_name":"BUTTERCUP\/BLACK","id":"f81247829abb8bab7e42d9057beb7c65","hex_code":"#ffec00"},{"translated_name":"DARK GREY\/IVORY","id":"f8724b0bab97f85c8d6fbfc4a03b54f9","hex_code":"#808080"},{"translated_name":"HAMILTON BROWN","id":"f88bd79b6bbe0b44a30d13be3bd917a8","hex_code":"#593e30"},{"translated_name":"NAVY\/L.RED","id":"f8e52f51ffbdf00db3079ab67143a768","hex_code":"#ffa4b4"},{"translated_name":"PUTTY","id":"f8eb7a16f3fd779d2635ddc8d75ba0f3","hex_code":"#cabba0"},{"translated_name":"CHAMPAGNE","id":"f947df397a5f29506e71714fbd843df7","hex_code":"#cabba0"},{"translated_name":"NAVY\/BRUN","id":"f9574e1f7c6ab54c9e82b9478609cf99","hex_code":"#593e30"},{"translated_name":"BERRY","id":"f98b6967b39547d6e90b47e270ba1ec3","hex_code":"#2a2e5b"},{"translated_name":"NAVY\/GR\u00d8N","id":"fa28248910ce22b226152c6164f8e76f","gradient_class":"custom-color-circle-multi"},{"translated_name":"COFFEE BROWN\/IVORY","id":"fa3044242aea45cf89736d479e8d861d","hex_code":"#593e30"},{"translated_name":"DARK GREY HEATHER","id":"fa3f1c807afbd0c6665eb41c31cd4517","hex_code":"#808080"},{"translated_name":"CLEAR","id":"fa81b5f9d0558656a2eded9b6f34861d","hex_code":"#cabba0"},{"translated_name":"CHALK","id":"faef27cbd878197df28b358c3a219da8","hex_code":"#ffffff"},{"translated_name":"LIGHT INK","id":"fb23bb3fa665fce1d869a3d4c708fd45","hex_code":"#2a2e5b"},{"translated_name":"TAMARIND","id":"fb51e91b7322cf03ecd733d82a56c9eb","hex_code":"#593e30"},{"translated_name":"ARMY\/BLACK","id":"fb573faf45d83c66fdeb6c16458efc50","hex_code":"#324908"},{"translated_name":"LIGHT GREY\/LIGHT SAND","id":"fdb33beb58abdda2ab9ab129c4dc403e","hex_code":"#cabba0"},{"translated_name":"DOLLAR GREEN","id":"fdf3e167e99f950308cae29237e6e6f4","hex_code":"#324908"},{"translated_name":"ECRU\/SORT","id":"fe677b8edd882eac064852c1d0a134c3","hex_code":"#ffffff"},{"translated_name":"GREEN\/WHITE","id":"fea0aeac894343eb34064c8103516ae3","hex_code":"#367f3d"},{"translated_name":"BLACK\/ARMY","id":"fecf1afc8e42ad632a1342cb4a94fe58","hex_code":"#000000"},{"translated_name":"PURPLE","id":"fedddeed20bb35c8d0dd6d97b0d8c5a6","hex_code":"#735c8e"},{"translated_name":"SMALL GREY CHECK","id":"ff4a1fc7b1e08f68cb6f8c2bd245c5a7","hex_code":"#808080"},{"translated_name":"VINTAGE MINE DUST","id":"ff7d1a175529616bd9d982fc1a866fee","hex_code":"#3a5c84"},{"translated_name":"ELEPHANT SKIN","id":"ffcab98b8ffcd675e362bac9b844feac","hex_code":"#808080"}], 1436 groupedColorAttributeUuid: '01951df8ed257318b7254d755ca0e4a4', 1437 groupedColorAttributeFormatted: [{"translated_name":"Navy","hex_code":null},{"translated_name":"Gavekort","hex_code":null},{"translated_name":"Army","hex_code":"#324908"},{"translated_name":"Bl\u00e5","hex_code":"#2a2e5b"},{"translated_name":"Bordeaux","hex_code":"#5a002c"},{"translated_name":"Brun","hex_code":"#593e30"},{"translated_name":"Denim","hex_code":"#3a5c84"},{"translated_name":"Gr\u00f8n","hex_code":"#367f3d"},{"translated_name":"Gr\u00e5","hex_code":"#808080"},{"translated_name":"Gul","hex_code":"#ffec00"},{"translated_name":"Guld","gradient_class":"custom-color-circle-gold"},{"translated_name":"Hvid","hex_code":"#ffffff"},{"translated_name":"Lilla","hex_code":"#735c8e"},{"translated_name":"Lyser\u00f8d","hex_code":"#ffa4b4"},{"translated_name":"Multi","gradient_class":"custom-color-circle-multi"},{"translated_name":"Orange","hex_code":"#d65832"},{"translated_name":"R\u00f8d","hex_code":"#b51a34"},{"translated_name":"Sand","hex_code":"#cabba0"},{"translated_name":"Sort","hex_code":"#000000"},{"translated_name":"SUN FLOWER","hex_code":"#ffec00"},{"translated_name":"S\u00f8lv","gradient_class":"custom-color-circle-silver"},{"translated_name":"Turkis","hex_code":"#30D5C8"}], 1438 fitAttributeUuid: '0195041722b5724db1dfee59aaae6a7f', 1439 fitAttributeFormatted: [{"translated_name":"Contemporary fit","description":""},{"translated_name":"Baggy fit","description":"En ekstra rummelig pasform, der giver maksimal bev\u00e6gelsesfrihed og en afslappet stil."},{"translated_name":"Box fit","description":"En firkantet og bred pasform, der sidder l\u00f8st p\u00e5 kroppen og skaber en struktureret, men afslappet silhuet."},{"translated_name":"Casual fit","description":"En komfortabel pasform med en afslappet fornemmelse, der giver bev\u00e6gelsesfrihed uden at v\u00e6re for l\u00f8s."},{"translated_name":"Casual Modern fit","description":"En moderne og afslappet pasform, der f\u00f8lger kroppen uden at sidde stramt og giver et balanceret, nutidigt udtryk."},{"translated_name":"Classic fit","description":"En tidl\u00f8s pasform, der sidder behageligt og flatterende uden at v\u00e6re for stram eller for l\u00f8s."},{"translated_name":"Contemporary fit","description":"En moderne pasform, der balancerer mellem slim og regular fit. Den skaber en stilren silhuet uden at f\u00f8les for t\u00e6tsiddende."},{"translated_name":"Custom fit","description":"En pasform, der er tilpasset kroppens naturlige former og skaber et skr\u00e6ddersyet look med en velafbalanceret silhuet."},{"translated_name":"Custom Slim Fit","description":"En slank og tilpasset pasform, der f\u00f8lger kroppens konturer og giver et skarpt, moderne udtryk."},{"translated_name":"Extra slim fit","description":"En meget t\u00e6tsiddende pasform, der fremh\u00e6ver kroppens linjer og skaber et skarpt, moderne look. Ideel til en stilren og elegant fremtoning."},{"translated_name":"Fitted body fit","description":"En kropsn\u00e6r pasform, der f\u00f8lger kroppens form uden at v\u00e6re for stram. Perfekt til et veldefineret og sofistikeret look."},{"translated_name":"Loose fit","description":"En rummelig og behagelig pasform, der sidder l\u00f8st uden at vir
1439ke overdimensioneret."},{"translated_name":"Loose tapered fit","description":"En l\u00f8s pasform med tilspidsede ben, der giver ekstra vidde omkring hofter og l\u00e5r og et mere smalt udtryk ned mod anklerne."},{"translated_name":"Modern fit","description":"En opdateret, slankere pasform, der giver et skarpt og nutidigt udtryk uden at f\u00f8les for t\u00e6tsiddende. En god balance mellem stil og komfort."},{"translated_name":"Oversize fit","description":"En bevidst rummelig pasform, der giver et markant og trendy udtryk. Skaber en afslappet silhuet med et moderne pr\u00e6g."},{"translated_name":"Oversized box fit","description":"En oversized og boxy pasform med ekstra vidde og en firkantet silhuet, der giver et markant og afslappet udtryk."},{"translated_name":"Regular fit","description":"En klassisk og alsidig pasform, der hverken er for stram eller for l\u00f8s."},{"translated_name":"Regular tapered fit","description":"En klassisk pasform med let tilspidsede ben, der giver komfort omkring hofter og l\u00e5r og et mere str\u00f8mlinet udtryk ned mod anklerne."},{"translated_name":"Relaxed fit","description":"En komfortabel pasform med lidt ekstra plads, der giver en ubesv\u00e6ret og afslappet f\u00f8lelse."},{"translated_name":"Relaxed Tapered Fit","description":"En afslappet pasform med let tilspidsede ben, der giver ekstra rummelighed omkring hofter og l\u00e5r og et mere str\u00f8mlinet udtryk ned mod anklerne."},{"translated_name":"Slim fit","description":"En slank pasform, der sidder t\u00e6t til kroppen uden at f\u00f8les restriktiv."},{"translated_name":"Straight fit","description":"En pasform med et lige snit fra hofte til fod, der sikrer en klassisk og tidl\u00f8s silhuet."},{"translated_name":"Tailored fit","description":"En elegant og let figursyet pasform, der fremh\u00e6ver kroppens form uden at v\u00e6re for stram. Inspireret af skr\u00e6ddersyet t\u00f8j."},{"translated_name":"Tapered fit","description":"En pasform, der er bredere ved l\u00e5rene og smallere ved anklerne, hvilket skaber en str\u00f8mlinet silhuet med god bev\u00e6gelsesfrihed."}], 1440 }, 1441 basePath: '/', 1442 searchPath: '/search', 1443 topCategoryUuid: '9760a2f3aeb94cd8ae7b29a0d908a129', 1444 localeIsoCode: 'da-DK', 1445 currencyIsoCode: 'DKK', 1446 marketingBanners: [] 1447 }; 1448 1449 1450 1451 </script>
1451
1451<script> 1452 blockScriptBeforeConsent = false; 1453 headlessMode = false; 1454 </script>
1454
1454<script> 1455 window.dataLayer = window.dataLayer || []; 1456 function gtag(){ dataLayer.push(arguments); } 1457 (function() { 1458 "use strict"; 1459 const pmGtagId = "G-PQ78DEGVGX"; 1460 const existingScript = document.querySelector('script[src^="https://www.googletagmanager.com/gtag/js?id="]'); 1461 let foundJsDate = false; 1462 for (var i = 0; i < dataLayer.length; i++) { 1463 if (typeof dataLayer[i] === 'object' && dataLayer[i].length == 2 && dataLayer[i][0] === 'js') { 1464 foundJsDate = true; 1465 break; 1466 } 1467 } 1468 if (existingScript) { 1469 if (!foundJsDate) { 1470 gtag('js', new Date()); 1471 } 1472 gtag('config', 'G-PQ78DEGVGX'); 1473 } else { 1474 const script = document.createElement('script'); 1475 script.async = true; 1476 script.id = 'profitmetrics-ga4-script-G-PQ78DEGVGX'; 1477 script.src = 'https://www.googletagmanager.com/gtag/js?id=G-PQ78DEGVGX'; 1478 const headElement = document.head || document.getElementsByTagName('head')[0]; 1479 headElement.appendChild(script); 1480 gtag('js', new Date()); 1481 gtag('config', 'G-PQ78DEGVGX'); 1482 script.addEventListener('error', () => { 1483 console.error("PM gtag.js failed to load:", script.src); 1484 }); 1485 } 1486 })(); 1487</script>
1487
1487<script> 1488 (function() { 1489 'use strict'; 1490 1491 /** 1492 * Check if user has given marketing consent for ProfitMetrics tracking 1493 * @returns {boolean} True if consent is given or not required 1494 */ 1495 function hasMarketingConsent() { 1496 // Consent check disabled - allow tracking 1497 if (!blockScriptBeforeConsent) { 1498 return true; 1499 } 1500 1501 // Fallback cookie helper if CookieStorageHelper is not available 1502 const cookieHelper = window.CookieStorageHelper || { 1503 getItem: function(key) { 1504 const match = document.cookie.match(new RegExp('(^| )' + key + '=([^;]+)')); 1505 return match ? match[2] : null; 1506 } 1507 }; 1508 1509 const pmTPTrackValue = cookieHelper.getItem('pmTPTrack'); 1510 1511 if (pmTPTrackValue) { 1512 try { 1513 const trackData = JSON.parse(decodeURIComponent(pmTPTrackValue)); 1514 return trackData.cc_marketing === true; 1515 } catch (e) { 1516 // Invalid cookie format, treat as no consent 1517 return false; 1518 } 1519 } 1520 1521 return false; 1522 } 1523 1524 // Format Google Ads ID 1525 const inputAWID = 'AW-96450070'; 1526 const awID = inputAWID.startsWith('AW-') ? inputAWID : 'AW-' + inputAWID.replace(/^AW/, ''); 1527 1528 /** 1529 * Initialize Google Tag Manager with conversion tracking 1530 */ 1531 function initGtag() { 1532 if (!hasMarketingConsent()) { 1533 return; 1534 } 1535 1536 // Initialize dataLayer and gtag 1537 window.dataLayer = window.dataLayer || []; 1538 window.gtag = function() { 1539 window.dataLayer.push(arguments); 1540 }; 1541 1542 // Check if gtag script already exists 1543 const existingGtagScript = document.querySelector('script[src^="https://www.googletagmanager.com/gtag/js?id="]'); 1544 if (!existingGtagScript) { 1545 const gtagScript = document.createElement('script'); 1546 gtagScript.async = true; 1547 gtagScript.src = 'https://www.googletagmanager.com/gtag/js?id=' + awID; 1548 gtagScript.id = 'profitmetrics-gtag-lib-script-' + awID; 1549 document.head.appendChild(gtagScript); 1550 } 1551 1552 // Check if JS event already exists to avoid duplicates 1553 let jsEventExists = false; 1554 if (window.dataLayer && Array.isArray(window.dataLayer)) { 1555 jsEventExists = window.dataLayer.some(function(item) { 1556 return Array.isArray(item) && 1557 item.length >= 2 && 1558 item[0] === 'js' && 1559 item[1] instanceof Date; 1560 }); 1561 } 1562 1563 if (!jsEventExists) { 1564 gtag('js', new Date()); 1565 } 1566 gtag('config', awID); 1567 } 1568 1569 /** 1570 * Initialize immediately if consent exists, or listen for consent updates 1571 */ 1572 function initOrListenForConsent() { 1573 if (hasMarketingConsent()) { 1574 initGtag(); 1575 } else if (blockScriptBeforeConsent && document.$emitter) { 1576 // Listen for cookie consent updates 1577 document.$emitter.subscribe('CookieConfiguration_Update', function(event) { 1578 const updatedCookies = event.detail; 1579 if (updatedCookies && updatedCookies['pmTPTrack']
1579=== true) { 1580 initGtag(); 1581 } 1582 }); 1583 } 1584 } 1585 1586 // Initialize when DOM is ready 1587 if (document.readyState === 'loading') { 1588 document.addEventListener('DOMContentLoaded', initOrListenForConsent); 1589 } else { 1590 initOrListenForConsent(); 1591 } 1592 })(); 1593 </script>
1593
1593<script type='text/javascript'> 1594 (function() { 1595 'use strict'; 1596 1597 /** 1598 * Check if user has given marketing consent for ProfitMetrics tracking 1599 * @returns {boolean} True if consent is given or not required 1600 */ 1601 function hasMarketingConsent() { 1602 // Consent check disabled - allow tracking 1603 if (!blockScriptBeforeConsent) { 1604 return true; 1605 } 1606 1607 // Fallback cookie helper if CookieStorageHelper is not available 1608 const cookieHelper = window.CookieStorageHelper || { 1609 getItem: function(key) { 1610 const match = document.cookie.match(new RegExp('(^| )' + key + '=([^;]+)')); 1611 return match ? match[2] : null; 1612 } 1613 }; 1614 1615 const pmTPTrackValue = cookieHelper.getItem('pmTPTrack'); 1616 1617 if (pmTPTrackValue) { 1618 try { 1619 const trackData = JSON.parse(decodeURIComponent(pmTPTrackValue)); 1620 return trackData.cc_marketing === true; 1621 } catch (e) { 1622 // Invalid cookie format, treat as no consent 1623 return false; 1624 } 1625 } 1626 1627 return false; 1628 } 1629 1630 /** 1631 * Execute conversion booster tracking for checkout completion 1632 */ 1633 function executeConversionBooster() { 1634 if (!hasMarketingConsent()) { 1635 return; 1636 } 1637 1638 } 1639 1640 /** 1641 * Initialize immediately if consent exists, or listen for consent updates 1642 */ 1643 function initOrListenForConsent() { 1644 if (hasMarketingConsent()) { 1645 executeConversionBooster(); 1646 } else if (blockScriptBeforeConsent && document.$emitter) { 1647 // Listen for cookie consent updates 1648 document.$emitter.subscribe('CookieConfiguration_Update', function(event) { 1649 const updatedCookies = event.detail; 1650 if (updatedCookies && updatedCookies['pmTPTrack'] === true) { 1651 executeConversionBooster(); 1652 } 1653 }); 1654 } 1655 } 1656 1657 // Initialize when DOM is ready 1658 if (document.readyState === 'loading') { 1659 document.addEventListener('DOMContentLoaded', initOrListenForConsent); 1660 } else { 1661 initOrListenForConsent(); 1662 } 1663 })(); 1664 </script>
1664 </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.